Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Checklist Acessibilidade
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
CHECKLIST DE ACESSIBILIDADE Empresa: Analista: Data: Observações: Elementos não textuais Sim Não Todas as imagens têm um texto alternativo? (alt=”...”) As imagens e ilustrações possuem uma versão alternativa em texto? (p/ leitores de tela) São usadas imagens que contêm texto? (indetectáveis a s leitores de tela) Formulários Sim Não Todos os campos dos formulários têm uma <label> associada? São usados <fieldset> e <legend> para agrupar os vários campos nos formulários? O envio dos formulários é feito via input/button e submit? Os erros nos formulários são indicados em texto e junto do campo que contém o erro? PONTOS DE VERIFICAÇÃO DE: Acessibilidade Este checklist de acessibilidade consiste num conjunto de pontos de verificação que podem ser feitos em qualquer altura, quer seja na fase de desenvolvimento do seu website, quer seja numa optimização para melhorar a acessibili- dade num site já existente. A maior parte dos pontos são relativos a pequenas mudanças no HTML, pelo que não terão grande impacto visual na aparência do seu site. Apenas os temas relacionados com cores, contrastes e aumento das áreas clicáveis poderão implicar algumas alterações visuais. Acessibilidade Checklist desenvolvido para os alunos do curso Design de Interface - André Bernardes Semântica e Legibilidade Sim Não O conteúdo está estruturado de forma semântica? (<h1>, <h2>, <h3>...<p>, <ul>, <ol>) O idioma da página está indicado no HTML? (lang="pt-PT" na tag <html>) As tabelas têm headings <th> definidos? O site funciona com as imagens desativadas? (deve continuar navegável e lido sem problemas) O site é legível e navegável com o CSS desativado? O site é legível aumentando o texto 2 vezes? Navegação, cor e elementos animados Sim Não São fornecidos atalhos para pular links repetitivos? O <title> das páginas é claro, direto, percetível e intimamente relacionado ao conteúdo? O site é navegável usando apenas o teclado? São utilizadas cores para transmitir informação? (Uso de legendas e categorias de cores) Existem elementos que piscam ou mudam de cores repetidamente? Acessibilidade
Materiais relacionados
27 pág.
4 pág.
11 pág.
Perguntas relacionadas
Compartilhar