Versão do Layman de WCAG 2.1

Versão do Layman do WCAG 2.1 para testadores, designers e desenvolvedores.

Saber mais: Deseja aprender sobre as diferentes tipologias da deficiência e o impacto no uso dos computadores? Veja o livro Acessibilidade é Importante.

Lista de Verificação de acessibilidade para designers e desenvolvedores

Lista de verificação de acessibilidade para desenvolvedores e designers

• Baixe uma lista de verificação de acessibilidade de uma página para desenvolvedores e designers (formato PDF)

• Baixe uma versão em texto grande da lista de verificação de acessibilidade para desenvolvedores e designers (formato PDF)

Informação para designers

Especificando acessibilidade

Ao escrever documentos de especificação:

• Certifique-se de que uma estrutura de cabeçalho hierárquica esteja em vigor em todas as páginas. Um título deve ser fornecido no início de todas as áreas de conteúdo. Cada página deve ter um h1.

• Crie labels visíveis para campos de input e outros elementos de formulário, como botões de opção, caixas de seleção e menus suspensos de seleção.

• Crie um título de página descritivo para cada página. O título deve descrever o tema ou propósito da página.

• Certifique-se de que haja um método para pular a navegação por meio do uso de um link "ignorar navegação".

• Certifique-se de que todo o texto do link descreva adequadamente a finalidade ou o destino do link.

• Crie uma aparência responsiva para o site para que a rolagem horizontal possa ser removida emsss dispositivos menores.

• Se forem usadas tabelas, certifique-se de que haja cabeçalhos de tabela no lugar.

• Certifique-se de que todos os labels e controladores estejam próximos ao conteúdo associado.

• Certifique-se de que o tamanho de destino dos elementos seja grande o suficiente para ativar facilmente com o dedo ou o ponteiro do mouse.

• Certifique-se de que a cor não está sendo usada como o único meio para distinguir o conteú

• Se apenas a cor for usada para distinguir links em um parágrafo, verifique se existe uma taxa de contraste de 3:1 entre a cor do link e o texto do parágrafo.

• Se um elemento de interface do usuário for projetado ou nomeado de uma maneira específica, certifique-se de que ele seja usado de forma consistente para todos os elementos semelhantes em um site.