dialog-name-present

Los diálogos tienen un nombre accesible

Comprueba que los elementos con role="dialog" o role="alertdialog" expongan un nombre accesible no vacío.

Ámbito de aplicación. Se aplica a elementos con role="dialog" o role="alertdialog" (el atributo debe nombrar únicamente uno de esos roles, no una lista de reserva) que están incluidos en el árbol de accesibilidad. Un <dialog> nativo sin un rol explícito 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, o de title. Ambos roles son name-from-author-only, por lo que el encabezado o el texto del cuerpo dentro del diálogo no se acepta como su nombre a menos que aria-labelledby apunte a él.

Ejemplos

<div role="dialog" aria-label="Confirm deletion">
  <p>Are you sure?</p>
</div>

<div role="dialog">
  <p>Body text only.</p>
</div>

Ver código fuente