Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ao invés de usar o aria-describedby, usar o aria-labelledby

Pegando a ideia de "futucamento futucatório futucante" que o professor Flávio mensionou em algum momento, descobri que, se voce substituir o "aria-describedby" por "aria-labelledby", a abordagem da descrição do erro de validação referenciando o inner-text do span funciona usando o ChromeVox mesmo (ou Screen Reader, como é chamado agora - Versão 53.0.2784.13)

1 resposta
solução!

Bom dia, Marcus! Tudo bem?

Muito obrigada por trazer essa dica! Apesar deles terem uma definição diferente, o area-describedby servir para fazer uma descrição detalhada do elemento e o area-labelledby dar um titulo/rótulo para o elemento, já da uma contornada no problema caso o usuário usar o ChromeVox =)

Parabéns por se preocupar com a acessibilidade do site e ir atrás de alternativas, como desenvolvedores devemos nos atentar com todos os usuários que irão navegar pelo nosso site.

Bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software