Aria-disabled

Já conhecemos o atributo ‘disabled’. Normalmente num formulário temos um botão no fundo para submeter, inicialmente este botão está ‘disabled’ e dá algum tipo de feedback visual, por exemplo a cinzento ou com alguma transparência.

E as pessoas que não conseguem ver? Como podem ter o mesmo feedback? Utilizando a tecla de tab para navegar no formulário, os leitores de ecrãs vão ignorar a existência do botão disabled.

Neste caso podemos e devemos utilizar o atributo aria-disabled=”true” em vez do disabled. Para as pessoas que conseguem ver utilizamos CSS para estilizar o botão e javascript para não enviar o formulário ao carregar.

Exemplo da diferença entre aria-disabled e o disable