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

fixed modal accessibility issue #1048

Merged
merged 1 commit into from
Dec 19, 2018
Merged

Conversation

Lb-lea
Copy link

@Lb-lea Lb-lea commented Dec 19, 2018

removed the aria-hidden=true that made the modal invisible for the screen reader.
Fix #1009

I found what was really causing the issue with the screen reader ~:star:
the aria-hidden=true is still there when the modal is open that is why it gets ignored!

The problem is that aria-hidden was introduced in the bootstrap 4 modal but we are using the bootsrap 3 modal.js.
If BF stays with bootsraps 3 we can't use the aria-hiddenfor this component.

removed the aria-hidden=true that made the modal invisible for the screen reader.
Fix TheCoder4eu#1009
@stephanrauh
Copy link
Collaborator

That's a surprise! We copied the aria-hidden attribute directly from the Bootstrap documentation (https://bootstrapdocs.com/v3.3.6/docs/javascript/#modals). But I trust you and merge the PR nonetheless.

@stephanrauh stephanrauh merged commit 46683b4 into TheCoder4eu:master Dec 19, 2018
@stephanrauh stephanrauh added this to the v1.4.1 milestone Dec 19, 2018
@geopossachs geopossachs modified the milestones: v1.4.1, v1.5.0 Nov 24, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

b:modal is not readable by screen reader
3 participants