Os 10 problemas moderados de accesibilidade mais comuns

A prática recomendada é manter todo o conteúdo, excluindo os skip links, em áreas designadas como o header, nav, main e footer.

As etiquetas dos elementos h1 a h6 devem estar numa ordem sequencial para que os títulos estejam numa ordem lógica correta.

Os pontos de referência devem ter uma combinação única de role ou role/etiqueta/título (ou seja, um nome acessível).

Uma boa prática é garantir que existe apenas um marco primário para navegar para o conteúdo principal da página e, se a página tiver componentes iframe, cada um deles não deve conter marcos ou deve conter um único marco.

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.

Assegure-se de que o ponto de referência complementar ou o

Para permitir que os utilizadores de leitores de ecrã naveguem na estrutura de títulos com atalhos de teclado, em vez de perderem tempo a ouvir mais do sítio Web para compreenderem a sua estrutura, certifique-se de que a página, ou pelo menos uma das suas molduras, contém um elemento h1 que aparece antes do início do conteúdo principal.

Certifique-se de que existe apenas uma marca "banner" na página, no máximo.

O ponto de referência “banner" não deve estar contido noutro ponto de referência.

The scope attribute on table header cells tells screen readers how headers relate to data cells, but when used incorrectly — such as on the wrong element or with an invalid value — it can make table navigation confusing or broken for assistive technology users. To fix this, ensure scope is only used on <th> elements (or <th> and <td> in HTML4), and that its value is either row or col.