role=’text’ não deve ter descendentes focalizáveis

Não são permitidos elementos filhos focalizáveis em elementos com o atributo role="text".

Quando um nó de texto é dividido por markup (por exemplo, <h1>Bom dia, <span>amigo</span></h1>) o VoiceOver irá tratá-lo como duas frases distintas em vez de uma. Adicionar role="text" aos elementos contorna este problema.

Além disso, substitui o papel do elemento e dos seus descendentes, tratando-os como nós de texto. Se um dos itens descendentes também for focalizável, será gerada uma paragem de tabulação vazia. Ou seja, você pode navegar com tab para o elemento, mas o VoiceOver não anunciaria o seu nome, papel ou valor.

O que esta regra de acessibilidade verifica

Verifica cada elemento com o atributo role="text" para garantir que nenhum dos seus filhos é focalizável.

Learn more:

Deque Reference

Deque University - How To Fix

→