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

Add html html attributes for accessibility audit for screen readers #3712

Merged
merged 1 commit into from
Nov 24, 2023

Conversation

StackedPancakez
Copy link
Contributor

Trello card

5227

Context

Screen reader does not focus correctly on cookie modal.

Changes proposed in this pull request

Add role="dialog" and aria-modal="true" html attributes to the element to ensure screen reader picks it up.

Guidance to review

Use a screen reader like voice over on your phone, and swipe through page once the cookies modal appears, it should first step through the elements on the cookie modal, not the page behind.

@github-actions github-actions bot added the ruby Pull requests that update Ruby code label Nov 24, 2023
Copy link

@github-actions github-actions bot added the Review_v2 Create AKS review app label Nov 24, 2023
Copy link

SonarCloud Quality Gate failed.    Quality Gate failed

Bug B 1 Bug
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 3 Code Smells

96.2% 96.2% Coverage
0.2% 0.2% Duplication

idea Catch issues before they fail your Quality Gate with our IDE extension sonarlint SonarLint

Copy link
Contributor

@gemmadallmandfe gemmadallmandfe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me from a front end perspective - I have tested using VoiceOver on iPhone and focus is initially on and remains on the cookie modal, whereas previously the focus on the content behind the modal

@StackedPancakez StackedPancakez merged commit 1bb182c into master Nov 24, 2023
21 of 22 checks passed
@StackedPancakez StackedPancakez deleted the cookie-modal-focus-escaping branch November 24, 2023 16:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Review_v2 Create AKS review app ruby Pull requests that update Ruby code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants