Add html html attributes for accessibility audit for screen readers #3712
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Trello card
5227
Context
Screen reader does not focus correctly on cookie modal.
Changes proposed in this pull request
Add
role="dialog"
andaria-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.