shuding/nextra

a11y keyboard navigation and screen reader improvements

Open

#3.721 geöffnet am 20. Nov. 2024

Auf GitHub ansehen
 (6 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (1.413 Forks)user submission
enhancementhelp wanted

Repository-Metriken

Stars
 (13.807 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 6T 16h) (3 gemergte PRs in 30 T)

Beschreibung

Some accessibility fixes I'm planning on patching when I've got some time, jotting it down as a start...

  • Skip to content for keyboard navigation (something like GDS) WONT FIX : this is avaliable in v4
  • Missing aria-label
    • Search box input
    • Breadcrumb (follow NHS / APG) -- also change div to nav
  • SVGs add role="presentation" when pre-described by other content
    • Top nav grouped dropdown, chevron icon
    • Light/dark mode icon
    • Sidebar collapse icon (more investigation needed to see if this is actually required)
  • ARIA hidden element must not be focusable or contain focusable elements
    • "Scroll to top"

Contributor Guide

Research-Richtung
Wählen Sie eine Unteraufgabe aus (z. B. fehlendes aria label im Suchfeld), finden Sie die zugehörige Komponente im Code und fügen Sie das entsprechende ARIA Attribut gemäß den Best Practices hinzu.
Tech Stack
typescriptreactnextjs
Domain
frontendaccessibility
Issue Type
Barrierefreiheit
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitHTML/CSSAccessibility basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75