summary-name-present
Los elementos <summary> tienen un nombre accesible
Comprueba que los elementos <summary> exponen un nombre accesible no vacío.
Ámbito de aplicación. Se aplica a los elementos <summary> incluidos en el árbol de accesibilidad que funcionan como botón de resumen de su <details> padre: el primer hijo <summary> de un <details>. Cualquier otro <summary> (fuera de un <details>, anidado a más profundidad, o un segundo) no es un control en absoluto: ni recibe el foco ni despliega nada, así que no tiene nada que nombrar (como establece ACT 2t702h).
Resultado esperado. El elemento tiene un nombre accesible no vacío procedente de aria-label, de un aria-labelledby que resuelve a texto no vacío, de title, o del texto de su propio subárbol, donde el nombre propio de un descendiente (un <img alt>, aria-label o title) cuenta como la contribución de ese descendiente.
Ejemplos
<details><summary>More details</summary><p>Body</p></details>
El contenido de texto visible nombra el <summary>.
<details><summary></summary><p>Body</p></details>
No hay contenido de texto ni nombre accesible.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
name_closedContent
- Localizar el elemento summary que indica el informe y anotar el texto o el icono que muestra en pantalla.
- Abrir el panel Accesibilidad de las herramientas para desarrolladores del navegador y leer el nombre accesible del elemento, que el navegador obtiene de un contenido que ningún script puede leer.
- Con un lector de pantalla, desplazarse hasta el elemento y escuchar el nombre que se anuncia.
Se cumple. El árbol de accesibilidad muestra un nombre para el elemento summary, tomado de su contenido, y el lector de pantalla lo anuncia.
No se cumple. El elemento summary no tiene nombre en el árbol de accesibilidad, porque su contenido no le da ninguno, lo que incumple WCAG 4.1.2.
name_contentTooDeep
- Localizar el elemento summary que indica el informe y anotar el texto que muestra en pantalla.
- Abrir el panel Accesibilidad de las herramientas para desarrolladores del navegador y leer el nombre accesible del elemento, que el navegador obtiene de todo su contenido anidado.
- Con un lector de pantalla, desplazarse hasta el elemento y escuchar el nombre que se anuncia.
Se cumple. El árbol de accesibilidad muestra un nombre para el elemento summary, tomado de su contenido anidado, y el lector de pantalla lo anuncia.
No se cumple. El elemento summary no tiene nombre en el árbol de accesibilidad, porque su contenido no le da ninguno, lo que incumple WCAG 4.1.2.