swiss / styleguide

admin.ch styleguide
https://swiss.github.io/styleguide
MIT License
123 stars 37 forks source link

"Breadcrumb" announcement is not read by the screenreader #595

Closed bit-pro-iew-eui closed 6 years ago

bit-pro-iew-eui commented 6 years ago

The announcement of "breadcrumb" is not read by the screenreader. The problem is that in the class .hidden the "display:none" causes the screenreader to skip it. The solution is this:

image

https://swiss.github.io/styleguide/de/hierarchical-navigation.html#01-hierarchical-navigation-02-breadcrumb

gillerr commented 6 years ago

use sr-only class instead of hidden class

gillerr commented 6 years ago

The title with hidden class is the target of an aria-labelledby attribute. It will be read even if not displayed

bit-pro-iew-eui commented 6 years ago

Ok, validated