Os atributos ARIA devem ser utilizados conforme especificado para o role do elemento

Os atributos ARIA devem ser utilizados conforme especificado para o role do elemento.

Utilizar atributos ARIA em elementos onde não são esperados pode resultar em comportamento imprevisível para tecnologias assistivas. Isto pode levar a uma má experiência do utilizador para pessoas com deficiência que dependem destas tecnologias. É importante seguir a especificação ARIA para garantir que as tecnologias assistivas podem interpretar e comunicar adequadamente o significado pretendido do conteúdo.

Alguns atributos ARIA só são permitidos num elemento sob certas condições. Diferentes atributos têm diferentes limitações:

aria-checked: Este não deve ser utilizado num elemento HTML input com type=”checkbox”. Tais elementos têm um estado checked determinado pelo navegador. Os navegadores devem ignorar aria-checked neste cenário. Como os navegadores fazem isto de forma inconsistente, uma diferença entre o estado nativo da checkbox e o valor aria-checked resultará em diferenças entre leitores de ecrã e outras tecnologias assistivas.

Os atributos aria-posinset, aria-setsize, aria-expanded e aria-level são condicionais quando utilizados numa linha. Esta pode ser um elemento tr, ou um elemento com role="row". Estes atributos só podem ser utilizados quando a row faz parte de treegrid. Quando utilizados dentro de uma table ou grid, estes atributos não têm função, e podem resultar em comportamento imprevisível de leitores de ecrã e outras tecnologias assistivas.

O que esta regra de acessibilidade verifica

Verifica que os atributos ARIA não são utilizados de forma que o seu role descreve que os autores não devem, ou não podem fazer. Ou seja, a utilização deste atributo ARIA é condicional.

Learn more:

Deque Reference

Deque University - How To Fix

→