jonastirona/ao5

A11y: Improve keyboard navigation and ARIA labels

Offen

#4 geöffnet am 02.12.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (0 Forks)auto 404
accessibilitygood first issueui

Repository-Metriken

Stars
 (2 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Description: We want to ensure ao5 is accessible to everyone.

File: apps/web/src/components

Task:

  • Ensure all buttons have aria-label attributes, especially icon-only buttons.
  • Verify that the "Settings" and "Auth" modals trap focus correctly.
  • Ensure all interactive elements are reachable via keyboard (Tab key).

Contributor Guide

Research-Richtung
Untersuche die Komponenten in apps/web/src/components auf fehlende aria Labels, implementiere Fokus Fangen für die Einstellungen und Authentifizierungsmodale und stelle sicher, dass alle interaktiven Elemente über die Tastatur erreichbar sind.
Tech Stack
typescriptreact
Domain
frontend
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.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLARIAReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75