Ensure all buttons in the application are operable using only the keyboard
/label Type: Bug Area: Frontend Type: Accessibility /milestone %1.0
Part of #1106 (closed) (read this issue for access to the full audit and recommendations).
All buttons should be operable using only keyboard navigation (not keyboard shortcuts, but highlighting and interacting). In particular (but not only):
- media player buttons on the bottom of the screen, - form buttons for account creation
- button to show/hide password
- links in login form
- library creation link at
/content/libraries/ - playlist creation and management (close / cancel buttons)
- channel creation
- the 3 dot menu on album cards
- description edit and cancel links
- attachment upload and remove buttons
Audit section (Section 2.1.1):
On multiple pages there are elements that aren’t operable by using a keyboard alone. This creates issues for users who cannot use a mouse. Below are some examples.
On page https://open.audio/ the three dots below every Album aren’t operable. This problem with the three dots appears on multiple pages.
On page https://open.audio/login the links ‘Create an account’ and ‘Reset your password’ aren’t operable. The same goes for the button next to the Password field that hides or shows the password. This button appears on multiple pages.
When a track is being played, a media player appears on the bottom of the page. The buttons in this player (pause/play/replay/etc.) aren’t operable.
On https://open.audio/@accessibilitytest/ the ‘Edit’ link, the ‘Cancel’ button (when clicking on ‘Edit’) and the ‘Add new’ link aren’t operable.
On page https://open.audio/settings the buttons ‘Upload new picture’ and ‘Remove’ aren’t operable.
On page https://open.audio/library/playlists when creating or managing a playlist the ‘Cancel’ and close buttons in the lightbox aren’t operable. The same goes for the buttons ‘Insert from queue’ and ‘Clear’. It also is the case for the red trash can buttons and the dropdown button next to the orange ‘Play all’ button, once tracks have been added.
On https://open.audio/content/libraries/ the link ‘Create a new library’ is not operable.