role='text' no debe tener descendientes focalizables

No se permiten elementos hijos focalizables 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. Agregar role="text" a los elementos evita 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 focalizable, se generará una parada de tabulación vacía. Es decir, podrías tabular al 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 focalizable.

Learn more:

Deque Reference

Deque University - How To Fix

→