tab component keyboard accessibility
Maintainer antworten meist innerhalb von 1 Tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Anfängerfreundlichkeit
- 68/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- react, typescript
- Bereich
- accessibility, frontend
Rechercherichtung
Finde zuerst die Tab-Komponente und ihre Tests zur Tastaturinteraktion. Vergleiche anschließend das aktuelle Verhalten mit der im Issue verlinkten WAI-ARIA-Tastaturinteraktion für Tabs. Füge die Navigation zwischen Tabs mit den Pfeiltasten sowie mit Home und End hinzu. Die Arbeit ist abgeschlossen, wenn Tastaturnutzer mit diesen Tasten jeden Tab erreichen können und das bestehende Verhalten der Tabs weiterhin funktioniert.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
According to https://www.w3.org/WAI/ARIA/apg/patterns/tabs/#keyboardinteraction we should be able to use arrows and Home / End to navigate between individual tabs.
Currently that is not possible.
It sais on the same page that:
Don't use tabs for site navigation. If each "tab" loads a different page or route, it's a navigation menu. Mark it up as
with links and put aria-current="page" on the current one. Screen reader users expect tab semantics to mean switching content in place.
But I don't think we should worry about it. On the component level we have no way how to detect it and in the context of SPA the concept of a page is blurry anyway.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 23
- Forks
- 10
- Ø Merge
- 5 T. 14 Std.
- Gemergte PRs (30 T.)
- 9
Entwicklungsumgebung
Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Kein Beitragsleitfaden
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-ui-org/react-ui
-
maintenance
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
react-ui-org/react-ui#784 ·
Maintainer antworten meist innerhalb von 1 Tag
-
maintenance
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 63/100
react-ui-org/react-ui#753 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
Supported versionsOffenmaintenance
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 42/100
react-ui-org/react-ui#780 ·
Maintainer antworten meist innerhalb von 1 Tag
-
feature
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 55/100
react-ui-org/react-ui#778 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Update to React 19Offendependencies maintenance
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 25/100
react-ui-org/react-ui#766 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
Alle Issues in react-ui-org/react-ui
Ähnliche Issues
-
area: web bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
kinqsradio/orbyn-engineering#227 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
joeldesante/TurfBuilder#258 ·
Maintainer antworten meist innerhalb von 1 Tag
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
ncecere/open-mcp-portal#85 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 63/100
loathers/garbage-collector#2865 ·
Maintainer antworten meist innerhalb von 1 Tag
-
test-reliability
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
Azure/azure-sdk-for-js#40672 · 1 Reaktion ·
Maintainer antworten meist innerhalb von 1 Tag