Desfoque de spoiler não é compatível com leitores de tela

Ative o VoiceOver do iOS e, em seguida, navegue até uma postagem que contenha um desfoque de spoiler, como este.

Deslize o dedo sobre o texto e peça ao leitor de tela para ler o texto.

Real: O VoiceOver apenas lê o texto do spoiler, ignorando o desfoque do spoiler.

Esperado: Deveria ter uma função ARIA (botão?) e uma leitura ARIA alternativa, “ler spoilers” ou algo parecido.

(Algo semelhante acontece no JAWS e NVDA.)

6 curtidas

Não acho que haja nada no ARIA sobre spoilers, … Posso estar enganado. Meu entendimento é que o mais próximo que podemos chegar é implementar algo usando as tags detail e summary para fazer isso funcionar.

Aberto a mudar nossa implementação.

Parece que há uma quantidade razoável de flexibilidade para estilizar detail/summary, no entanto, pré-calcular a largura provavelmente não será viável.

1 curtida

Ahh, agora vejo que abri praticamente uma issue duplicada para o problema de acessibilidade do plugin de alerta de spoiler mencionado aqui, desculpem por isso. Embora o meu estivesse mais focado na acessibilidade do teclado, a minha solução também corrigiria este problema porque, como sugerido por @dfabulich, usaria um padrão de widget de divulgação acionado por um botão.

Não acho que você queira usar details/summary aqui, pois você quer mostrar o conteúdo na página quando ele está “oculto”, apenas desfocá-lo também. Usar aria-hidden="true" no conteúdo desfocado o ocultaria dos usuários de leitores de tela, mas ainda permitiria que ele fosse exibido na página (desfocado). E então o botão pode alternar aria-hidden para torná-lo acessível à tecnologia assistiva.

Não acho que haja nada em ARIA sobre spoilers
O alerta de spoiler é basicamente um widget de divulgação para o qual o ARIA Authoring Practices Guide fornece diretrizes.

1 curtida

Eu acho que isso deve ser resolvido por este commit:

4 curtidas

Este tópico foi fechado automaticamente após 25 horas. Novas respostas não são mais permitidas.