Os 10 problemas sérios de accesibilidade mais comuns em Portugal
Estes são os principais problemas do A11Y encontrados nos sítios Web mais importantes de Portugal. A lista de sítios Web foi organizada por Ruben Ferreira Duarte, formador em A11Y e editor do blogue DXD
Última atualização: domingo, 1 de março de 2026
1. Os elementos devem respeitar os limiares mínimos do rácio de contraste da cor. 54.31%
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.
2. As ligações devem ter um texto percetível. 22.57%
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. Todos os alvos tácteis devem ter 24px de tamanho ou deixar espaço suficiente. 10.12%
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.
4. Os elementos devem ter o seu texto visível como parte do seu nome acessível. 4.56%
A etiqueta visível dos itens interactivos etiquetados através do seu conteúdo deve ser incluída no seu nome acessível.
5. Os elementos <li> devem estar contidos num <ul> ou <ol>. 3.28%
Todos os itens da lista (li) devem ter elementos pais ul ou ol.
6. Os elementos <p> com estilo não devem ser utilizados como cabeçalhos. 1.40%
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.
7. <ul> e <ol> devem conter apenas elementos <li>, <script> ou <template> directamente. 1.35%
As listas devem ser corretamente marcadas, o que significa que não podem conter componentes de conteúdo que não sejam elementos li.
8. Os controlos interactivos não devem ser aninhados. 1.19%
Os leitores de ecrã não anunciam controlos interactivos aninhados.
9. Os elementos só devem utilizar atributos ARIA permitidos. 0.62%
Nem todas as combinações de atributos de função ARIA são válidas. Os elementos só devem utilizar atributos ARIA permitidos.
10. Frames must have an accessible name. 0.60%
Every <frame> and <iframe> element must have a non-empty accessible name so that screen reader users can identify and navigate between frames on a page. Without a descriptive name, screen readers fall back to unhelpful information like “frame,” a filename, or a URL, making it difficult for users to understand what each frame contains. Add a meaningful title attribute (or use aria-label or aria-labelledby) to every frame element to fix this issue.
Validate at scale.
Ship accessible websites, faster.
Automated HTML & accessibility validation for large sites. Check thousands of pages against WCAG guidelines and W3C standards in minutes, not days.
Pro Trial
Full Pro access. Cancel anytime.
Start Pro Trial →Join teams across 40+ countries