[Feature Request] TreeSelect: Add "labelInAriaLive"-property for better accessibility
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Inizia dal componente TreeSelect e individua il contenuto aria-live che annuncia il nodo attivo durante lo spostamento con i tasti freccia. Traccia come sono disponibili il value e il label di ogni nodo, quindi implementa il comportamento opzionale labelInAriaLive con false come valore predefinito; il lavoro è completato quando i label vengono annunciati se abilitato e i value rimangono il comportamento predefinito.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
What problem does this feature solve?
If the user moves between TreeSelect options using arrow keys, the screenreader will always read out the value of the active node. It would be much better for accessibility (and more flexible), if I as a developer could decide to use labels for aria-live content instead of the values.
What does the proposed API look like?
New prop would be labelInAriaLive, and it would be false by default. This prob would then be used to decide whether to use the value or label of the selected item, when rendering the aria-live tag of the component.
Using the component with the implemented feature:
<TreeSelect
labelInAriaLive={true} // This is the new prop
treeDefaultExpandAll
treeData={[{ value: 'parent', label: 'parent-label', children: [{ value: 'child', label: 'child-label' }] }]}
multiple
/>
- Lingua principale
- TypeScript
- Stelle
- 312
- Fork
- 204
- Merge medio
- 37m
- PR unite (30g)
- 1
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/tree-select
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 52/100
react-component/tree-select#652 ·
-
treeTitleRender 回显时函数中的targetItem中只有value属性，只return targetItem.label时有效，return 拼接数据只能获取到value属性 Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
react-component/tree-select#528 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 35/100
react-component/tree-select#485 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 28/100
react-component/tree-select#466 ·
-
DFS这里是否能调整为尾递归 Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
react-component/tree-select#454 ·
Tutte le issue di react-component/tree-select
Issue simili
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100
-
Mend: dependency security vulnerability untriaged
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100