Skip to content

Following the Web Content Accessibility Guidelines (WCAG) for contrast #340

@husamalhomsi

Description

@husamalhomsi

I noticed some issues of low contrast on the website. Adequate contrast is necessary for all users, especially users with low vision. I think following the Web Content Accessibility Guidelines (WCAG) for contrast would fix the issues and improve accessibility. Specifically, I think these criteria should be met:

This article helped me understand the criteria.

Some of the issues I noticed are described below; this is not a complete evaluation. I used this checker to check contrast.

image
This color combination on the homepage (and elsewhere) has a contrast ratio of 2.83:1 and fails Contrast (Minimum).
See the check.
Making the background darker is the best fix.

image
This color combination on the homepage has a contrast ratio of 2.19:1 and fails Non-text Contrast.
See the check.
Making the background darker is the easiest fix.

image
This color combination on the downloads page has a contrast ratio of 4.22:1 and fails Contrast (Minimum).
See the check.
Making the background darker is the best fix.

I tested making the backgrounds dark enough to meet the criteria; they look better!

Maybe the criteria should be required or recommended in the wiki.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions