Focus Order/tabindex issues
Part of #1106 (closed) (read this issue for access to the full audit and recommendations).
In particular:
- Login form
- Radios browsing (maybe okay now we removed masonry)
- Modal windows should always have focus
Audit section (Section 2.4.3):
On page https://open.audio/ the fields ‘Username’ and ‘Password’ and the ‘Log in’ button have a tabindex value greater than 0. As a consequence, these two fields receive keyboard focus before anything else. This results in a focus order that is not logical. The fields on page https://open.audio/login also have a tabindex greater than 0.
On page https://open.audio/library/radios the focus order is not logical when going through the User radios. This happens because the DOM order does not correspond with the displayed order.
When playing a track a media player appears. When clicking on the button displaying something like ‘1 of 4’, a lightbox appears. It is possible to tab through the page (behind the lightbox) while the lightbox remains in view. The focus should remain within the lightbox until it has been closed. Another example of this issue is page https://open.audio/library/playlists when creating a new playlist. It should not be possible to tab behind this lightbox. This issue happens on all pages with lightboxes.