-
Notifications
You must be signed in to change notification settings - Fork 20
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
Use section for emergency banner #2973
Conversation
7cd11f3
to
d720939
Compare
d720939
to
1d5aa2a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I've compared the outputted markup against the banner that was deployed on production and the section
tag and aria-labelledby
linked with id
match what was published there 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Apologies for revoking the approval but I've just realised that it'd be good to add a test for the aria-labelledby
to check it matches the id
on the heading.
1d5aa2a
to
6c0b0c6
Compare
have added that test |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
When the emergency banner was deployed on GOV.UK, some changes were made based on the feedback from an accessibility specialist. These changes involved removing the role attribute from the parent div and changing the element of the parent div to a section. This is to avoid any accidental duplication of roles on any page of GOV.UK. In accordance with this change, the aria-label has been changed to aria-labelledby instead. Have also added a test to make sure the label is being applied correctly. Co-authored-by: Max Froumentin <[email protected]>
6c0b0c6
to
a0eee16
Compare
What
Small adjustments to the template of emergency banner for accessibility reasons.
Why
When the emergency banner was deployed on GOV.UK, some changes were made based on the feedback from an accessibility specialist. These changes involved removing the role attribute from the parent div and changing the element of the parent div to a section. This is to avoid any accidental duplication of roles on any page of GOV.UK. In accordance with this change, the aria-label has been changed to aria-labelledby instead.
Co-author with @maxf who made the changes to static (which will be removed when the emergency banner static PR has been merged).