tab component keyboard accessibility
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 68/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- react, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Inizia individuando il componente delle schede e i relativi test di interazione da tastiera, quindi confronta il comportamento attuale con l’interazione da tastiera per le schede WAI-ARIA collegata nell’issue. Aggiungi la navigazione tra le schede con le frecce, Home e End. Il lavoro è completato quando chi usa la tastiera può raggiungere ogni scheda con questi tasti e il comportamento esistente delle schede continua a funzionare.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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.
- Lingua principale
- TypeScript
- Stelle
- 23
- Fork
- 10
- Merge medio
- 5g 12h
- PR unite (30g)
- 9
Preparare l'ambiente
Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Nessuna guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-ui-org/react-ui
-
maintenance
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
react-ui-org/react-ui#784 ·
I maintainer di solito rispondono entro 1 giorno
-
Update ESLint to version 10Apertamaintenance
Difficoltà 2/5 1-3 ore Idoneità per principianti 63/100
react-ui-org/react-ui#753 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
bug maintenance
Difficoltà 4/5 1-2 giorni Idoneità per principianti 25/100
react-ui-org/react-ui#782 ·
I maintainer di solito rispondono entro 1 giorno
-
Supported versionsApertamaintenance
Difficoltà 4/5 3-5 giorni Idoneità per principianti 42/100
react-ui-org/react-ui#780 ·
I maintainer di solito rispondono entro 1 giorno
-
feature
Difficoltà 3/5 1-2 giorni Idoneità per principianti 55/100
react-ui-org/react-ui#778 ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di react-ui-org/react-ui
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
caprover/caprover-frontend#273 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
ai-driven-dev/framework#1147 ·
I maintainer di solito rispondono entro 1 giorno
-
agent-ui bug p2
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100
cybersemics/em#6232 ·
I maintainer di solito rispondono entro 1 giorno