Skip to content
This repository has been archived by the owner on Mar 20, 2024. It is now read-only.

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

Closed
bit-pro-iew-eui opened this issue Nov 17, 2017 · 3 comments
Closed

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

bit-pro-iew-eui opened this issue Nov 17, 2017 · 3 comments
Assignees
@gillerr
Labels
accessibility
Milestone
3.2

Comments

@bit-pro-iew-eui
Copy link
Contributor

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
@bit-pro-iew-eui bit-pro-iew-eui added this to the Next milestone Nov 17, 2017
@gillerr
Copy link
Contributor

gillerr commented Nov 21, 2017

use sr-only class instead of hidden class

@gillerr
Copy link
Contributor

gillerr commented Dec 6, 2017

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

gillerr added a commit that referenced this issue Dec 7, 2017
@gillerr
fix(breadcrumb): add release notes
8edfe78 
#595, #596
@bit-pro-iew-eui bit-pro-iew-eui modified the milestones: 3.3, 3.2 Dec 7, 2017
@bit-pro-iew-eui
Copy link
Contributor Author

Ok, validated

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@gillerr gillerr

Labels
accessibility
Projects
None yet
Milestone
3.2
Development

No branches or pull requests
2 participants
@gillerr @bit-pro-iew-eui