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
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Theme loads third-party resources on every page (jsdelivr web font, cdnjs Font Awesome) – GDPR Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
nightscout/nocturne#1414 ·
-
bug v2
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
modelcontextprotocol/inspector#2458 · 1 comentario ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
carbon-design-system/ibm-products#9907 ·