Análise Heurística
de Acessibilidade

As perguntas na planilha referentes a essa heurística são:

1. É possível navegar pelos componentes interativos da interface utilizando apenas teclado?
2. Não há nenhum tipo de bloqueio de navegação enquanto se usa um teclado para interagir?
3. Caso seja utilizada uma tela que possibilite toque (touch screen), todas as interações ocorrem de forma adequada com toque?
4. Em interfaces de toque, caso haja funcionalidades que dependam de gestos complexos (swipe ou pinça, por exemplo) uma alternativa simplificada também está disponível para interagir?
5. Quando uma funcionalidade é operada por mouse, toque ou outro ponteiro, seu acionamento só é concluído ao soltar o mouse (ou dedo), permitindo interromper ou desfazer a ação antes da conclusão, salvo quando o acionamento imediato for essencial?
6. Caso exista funcionalidade que dependa de movimento de arrastar (drag'n'drop), uma alternativa simplificada também está disponível para interagir?
7. Nenhuma funcionalidade existente exige uma movimentação específica do aparelho (exemplo: "agitar para desfazer")?
8. Os alvos de toque nos elementos interativos foram projetados para que tenham um tamanho mínimo adequado (de acordo com aparelhos para o qual estão sendo projetados)?
9. Nenhum tipo de conteúdo oculto (exemplo: submenu ou tooltip) é exibido apenas com o passar do mouse (mouse over) ou apenas com o foco do teclado?
10. Caso haja funcionalidades específicas para comandos de voz, elas funcionam adequadamente?

As perguntas na planilha referentes a essa heurística são:

1. Elementos interativos (botões, links, menus, etc.) devem ter um foco visível claramente definido quando se faz uso de teclado para navegar. Isso foi projetado?
2. Quando um componente recebe foco pelo teclado, ele permanece pelo menos parcialmente visível, sem ser totalmente encoberto por cabeçalhos, rodapés, avisos ou outros conteúdos sobrepostos?
3. Quando um componente recebe foco pelo teclado, ele permanece completamente visível, sem que nenhuma parte seja encoberta por conteúdos criados pela aplicação?
4. O título da página pode ser claramente identificado na aba do navegador?
5. Há um título principal (nível 1) visível na tela?
6. Há títulos claros e compreensíveis (níveis diversos) para cada seção do conteúdo na tela?
7. A finalidade de cada link pode ser definida através do próprio link (ou há algum conteúdo no entorno do link que contextualiza o entendimento do mesmo)?
8. Há a definição de atalhos para se pular diretamente para algum conteúdo quando se navega por teclado?
9. Caso haja atalhos de acionamento por teclado, estes não ocorrem apenas com o uso de um único caractere?
10. Quando a navegação ocorre em conteúdos profundos a interface exibe um elemento do tipo "breadcrumb" corretamente construído? (visando melhor orientação)
11. Há diferentes formas de localizar um mesmo conteúdo (exemplo: menu e/ou campo de busca)?

As perguntas na planilha referentes a essa heurística são:

1. Os títulos e subtítulos existentes possuem uma hierarquia sequencial, sem pular nenhum nível?
2. Não há nenhum tipo de conteúdo que dependa de uma orientação espacial ou localização específica na interface (exemplo: "clique no botão abaixo")?
3. Os componentes na tela são corretamente identificados conforme suas funções? (exemplo: botões possuem funções de botões e não de links; campos obrigatórios em formulários são devidamente identificados; etc.)
4. Todos os componentes da interface, incluindo controles customizados, campos, botões, regiões e frames, possuem nome e função claramente definidos, e seus estados, propriedades, valores e alterações são disponibilizados também para tecnologias assistivas?
5. Rótulos (labels) estão associados aos seus respectivos campos em formulários e há instruções claras e sem ambiguidades para seu correto preenchimento?
6. As regiões estruturais da página possuem semântica claramente definida e compatível com sua finalidade, organizam todo o conteúdo e evitam a duplicação desnecessária de regiões como banner, conteúdo principal e informações de rodapé?
7. Informações do tipo "placeholder" estão sendo utilizadas em campos de formulários apenas como complementos da informação e não como substitutos de rótulos (labels)?

As perguntas na planilha referentes a essa heurística são:

1. Todos os campos de formulários possuem um rótulo (label) claramente definido? (independentemente de existir rótulos visíveis ou não, eles precisam estar associados aos respectivos campos via código)
2. Quando visíveis, todos os rótulos (labels) são exibidos próximos o suficiente de seus respectivos campos para que sejam relacionados aos mesmos?
3. Todos os rótulos (labels) em formulários possuem consistência visual dentro de um mesmo fluxo?
4. As indicações de erros em formulários são claras o suficiente para permitir a correção dos respectivos campos e não dependem de orientação espacial (do tipo: corrija o campo acima)?
5. As mensagens de erro são específicas para cada campo e são fornecidas sugestões de como corrigí-los?
6. Os campos obrigatórios são identificados adequadamente em seus respectivos rótulos (labels)?
7. Em uma mesma sessão logada, informações que já foram fornecidas anteriormente são preenchidas automaticamente ou ficam disponíveis para seleção, evitando que precisem ser digitadas novamente, exceto quando a repetição for essencial, necessária para segurança ou quando os dados não forem mais válidos?
8. Os processos de autenticação evitam testes que dependam de memória, cálculos, transcrição ou outra função cognitiva (captcha), ou fornecem uma alternativa ou mecanismo de auxílio acessível para concluí-los?
9. Os processos de autenticação podem ser concluídos sem qualquer teste de função cognitiva (captcha), contando com um método alternativo ou mecanismo de auxílio quando necessário?
10. Ao enviar dados em um formulário, é fornecida uma forma de validar ou cancelar o envio desses dados?

As perguntas na planilha referentes a essa heurística são:

1. Todos os componentes interativos e/ou relevantes para a compreensão da informação, possuem elementos visuais que os diferenciam dos demais, além de apenas uma mudança de cor?
2. Todos os textos possuem um nível de contraste de no mínimo 4.5:1 (ou 3:1 em textos ampliados) com relação ao seu "background"?
3. Todos os links possuem um nível de contraste de no mínimo 3:1 com relação aos seus conteúdos adjacentes?
4. Todos os elemento gráficos e não-textuais possuem um nível de contraste de no mínimo 3:1 com relação ao seu "background" ou elementos adjacentes?
5. Nenhum tipo de conteúdo apresentado apenas com texto (exemplo: título de seção) foi criado em formato de imagem? (exceção para banners e campanhas de mídia)
6. O espaçamento entre linhas e parágrafos está adequado e possibilita a leitura sem quebras, mesmo quando se aplica zoom na interface?

As perguntas na planilha referentes a essa heurística são:

1. O idioma da interface ou de trechos específicos na interface foi corretamente definido? (permitindo assim que tecnologias assistivas se adaptem ao seu correto padrão de leitura)
2. Há o correto agrupamento de informações em pequenos blocos de informação, facilitando assim a sua compreensão por quem usa leitores de tela?
3. Caso haja a utilização de termos técnicos, jargões ou gírias regionais, existe também uma forma de compreender os seus respectivos significados? (exemplo: glossário)
4. Caso haja campos de formulários, é possível saber corretamente o que preencher em cada campo?
5. Quando a pronúncia de uma palavra é necessária para compreender corretamente seu significado no contexto, há um mecanismo que permita identificar essa pronúncia?
6. São fornecidas ajudas contextuais facilitando a compreensão do entendimento da interface ou do preenchimento de formulários?

As perguntas na planilha referentes a essa heurística são:

1. As pessoas são informadas de alguma forma que conteúdos adicionais irão aparecer na tela automaticamente após ocorrer a seleção por mouse ou foco por teclado em algum componente na interface?
2. Após uma mudança de contexto (ou informação adicional na tela) mediante uma interação em algum componente da interface, há feedbacks visuais e/ou aurais (auditivos) explicando a mudança de contexto?
3. Após a realização de uma ação na interface uma mensagem de status pode ser exibida, mas essa mensagem que surge na tela, não deve receber foco visível. Isso é verdadeiro? (a mudança de foco neste cenário causará desorientação)
4. Todos os componentes possuem o mesmo padrão visual e aural, mantendo-se consistentes em um mesmo fluxo e também em diferentes telas?
5. As áreas de ajuda contextual que se repetem em diferentes páginas, como contato, suporte, assistente virtual ou perguntas frequentes, aparecem na mesma ordem relativa em diferentes páginas, exceto quando sua posição é alterada pela própria pessoa que usa o sistema (se for possível)?
6. Quando se utiliza o teclado pra navegar, a ordem do foco segue uma orientação lógica respeitando o sentido de leitura do idioma? (exemplo: da esquerda para a direita, de cima para baixo)
7. Não há funcionalidades que obriguem as pessoas a utilizarem uma determinada orientação de tela (retrato ou paisagem)?
8. Componentes semelhantes (visual ou textual) que podem gerar ambiguidade, possuem complemento de informação (nome acessível) para identificar corretamente os seus objetivos e/ou funções?

As perguntas na planilha referentes a essa heurística são:

1. Caso haja algum tipo de limite de tempo para executar uma determinada tarefa ou função, é possível que a pessoa saiba facilmente qual é esse tempo disponível?
2. Caso haja algum tipo de limite de tempo para executar uma determinada tarefa ou função, é possível que a pessoa consiga ampliar este tempo de alguma forma?
3. Enquanto a pessoa interage com o conteúdo, nenhuma atualização automática (refresh) acontece a ponto de desorientar a pessoa que está interagindo com o conteúdo?
4. Supondo que a pessoa está preenchendo um determinado formulário em uma área autenticada (login), mas o tempo de autenticação é ultrapassado e a pessoa precisa efetuar uma nova autenticação (novo login). É possível continuar de onde a pessoa parou e os dados preenchidos anteriormente não precisam ser preenchidos novamente?
5. Caso exista formulários para se preencher, é possível que os dados preenchidos sejam guardados (salvos) de alguma forma para que se possa continuar em algum momento futuro?

As perguntas na planilha referentes a essa heurística são:

1. Caso existam animações na interface é possível pausá-las ou ocultá-las a partir de algum tipo de controle?
2. Qualquer tipo de animação na interface é exibida de forma estática por padrão, caso as "preferências de movimento reduzido" no sistema operacional estejam habilitadas?
3. Qualquer tipo de conteúdo em áudio ou vídeo não se inicia de forma automática sem que a pessoa escolha iniciá-lo?
4. Caso exista qualquer tipo de efeito ou animação na interface, ela não pisca mais do que 3x por segundo na tela?

As perguntas na planilha referentes a essa heurística são:

1. Qualquer imagem não decorativa e que seja relevante para a compreensão do conteúdo apresentado, possui texto alternativo ou nome acessível que descreva adequadamente seu conteúdo ou sua função?
2. Qualquer tipo de gráfico possui algum tipo de visualização alternativa como suporte? (exemplo: tabela de dados ou descrições estendidas)
3. Qualquer tipo de conteúdo em áudio ou vídeo possui um formato alternativo de exibição? (exemplo: audiodescrição ou transcrição textual)
4. Qualquer tipo de conteúdo que contenha áudio possui tradução para língua de sinais?
5. Caso haja qualquer conteúdo que possua áudio na interface, é possível que a pessoa controle o seu volume através de um controle variável?
6. Qualquer tipo de conteúdo em vídeo possui legendas que podem ser habilitadas ou não? (closed caption - legendas ocultas)
7. Caso existam legendas em vídeos, elas são do tipo "descritivas" (LSE - Legenda para Surdos e Ensurdecidos)?