tooltip-name-present

La información sobre herramientas debe tener un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

Comprueba que los elementos con role="tooltip" exponen un nombre accesible no vacío.

Ámbito de aplicación. Se aplica a los elementos que llevan role="tooltip" (el atributo debe nombrar únicamente ese rol, no una lista de reserva) y que están incluidos en el árbol de accesibilidad. Un elemento con el rol implícito equivalente pero sin atributo role queda fuera del alcance.

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 bien, dado que role="tooltip" obtiene su nombre del contenido, 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 y no solo sus nodos de texto.

Ejemplos

pass
<div role="tooltip">Click to save your changes</div>

El contenido de texto visible nombra el tooltip.

fail
<div role="tooltip"></div>

No hay contenido de texto ni nombre accesible.

Ver código fuente