role=’text’ no debe tener descendientes que puedan recibir foco

No se permiten elementos hijos que puedan recibir foco en elementos con el atributo role="text".

Cuando un nodo de texto se divide por marcado (por ejemplo, <h1>Good morning, <span>friend</span></h1>), VoiceOver lo tratará como dos frases distintas en lugar de una. Añadir 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 puede recibir foco, 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 pueda recibir foco.

Learn more:

Deque Reference

Deque University - How To Fix

→