Details
-
Improvement
-
Resolution: Duplicate
-
Major
-
None
-
13.10.6
-
Unknown
-
N/A
-
N/A
-
-
4.1.2 Name, Role, Value
Description
This is related to WCAG 4.1.2 requirement:
Search input in the header his hidden by default. Screen reader users cannot expand the menu because it has no ARIA attributes to indicate its state of expanded or collapsed.
The search <button> is being used for both expanding/collapsing as well as being the search button. There needs to be a separate button to expand and collapse, ideally it should not be both. It will also need ARIA attributes aria-expanded="true/false" based on its visibility to describe the state of the search.