Os 10 problemas sérios de accesibilidade mais comuns em Espanha
Estas são as principais questões A11Y encontradas nos sítios Web espanhóis mais importantes para os principais sectores.
Última atualização: domingo, 15 de dezembro de 2024
1. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 33.28%
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.
2. As ligações devem ter um texto percetível. 24.84%
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.
3. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 17.24%
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.
4. Os elementos <li> devem estar contidos num <ul> ou <ol>. 9.93%
Todos os itens da lista (li) devem ter elementos pais ul ou ol.
5. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 6.35%
A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.
6. <ul> e <ol> devem conter apenas elementos <li>, <script> ou <template> directamente. 2.37%
As listas devem ser corretamente marcadas, o que significa que não podem conter componentes de conteúdo que não sejam elementos li.
7. Os elementos <p> com estilo não devem ser utilizados como cabeçalhos. 2.30%
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.
8. Os elementos não devem ter um índice de tabulação superior a zero. 2.14%
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.
9. Os nós ARIA "dialog" e "alertdialog" devem ter um nome acessível. 0.95%
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ã.
10. Scrollable region must have keyboard access. 0.60%
Elements with scrollable content must be keyboard-accessible.
Ready to validate your sites?
Start your trial today.