Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Low contrast between background and foreground colors (text)

Offen
#427 5 Kommentare 0 Reaktionen 2 zugewiesene Personen Auf GitHub ansehen

@shahnoor-khan arbeitet bereits daran.

Seit 13.2.2023.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Beschreibung

Accessibility Good First Issue Help Wanted
Description

According to a recent Lighthouse report, some text on the website has low contrast between the background and foreground colors, making it difficult or impossible for some users to read the text.

Impact

Low-contrast text is a significant barrier to accessibility for users with color blindness or visual impairments. It can cause strain on the eyes and make it difficult for some users to read and understand the content on the website.

Proposed Solution

To resolve this issue, the contrast ratio between the background and foreground colors should be increased to a level that meets the accessibility standards. The WCAG recommends a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

Affected Elements

This issue spans the entirety of the website but here are some examples.

On the homepage, this is affecting the text in the card modules and the links in the footer.
image
image

Low contrast can also be found in other places such as the Table of Content title on mobile:

image

This is not an exhaustive list and we will need to take a closer look to find any other instance of low contrast text to ensure accessibility and usability of the website for all users.

Vorherrschende Sprache
MDX
Sterne
90
Forks
122
Ø Merge
1 Std. 43 Min.
Gemergte PRs (30 T.)
3

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus processing/processing-website

Alle Issues in processing/processing-website

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.