aria-role-name-present

Los roles ARIA que lo requieren deben tener un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

Comprueba que los roles ARIA para los que WAI-ARIA requiere un nombre accesible expongan uno no vacío.

Ámbito de aplicación. Se aplica a elementos cuyo atributo role es exactamente uno de grid, meter, progressbar, radiogroup o tree, y que están incluidos en el árbol de accesibilidad. La pertenencia la determina la propia característica "Accessible Name Required: True" de WAI-ARIA, no si un rol simplemente permite un nombre: tablist, toolbar, menu, menubar y scrollbar son roles de nombrado por el autor para los que la especificación no requiere un nombre, y quedan fuera del alcance. meter y progressbar también están cubiertos por meter-name-present y progressbar-name-present, que se mapean al SC 1.1.1; esta regla es la que da a esos dos roles su cobertura del 4.1.2.

Resultado esperado. El elemento tiene un aria-label no vacío, un aria-labelledby que resuelve a texto no vacío, o un title no vacío. Todos los roles del conjunto son exclusivamente de nombrado por el autor, por lo que no se acepta el texto de un descendiente: de lo contrario, un hijo etiquetado dentro de un widget compuesto haría pasar al contenedor que carece de nombre propio.

Ejemplos

pass
<div role="grid" aria-label="Orders"></div>

role="grid" requiere un nombre accesible, y `aria-label` proporciona uno.

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

role="grid" requiere un nombre accesible; no hay ninguno presente.

Ver código fuente