Skip to content

A11y: Contrast of code formatting too low #2446

Open
@hugovk

Description

@hugovk

Describe the bug

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://www.python.org/downloads/release/python-3130a6/
  2. View the list of removed "dead batteries" with code formatting

Actual behavior

The contrast of the green text on a grey background is too low, making it hard to read and affecting accessibility.

It's something like 2.88:1.

https://webaim.org/resources/contrastchecker/?fcolor=11A611&bcolor=F1F2F3

Expected behavior

The ratio should be at least 4.5:1.

WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. ... WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

AA is a good target to aim for.

Screenshots

image

Desktop (please complete the following information):

  • OS: macOS
  • Browser Chrome
  • Version 124

Additional context

image

The contrast of the blue links in the table with different grey backgrounds is also a little low, would be good to bump these to 4.5:1+ as well, but the green above is more important.

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendRelates to the frontend of the app

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions