[Feature] Improve accessibility of the devtools
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 48/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- accessibility, devtools
Línea de trabajo
Locate the devtools toggle and panel components, then inspect their current accessibility tree. Implement the requested aria-label, aria-controls, aria-haspopup, aria-expanded, aside element, and descriptive panel name; improve other panel buttons where practical. Done means the devtools exposes these relationships and names clearly in an accessibility tree inspection.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Would be great if the devtools was more accessible. See for example the sad accessibility tree when I select the collapse button:

The toggle button, should have an aria-label and be linked to the panel via aria-controls, aria-haspopup and aria-expanded.
The panel itself should be an <aside> and also have a descriptive name via aria-label.
The buttons inside the panel and such could probably be improved too, but at least the above should make the devtools itself more "visible" in the accessibility tree.
- Lenguaje dominante
- TypeScript
- Estrellas
- 670
- Forks
- 55
- Métricas de merge de PR
- Sin PR fusionados en 30 d
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-hook-form/devtools
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-hook-form/devtools#234 · 1 comentario · 5 reacciones ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 42/100
react-hook-form/devtools#226 · 3 reacciones ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 55/100
react-hook-form/devtools#223 · 2 reacciones ·
-
DevTools in production Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 25/100
react-hook-form/devtools#212 · 5 comentarios · 8 reacciones ·
-
issue: Warning: Cannot update a component (`DevTool`) while rendering a different component. Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 45/100
react-hook-form/devtools#208 · 13 comentarios · 21 reacciones ·
Todos los issues de react-hook-form/devtools
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
copse-dev/agent-pane#2953 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
[Bug]: Matrix progress drafts fail with "Matrix runtime not initialized" during tool activity Abiertobug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Client support matrix inclusion Abiertoenhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
-
calcite-components needs triage refactor
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
Esri/calcite-design-system#15203 ·