Skip to main content

Os 7 problemas menores 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: terça-feira, 1 de outubro de 2024

1. O texto alternativo das imagens não deve ser repetido como texto. 40.55%

Quando o texto do botão e da ligação num valor de propriedade alt se repete, os utilizadores de leitores de ecrã ouvem a mesma informação duas vezes, tornando o texto alternativo inútil e confuso.

2. Os cabeçalhos não devem estar vazios. 20.68%

É uma boa prática certificar-se de que cada elemento de cabeçalhos, indicado pelas etiquetas <h1> a <h6>, contém texto.

Os utilizadores de leitores de ecrã são informados da presença de uma etiqueta de cabeçalho. Os utilizadores podem ficar confusos ou mesmo incapazes de aceder a informações sobre a estrutura da página se o cabeçalho estiver em branco ou se o texto não puder ser acedido.

3. Os elementos na ordem de focagem devem ter um rol adequado. 19.89%

Quer se trate de HTML nativo ou de um widget personalizado, os elementos de entrada do utilizador têm de desempenhar as funções corretas para que o seu significado seja claro para os utilizadores de leitores de ecrã quando são focados e pousados. Se for um widget personalizado, a função do elemento deve ser corretamente exposta utilizando valores ARIA role apropriados em vez de funções abstractas.

4. O role ARIA deve ser apropriado para o elemento. 12.63%

Os valores do atributo de role WAI-ARIA devem estar corretos. Isto significa que os valores devem ser escritos corretamente, estar correlacionados com os valores ARIA role existentes e não serem papéis abstractos, de modo a apresentar corretamente o objetivo do elemento.

5. Certifique-se de que os elementos marcados como de apresentação são ignorados de forma consistente. 3.71%

Certifique-se de que os elementos selecionados para remoção da árvore de acessibilidade são realmente eliminados.

6. Os usuários devem ser capazes de ampliar e dimensionar o texto até 500%. 1.64%

O parâmetro user-scalable="no" no elemento <meta name="viewport"> não deve ser utilizado, uma vez que impede o redimensionamento e o zoom do texto, que são necessários para pessoas com deficiências visuais.

7. O texto do cabeçalho da tabela não deve estar vazio. 0.90%

O texto dos componentes do cabeçalho da tabela deve ser visível. Certifique-se de que os usuários de leitores de ecrã podem acessar o cabeçalho da tabela. É preferível marcar um elemento com um td se ele não for um cabeçalho.

Mudar para inglês ou espanhol

Ready to validate your sites?
Start your trial today.