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

Local Emergency Banner fails AAA colour contrast check. #3949

Open
MalcolmVonMoJ opened this issue Mar 12, 2024 · 2 comments
Open

Local Emergency Banner fails AAA colour contrast check. #3949

MalcolmVonMoJ opened this issue Mar 12, 2024 · 2 comments
Labels
accessibility Accessibility issues identified

Comments

@MalcolmVonMoJ
Copy link

Problem with 'Deploy an emergency banner' (https://docs.publishing.service.gov.uk/manual/emergency-publishing.html)

The Local Emergency Banner doesn't seem to pass colour contrast checks. I'm getting an AA fail on WebAIM Colour contrast check.

@sengi
Copy link
Contributor

sengi commented Mar 22, 2024

Thanks for raising this!

I'm transferring the issue to alphagov/govuk_publishing_components as that's what controls the styling of the banner.

Someone from one of the frontend teams should be able to triage it from there.

@sengi sengi transferred this issue from alphagov/govuk-developer-docs Mar 22, 2024
@sengi sengi changed the title Re: 'Deploy an emergency banner' Local Emergency Banner fails AA colour check. Mar 22, 2024
@sengi sengi changed the title Local Emergency Banner fails AA colour check. Local Emergency Banner fails AA colour contrast check. Mar 22, 2024
@sengi sengi added accessibility Accessibility issues identified WCAG 2.2 labels Mar 22, 2024
@andysellick
Copy link
Contributor

Thanks for raising this @MalcolmVonMoJ. I believe we're talking about the turquoise colour for Localised large scale emergency? You're right, the colour there (#28a197) fails the colour contrast test, but I think the screenshot is out of date. The current version of the component uses #00847d, which passes everything apart from the AAA test for normal text. There's obviously room for improvement there, so I'll leave this issue open for now while we see what better colour could be used.

@sengi sengi changed the title Local Emergency Banner fails AA colour contrast check. Local Emergency Banner fails AAA colour contrast check. Mar 25, 2024
@sengi sengi removed the WCAG 2.2 label Mar 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Accessibility issues identified
Projects
None yet
Development

No branches or pull requests

3 participants