Example app: icon-only IconButtons on the Icon Button screen have no accessible name
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 86/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- react-native, typescript
- Área
- accessibility, frontend
Línea de trabajo
Abre example/src/Examples/IconButtonExample.tsx e inspecciona cada IconButton que solo muestre un icono. Añade un aria-label que describa su acción, luego ejecuta la aplicación de ejemplo en la web y comprueba /icon-button con axe-core. Se considera terminado cuando axe no informe de ninguna infracción de button-name en esa pantalla.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Current behaviour
On the example app's Icon Button screen (example/src/Examples/IconButtonExample.tsx), no IconButton passes an aria-label, so the icon-only ones render as buttons with no text, and a screen reader announces them only as "button". On the web axe-core reports button-name (critical): "Buttons must have discernible text".
Expected behaviour
Every icon-only IconButton in the example has an aria-label that says what it does, and axe reports no button-name violation on the screen.
How to reproduce?
- Run the example app on the web from
main(yarn install, thennpx expo start --webinexample/). - Open the Icon Button example (
/icon-button). - Run axe-core on the page.
Preview
What have you tried so far?
Your Environment
| software | version |
|---|---|
| react-native-paper | main (8cb344b) |
| browser | Chromium 153 |
- Lenguaje dominante
- TypeScript
- Estrellas
- 14.5k
- Forks
- 2.3k
- Merge medio
- 2 d 12 h
- PR fusionados (30 d)
- 22
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
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 callstack/react-native-paper
-
feature request
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
callstack/react-native-paper#5189 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
callstack/react-native-paper#5187 ·
Los mantenedores suelen responder en 1 día
-
Accessibility bug web
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
callstack/react-native-paper#5180 ·
Los mantenedores suelen responder en 1 día
-
Chip: accessibilityState passed by caller is discarded; aria-checked is never forwarded to the real rendered nodePosiblemente ocupada @bhumikabiyani la tomó hace 2 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
callstack/react-native-paper#5146 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
Tooltip: onPress event object is not propagated to parent component on nativePosiblemente ocupada @aliyilmaztech la tomó hace 87 días. Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
callstack/react-native-paper#5003 ·
Los mantenedores suelen responder en 1 día
Todos los issues de callstack/react-native-paper
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Los mantenedores suelen responder en 1 día
-
pending close triaging
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
anomalyco/opencode#62582 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
live-codes/livecodes#1079 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Add: ESP 2 ROAbiertoapproved check:passed streams:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día