Describe the bug
“The aria-label should be used to provide a text alternative to an element that has no visible text on the screen.”
The button text can be customized in individual themes...
...but toggle.js that sets the aria-label does not share those hooks and always sets the label to Open menu or Close menu.
Sloppy solution: Let the js control the label and use aria-hidden to have screen readers ignore whatever text is displayed.
Optimal solution: Have the js pull the label from the inner text as described here.
To Reproduce
Go to https://www.bu.edu/diversity/ and look at the code for the megamenu.
Update
And These
Future People
If you are experiencing the whatever, import the newest whatever, rebuild, and deploy... or whatever...
Describe the bug
“The aria-label should be used to provide a text alternative to an element that has no visible text on the screen.”
The button text can be customized in individual themes...
...but
toggle.jsthat sets thearia-labeldoes not share those hooks and always sets the label to Open menu or Close menu.Sloppy solution: Let thejscontrol the label and use aria-hidden to have screen readers ignore whatever text is displayed.Optimal solution: Have the js pull the label from the inner text as described here.
To Reproduce
Go to https://www.bu.edu/diversity/ and look at the code for the megamenu.
Update
Responsive Framework 1(none)And These
Future People
If you are experiencing the whatever, import the newest whatever, rebuild, and deploy... or whatever...