Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelines
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- accessibility, frontend
Línea de trabajo
Empieza por localizar la navegación de pestañas mediante el teclado y el manejo de pestañas deshabilitadas descritos en este issue; después, compara el comportamiento con las directrices de WAI-ARIA enlazadas. Se considera terminado cuando una pestaña deshabilitada sigue siendo accesible mediante el teclado y se anuncia a los usuarios de lectores de pantalla en lugar de omitirse; verifica el ejemplo de tres pestañas y añade o actualiza la cobertura si el proyecto tiene pruebas relevantes.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Disabled tabs do not currently accept focus when navigating via keyboard and this is confusing for screen-reader users.
Eg. assume we have 3 tabs, the second of which is disabled. For a screen reader user using the inbuilt MacOS screen reader it will read:
Tab 1, selected, tab, group, 1 of 3.
When they press the right arrow key to the next tab it will read:
Tab 3, selected, tab, group, 3 of 3
It skips over the disabled tab giving no information as to what the skipped tab is or why it was skipped.
The WAI ARIA guidelines state here:
For the following composite widget elements, keep them focusable when disabled: [...]
- Tab elements in a set of Tabs
- Lenguaje dominante
- JavaScript
- Estrellas
- 3.1k
- Forks
- 455
- Merge medio
- 5 h 9 min
- PR fusionados (30 d)
- 2
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 reactjs/react-tabs
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
reactjs/react-tabs#584 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
reactjs/react-tabs#581 · 3 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
reactjs/react-tabs#571 ·
-
Support hiding of all TabPanels Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
reactjs/react-tabs#525 · 1 comentario · 1 reacción ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 42/100
reactjs/react-tabs#507 · 1 comentario ·
Todos los issues de reactjs/react-tabs
Issues similares
-
code-quality refactoring
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
github/gh-aw-firewall#8816 ·
-
integration:quickjs org:external priority:backlog topic:code-interpreter topic:middleware type:feature
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
langchain-ai/deepagents#6450 ·
-
optimization optimization:agents-md-curator
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
githubnext/gh-aw-cao#13143 ·
-
status: needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100