Skip to content

Improve colour contrast of Crown Copyright logo #2134

Open
@CharlotteDowns

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.

current Crown copyright logo in the footer
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.

Crown copyright logo in the footer using the darker text colour
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

Metadata

Assignees

No one assigned

    Type

    No type

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions