O que falta testar?

Use as informações nesta página para aprender o que é testado pelo axe DevTools Mobile e revisar exemplos do que ainda precisa ser testado manualmente.

Para obter orientações detalhadas, passo a passo, sobre o que ainda precisa ser testado após o uso do axe DevTools Mobile, consulte a Lista de Verificação de Testes Restantes.

O que é testado pelo axe DevTools Mobile?

Contraste de Cor

O texto deve ter contraste adequado com seu fundo para garantir a legibilidade para pessoas com daltonismo ou baixa visão.

Tamanho e Espaçamento de Elementos Tocáveis

Elementos que podem ser tocados devem ser grandes o suficiente para garantir que pessoas com limitações motoras possam interagir com eles. Tais elementos devem ter espaçamento adequado entre si para garantir que um elemento adjacente não seja tocado acidentalmente.

Rótulos de Formulário

Campos de entrada de usuário (caixas de texto, caixas de seleção, botões de opção) devem ter um rótulo associado corretamente para tecnologias assistivas, como o TalkBack e o VoiceOver.

Descrições de Imagens

Qualquer imagem que possa receber foco deve ter uma descrição associada para tecnologias assistivas, como o TalkBack e o VoiceOver.

Texto Acessível por Tecnologia Assistiva

Qualquer texto na tela deve ser acessível por tecnologias assistivas, como o TalkBack e o VoiceOver. (Texto que não pode ser acessado não estará disponível para pessoas que usam tecnologia assistiva.)

Ações podem ser Ativadas por Tecnologia Assistiva

Qualquer ação que um usuário possa realizar (submeter um formulário ao tocar em um botão, expandir/recolher uma seção de conteúdo, abrir um menu, avançar um carrossel de imagens, etc.) deve poder ser ativada por tecnologias assistivas, como o TalkBack e o VoiceOver. (Ações que não podem ser ativadas não estarão disponíveis para pessoas que usam tecnologia assistiva.)

Elementos Interativos Aninhados

Qualquer elemento interativo que possa ser ativado por tecnologias assistivas não deve conter outro elemento interativo em seu interior. Cada elemento interativo deve ser acessível individualmente para que possa ser ativado de forma independente.

Rotação de Tela

Os aplicativos devem girar quando o dispositivo é girado para garantir que as pessoas possam usar o aplicativo independentemente da orientação da tela do dispositivo. Algumas pessoas têm seu telefone ou tablet montado em suas cadeiras de rodas em uma orientação fixa. Se a orientação não puder ser suportada, o aplicativo se torna inutilizável para essa pessoa.

Título da Tela

Toda tela em um aplicativo deve fornecer um título que seja anunciado por tecnologias assistivas. Os títulos das telas permitem que usuários com deficiências visuais, cognitivas e motoras e memória de curto prazo limitada determinem onde estão no aplicativo, identifiquem o conteúdo em uma tela pelo seu título e naveguem entre telas nos casos em que o modo de operação de um usuário depende de áudio.

O que falta ser testado manualmente?

As listas abaixo contêm exemplos de problemas de acessibilidade que requerem testes manuais. Isto não é uma lista de verificação abrangente, mas sim uma ideia dos tipos de problemas que você vai querer testar manualmente após usar o axe DevTools Mobile.

Testes com Tecnologia Assistiva

Certifique-se de que os usuários possam interagir eficientemente com o aplicativo usando tecnologia assistiva, como o TalkBack ou o VoiceOver.

• Sequência de Leitura - A tecnologia assistiva encontra todo o conteúdo estático, como títulos e parágrafos, na sequência de leitura correta?
• Ordem dos Elementos Interativos - A tecnologia assistiva percorre os elementos interativos, como botões e campos de formulário, na tela em uma ordem lógica?
• Títulos - Os títulos são anunciados corretamente para a tecnologia assistiva?
• Imagens - As imagens decorativas são identificadas e incorporadas como tal, para que possam ser ignoradas por tecnologias assistivas?
• Tabelas - As células da tabela de dados têm nomes acessíveis que definam a quais cabeçalhos de coluna ou linha as células se relacionam?
• Gerenciamento de Foco - A tela contém componentes de interface que, quando ativados, fazem a tela mudar para um novo estado, como abrir um pop-up ou menu? Se sim, a tela ainda é operável para tecnologia assistiva após a transição?
• Anúncios de Estado - A tela contém elementos que mudam de estado, como expandido/recolhido ou pressionado? Esses estados são anunciados para a tecnologia assistiva?
• Gestos e Movimento do Dispositivo - A tela usa gestos ou movimento do dispositivo como entrada? Existem componentes de interface do usuário que realizarão a mesma ação sem exigir gestos ou movimento do dispositivo? O movimento do dispositivo pode ser desativado para evitar ativações acidentais?

Significado do Conteúdo

Certifique-se de que o texto descreva de forma significativa a função ou propósito do conteúdo ou controles associados.

• Significado de Botões e Links - O texto de botões e links descreve com precisão a função que será realizada?
• Rótulos de Formulário - Os usuários podem entender o propósito dos controles de formulário através de rótulos de texto significativos?
• Significado dos Títulos - Os títulos das seções descrevem de forma significativa o conteúdo subsequente?
• Significado das Imagens - O texto acessível descreve com precisão a imagem? Imagens e gráficos complexos são fornecidos com uma descrição em texto completo, capturando todo o seu conteúdo?

Estrutura do Conteúdo

Certifique-se de que os usuários possam entender a estrutura do conteúdo em cada tela e no aplicativo como um todo.

• Títulos - O conteúdo é apresentado em blocos curtos de texto separados por títulos de seção para melhor organizar as informações? Os títulos das seções usados para nomear ou descrever seções no aplicativo podem ser identificados como tal pelos usuários?
• Navegação - O aplicativo contém um grupo de elementos de navegação? Os elementos estão na mesma ordem relativa e são rotulados da mesma forma em cada tela?
• Consistência em Todo o Aplicativo - Os componentes da interface do usuário, como formulários ou outros controles, que aparecem e têm a mesma função em várias telas são rotulados da mesma forma em cada tela?

Conteúdo Dinâmico/Temporizado

Certifique-se de que o conteúdo dinâmico possa ser controlado pelo usuário.

• Áudio/Vídeo - O conteúdo de vídeo ou áudio possui alternativas baseadas em texto para usuários que não podem ver ou ouvir, como transcrições de texto ou legendas?
• Comportamento Automático - Algum conteúdo se move, anima ou rola automaticamente, como carrosséis e feeds de mensagens? Se sim, o usuário pode pausar, parar ou ocultar o movimento e ainda assim usar todas as funcionalidades com sucesso?
• Atualizações Automáticas de Conteúdo - Algum conteúdo é atualizado automaticamente? Se sim, o usuário pode controlar a frequência, adiar ou desativar as interrupções ao conteúdo?
• Interrupções ao Carregar a Tela - Algum vídeo ou áudio cronometrado começa a ser reproduzido automaticamente? Existe um mecanismo para o usuário pausar, parar ou ocultar a mídia que reproduz automaticamente?
• Mensagens de Status - A tela emite alguma mensagem de status? Se sim, as mensagens são anunciadas imediatamente por tecnologia assistiva? As mensagens de status desaparecem sozinhas, deixando o usuário sem qualquer indicação remanescente do status? Efeitos Visuais - O aplicativo está livre de componentes que piscam ou piscam repetidamente mais de três vezes em qualquer período de um segundo?

Validação e Feedback de Formulários

Garanta que formulários e elementos de entrada de usuário possam ser facilmente compreendidos e preenchidos, e quaisquer erros possam ser resolvidos.

• Etiquetas de Formulário - Os formulários têm etiquetas e instruções persistentes e significativas para seus respectivos controles?
• Prevenção de Erros - Os controles interativos fornecem instruções claras aos usuários? Se erros são retornados, o usuário é apresentado a estados e mensagens de erro claros para ajudar a corrigi-los?
• Mensagens de Erro - Os erros de formulário são retornados de maneiras que não dependem apenas de visão ou percepção de cores?
• Mudança de Contexto - Os usuários conseguem perceber quando fornecer entrada a um controle de formulário dispara automaticamente uma mudança de contexto, como abrir um pop-up quando uma caixa de seleção é marcada, ou mover-se para o próximo campo quando o máximo de caracteres é atingido (como campos de SSN multipartes).
• Dados Legais e Financeiros - Os usuários submetem dados legais ou financeiros no aplicativo? Se sim, são oferecidos aos usuários meios de reverter, verificar ou confirmar dados legais ou financeiros antes de enviá-los?

Outras Considerações

• Alternativas às Cores - Os usuários do aplicativo podem utilizar outras indicações visuais quando a informação é transmitida principalmente através de cores?
• Indicadores de Foco - Um indicador de foco claramente distinguível com contraste de cor suficiente é visível quando elementos ativos recebem foco?
• Navegação e Configurações da Plataforma - Existem elementos ao longo do aplicativo que proporcionam uma experiência anti-padrão que resultariam em quebra de funcionalidades de navegação da plataforma no iOS ou Android? As configurações do dispositivo do usuário são respeitadas em todo o aplicativo?
• Orientação de Tela - O conteúdo e a funcionalidade da tela são preservados ao alternar entre orientações retrato e paisagem? (O conteúdo não precisa necessariamente estar na mesma tela, mas deve ser fornecido em algum lugar dentro do aplicativo.)
• Tempo Limite de Sessão - O aplicativo impõe um limite de tempo de sessão ao usuário? O usuário pode estender, desligar ou alterar o limite de tempo? O aplicativo garante que os usuários não percam informações se a sessão expirar e precisarem fazer login novamente?
• Redimensionamento e Zoom do Texto - Alguma das funcionalidades do aplicativo impede os usuários de utilizarem o zoom ou a funcionalidade de redimensionamento de texto do iOS ou Android?
• Texto em Imagens - Exceto por logotipos, as telas estão livres de imagens de texto e visuais com texto embutido neles?