♿ a11y(bal-nav): Meta nav links as nav with linklist

[carolabes]

Description of this issue

• Meta nav links are not recognized as group by screen reader
• single element is read like => private customers, tab 1 of 1
• correctly implemented on mobile devices

How to fix it

• Should be recognized as group, so the screenreader reads e.g. => private customers - Link - 1 of 4
• Should be implemented as nav with link list

Additional Information

Level A
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

Code of Conduct

• I agree to follow this project's Code of Conduct

[m4rc0z]

i had a short check on baloise.ch and if I select the first element of the tab group (Privatkunden) it gets read like (Windows Narrator Screen Reader):

Privatkunden - register element 1 out of 4 selected

[carolabes]

I checked Baloise.ch on my windows device and every element is read single. There is no group. Tested with NVDA and Windows Build-in Screenreader. Windows build-in screenreader reads "register 0 elements" at the beginning.

Please check again