Description
What
The crown copyright logo against the footer background has a low contrast ratio. However, it does meet the contrast requirement for meaningful graphics of 3:1. We don't think this is a WCAG fail and it doesn't need to be listed in an accessibility statement, but there's potential work we can do to improve the contrast so it better matches that of the text/links around it.
The crown copyright logo has a hex code colour of #6E777A
, which against the footer background of #F3F2F1
has a AA Large 4.09:1 colour contrast ratio.
Normal Text
WCAG AA:Fail
WCAG AAA:Fail
Large Text
WCAG AA:Pass
WCAG AAA:Fail
Graphical Objects and User Interface Components
WCAG AA: Pass
Why
A comment was added to the epic about an issue raised in the Axe Review accessibility tool. The failure is only of the logo and not to the footer text.
Who needs to know about this
Designers, Developers, Policy
Further detail
A suggestion could be to change the colour of the logo but we would need to check with the owners of the Crown Copyright logo.
Here is a mock-up of the crown copyright logo using the footer text colour #454A4C
which has a contrast ratio of AAA 8.03:1 against the footer background #F3F2F1
.
Done when
- Agreed with Crown Copyright on approach
- Decided on whether the logo should be an .svg or .png
- Updated file created
- Pull request created and merged