Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

A11y: Contrast of code formatting too low #2446

Copy link
Copy link
Open
@hugovk

Description

@hugovk
Issue body actions

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 appRelates to the frontend of the app

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Morty Proxy This is a proxified and sanitized view of the page, visit original site.