Every icon in the icon picker has the same screen reader name

Abierto Apto para principiantes
#3,257 0 comentarios 0 reacciones 0 asignados Ver en GitHub

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
85/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript

Línea de trabajo

Lee ncIconPicker/partials/Icon.vue, que según el issue usa una etiqueta fija y oculta el SVG. Asigna a cada icono un nombre legible en su etiqueta para lectores de pantalla, incluso cuando el selector se usa fuera del contexto de la aplicación. El trabajo está terminado cuando los lectores de pantalla anuncian nombres de iconos distintos en el selector.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

0. Needs triage accessibility bug
Steps to reproduce
  1. Open "Create application".
  2. Open the icon picker and move through the icons with Tab and a screen reader.
Expected behavior

Each icon is announced with its own name.

Actual behavior

All icons (about 330) are announced as "Select icon for the application", also where the picker is used for something other than an application.

Tables app version

main (2.4.x); also present on the Tables 2.0 pull requests

Database

MariaDB (dev instance); not database-specific unless noted

Additional info

ncIconPicker/partials/Icon.vue uses a fixed label and hides the SVG. Suggested fix: include a readable icon name in the label.

Found while reviewing #3214.

Lenguaje dominante
JavaScript
Estrellas
220
Forks
57
Merge medio
1 d 13 h
PR fusionados (30 d)
89

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de nextcloud/tables

Todos los issues de nextcloud/tables

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.