role=’text’ no debe tener descendientes enfocables

No se permiten elementos hijos enfocables en elementos con el atributo role="text".

Cuando un nodo de texto se divide por marcado (por ejemplo, <h1>Buenos días, <span>amigo</span></h1>), VoiceOver lo tratará como dos frases distintas en lugar de una. Añadir role="text" a los elementos soluciona este problema.

Además, anula el rol del elemento y sus descendientes, tratándolos como nodos de texto. Si uno de los elementos descendientes también es enfocable, se generará una parada de tabulación vacía. Es decir, podrías tabular hasta el elemento pero VoiceOver no anunciaría su nombre, rol o valor.

Qué verifica esta regla de accesibilidad

Verifica cada elemento con el atributo role="text" para garantizar que ninguno de sus hijos sea enfocable.

Learn more:

Deque Reference

Deque University - How To Fix

→