Os 10 problemas sérios de accesibilidade mais comuns em Espanha

Os alvos tácteis devem ter uma dimensão mínima de 24 por 24 píxeis CSS. A maior área não obscurecida do alvo tátil é utilizada para calcular o tamanho. O alvo deve estar a uma distância mínima de 24 píxeis CSS de qualquer outro alvo tátil se o seu tamanho for insuficiente.

Quando utilizados como hiperligações, o texto da hiperligação e o texto alternativo para as imagens devem ser reconhecíveis pelos leitores de ecrã, não ter etiquetas duplicadas e ser focalizáveis.

De acordo com os limiares do rácio de contraste das WCAG 2 AA, todos os elementos de texto devem ter um contraste suficiente entre o texto em primeiro plano e as cores de fundo.

Todos os itens da lista (li) devem ter elementos pais ul ou ol.

A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.

Uma vez que os usuários de leitores de ecrã não podem determinar a estrutura do documento de outra forma, os componentes p estilizados não devem ser utilizados para representar cabeçalhos.

Para evitar uma ordem de tabulação inesperada que pareceria perder alguns componentes completamente, um atributo tabindex nunca deve ter um valor maior que 0.

As listas devem ser corretamente marcadas, o que significa que não podem conter componentes de conteúdo que não sejam elementos li.

Os leitores de ecrã não anunciam controlos interactivos aninhados.

Para os usuários de leitores de ecrã, os itens de diálogo do ARIA devem incluir uma linguagem inteligível que especifique o destino, a finalidade, a função ou a ação em pormenor.

Os elementos com role="dialog" ou role="alertdialog" que não tenham um nome acessível não podem ser compreendidos pelos utilizadores de leitores de ecrã.