Missing role, name and value on some UI elements
Part of #1106 (closed) (read this issue for access to the full audit and recommendations).
- Dropdown buttons
- Expand/collapse queue button in player
- Delete track frm queue
- Active tab isn't indicated in library/channel/user profile
- Missing button role in attachment form
- "Create a new library" needs a value
Audit section (Section 4.1.2):
On the page https://open.audio/ the Play-buttons have a title=”Play now”. The three dots have title=”More...”. Because not all screen readers read titles, we advise creating button names by using the space between the button tags. The same goes for the button to hide/show password on page https://open.audio/login and https://open.audio/signup. This issue appears on multiple pages.
When a track is being played, a media player appears on the bottom of the page. Inside the player there’s a button displaying something like ‘1 of 4’. The purpose of the button is not clear enough. Also, the button can have two values: expanded or not. These values should be provided in the code (for instance by using the aria-expanded attribute). The delete buttons after each track miss a name.
On the page https://open.audio/@accessibilitytest/ the button with the three dots misses a name. On the same page there are two tabs (Overview/Activity) with a black line indicating the active tab. Which tab is active should also be indicated in the HTML code. The same goes for the tabs on page https://open.audio/settings.
On page https://open.audio/settings the ‘Upload picture’ button and the ‘Remove’ button miss a role (input/button). As a consequence the role cannot be conveyed to users of assistive technologies.
On page https://open.audio/content/libraries/ the link ‘Create a new library’ needs a value (expanded or not).