Accessibility is half-baked
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
L’issue non indica file, test o punti di ingresso. Inizia individuando il trigger del dropdown e l’implementazione del menu, quindi esamina il comportamento esistente di aria-activedescendant. Il lavoro è completato quando il trigger è associato al menu, la navigazione da tastiera usa roving tabindex con il focus sul primo elemento all’apertura e Escape chiude il menu.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Hi, I see there are some ARIA attributes in place for menus. However, the dropdown can't be navigated with the keyboard, and the trigger button is not associated with the menu.
First, the button needs to be bound to the menu–this can be done with aria-controls="theMenuID", aria-haspopup="true", and aria-expanded="true | false".
When the dropdown opens, focus should be sent to the first item (which needs tabindex="0") instead of the unordered list which has tabindex. Using the roving tabindex technique, only one item can be tabbable at a time when the menu is open. You've already got aria-activedescendant working, so the tabindex and focus management portions will get you part of the way there!
Hooking up the escape key to close the menu would be a nice addition, too.
- Lingua principale
- TypeScript
- Stelle
- 181
- Fork
- 112
- Merge medio
- 12h 52m
- PR unite (30g)
- 2
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
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-component/dropdown
-
safari 浏览器手势放大后下拉菜单位置不正确 Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
react-component/dropdown#245 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
react-component/dropdown#242 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 15/100
react-component/dropdown#241 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 20/100
react-component/dropdown#231 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
react-component/dropdown#229 ·
Tutte le issue di react-component/dropdown
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
mksglu/context-mode#1200 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
anthropics/claude-code#96687 ·
-
good first issue
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 95/100
AOSSIE-Org/DebateAI#582 · 2 commenti ·