Background
The language button has dynamic aria-labels that that provide more context on the buttons (i.e. "Go to an article in another language. Available in 54 languages"). While the intent of these accessible labels is good, they introduce additional issues with assistive tech using voice control/input, and are very verbose.
More info:
https://ashleemboyer.com/blog/don-t-overwrite-visual-labels-with-aria-label
Requirements
Make the accessible label for the language button match the visible label. This can easily be accomplished by replacing the usage of aria-label with aria-description. This means the accessible and visible label will be the same (i.e. "14 languages"), and the long form description will be read out after as supplementary info (i.e. "Go to an article in another language. Available in 14 languages")
User story
As a user of assistive tech (i.e. voice navigation), I expect the label for the language button to be the same as the visible text.
- AC
- Language button doesnt have 'aria-label'
- Language button has 'aria-description'
- Using a screenreader the language button should be read out the same as the visual text
Communication criteria - does this need an announcement or discussion?
no