Os atributos ARIA devem ser utilizados conforme especificado para a função do elemento

Os atributos ARIA devem ser utilizados conforme especificado para a função 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 possam interpretar e comunicar corretamente 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: Não deve ser utilizado num elemento HTML input com type=”checkbox”. Esses elementos têm um estado marcado determinado pelo navegador. Os navegadores devem ignorar aria-checked neste cenário. Porque 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 uma forma que a sua função descreve que os autores não devem ou não podem fazer. Ou seja, o uso deste atributo ARIA é condicional.

Learn more:

Deque Reference

Deque University - How To Fix

→