[Feature Request] TreeSelect: Add "labelInAriaLive"-property for better accessibility
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- accessibility, frontend
Línea de trabajo
Comienza en el componente TreeSelect y localiza el contenido aria-live que anuncia el nodo activo al desplazarse con las teclas de flecha. Traza cómo están disponibles el value y el label de cada nodo y, después, implementa el comportamiento opcional labelInAriaLive con false como valor predeterminado; se considera terminado cuando los labels se anuncian al habilitarlo y los values siguen siendo el comportamiento predeterminado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
/>
- Lenguaje dominante
- TypeScript
- Estrellas
- 312
- Forks
- 204
- Merge medio
- 37 min
- PR fusionados (30 d)
- 1
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/tree-select
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 52/100
react-component/tree-select#652 ·
-
treeTitleRender 回显时函数中的targetItem中只有value属性，只return targetItem.label时有效，return 拼接数据只能获取到value属性 Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/tree-select#528 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 35/100
react-component/tree-select#485 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 28/100
react-component/tree-select#466 ·
-
DFS这里是否能调整为尾递归 Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/tree-select#454 ·
Todos los issues de react-component/tree-select
Issues similares
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Crush Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
ElementsProject/cln-application#167 · 1 comentario · 1 reacción ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
Quantco/pnpm-licenses#17 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100