Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(a11y): set aria-hidden on prev/next link text #8

Merged
merged 1 commit into from
Nov 5, 2021
Merged

fix(a11y): set aria-hidden on prev/next link text #8

merged 1 commit into from
Nov 5, 2021

Conversation

knowler
Copy link
Contributor

@knowler knowler commented Nov 4, 2021

Since these have a label we need to hide the text content which is used as the label. Right now these announce both the aria-label and the text content.

Since these have a label we need to hide the text content which is used
as the label. Right now these announce both the `aria-label` and the
text content.

It could be tempting to wrap the arrows with a span with
`aria-hidden=true` on it and then add a visually hidden span with "Page"
in it, but that would probably suffer from screen readers fragmenting
the text.
@Log1x Log1x merged commit fa73187 into Log1x:master Nov 5, 2021
@knowler knowler deleted the hide-labelled-link-text-content-from-screen-reader branch November 5, 2021 04:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants