Label for category list button and state of category list not provided

(Steve Faulkner) #1

The category dropdown button does not have an accessible name and does not expose the state of the dropdown it controls. This means that some users will not understand what the ‘button’ does or when it does it:

<a data-bindattr-1365="1365" style="background-color: #e9dd00; color: #000000; " class="badge-category category-dropdown-button" data-ember-action="1364" href="#"><i data-bindattr-1366="1366" class="fa fa-caret-right"></i></a>

suggest adding aria-label and aria-expanded to <a> element:

<a aria-label="display category list" aria-expanded="true|false">

when the list is displayed set aria-expanded="true"

(Jeff Atwood) #2

Did we fix this @sam?

(Jeff Atwood) #3

Can you add this to your list @techapj to make sure we handle it correctly?

(Arpit Jalan) #4

Done via:

(Arpit Jalan) #5