reactjs / reactjs/react.dev

Accessibility: Color Contrast and Heading level Issues

Offen
#8,369 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

After running the automated axe dev tool scan on the React dev docs home page, there are 5 accessibility issues. These issues are simple and can be fixed by updating heading tags or changing color styles to reach acceptable color contrast ratios.

These fixes can be considered small wins and changes but create big impacts toward the site being more accessible for all users.
These fixes could be good first issues as well for those looking to make their first contribution or just want a quick and easy win. 😄

Image

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne auf der Startseite der React-Entwicklerdokumentation und führe den im Issue referenzierten axe-Accessibility-Scan aus. Untersuche die fünf gemeldeten Verstöße gegen Überschriftenebenen und Farbkontrast und aktualisiere anschließend die betroffenen Überschriftentags oder Farbstile; fertig bedeutet, dass die gemeldeten Probleme behoben sind und der Scan für diese Seite erfolgreich ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
accessibility, documentation, web-dev
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

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