Criar apps e sites que pessoas com deficiência também consigam usar (acessibilidade)

## Incluir a acessibilidade desde a primeira ideia, não como revisão final Inclua a acessibilidade na definição de uma experiência bem-sucedida desde o primeiro conceito até a manutenção. Não a adie para uma verificação de conformidade depois que as decisões visuais e de interação já estiverem definidas. - Defina as informações, as tarefas e os resultados essenciais, bem como as consequências de falhas. - Identifique os requisitos de acessibilidade juntamente com os requisitos funcionais, de privacidade, segurança e desempenho. - Designe pessoas responsáveis pelo desenho, conteúdo, implementação, teste e correção. - Inclua critérios de aceitação de acessibilidade em cada recurso ou componente relevante. - Prefira configurações padrão inclusivas, permitindo ainda uma personalização útil. - Reutilize padrões acessíveis, mas verifique se funcionam no contexto real. - Não sacrifique o acesso a uma tarefa essencial em favor de novidade visual ou conveniência de implementação. ## Encontrar as etapas que travam pessoas com capacidades diferentes Estude como uma tarefa funciona sem presumir um único corpo, sentido, postura do dispositivo, método de entrada, período de atenção ou velocidade de processamento. Considere barreiras permanentes, temporárias, situacionais e combinadas. - Acompanhe cada jornada essencial desde a descoberta até a conclusão, a recuperação de erros e a confirmação. - Examine separadamente as barreiras visuais, auditivas, motoras, da fala, cognitivas e ambientais. - Identifique etapas que dependam de visão, cor, som, precisão, memória, velocidade ou gestos complexos. - Diferencie as necessidades do usuário de um diagnóstico e evite criar soluções baseadas em estereótipos. - Priorize as barreiras pela importância da tarefa afetada, gravidade, frequência e ausência de alternativas. - Inclua na pesquisa, quando viável, pessoas que usam tecnologias assistivas. - Registre as suposições que ainda exigem evidências diretas. ## Manter o texto legível com zoom e nunca depender só da cor Garanta que textos, ícones, estados e estruturas continuem compreensíveis sob diferentes condições de visão, iluminação, tela e preferências. - Permita o redimensionamento de texto e interface sem cortes, sobreposições, controles ocultos ou perda de informações. - Escolha tamanho e peso de fonte, comprimento de linha, espaçamento e hierarquia legíveis para o ambiente pretendido. - Cumpra o padrão de contraste publicado aplicável em todas as aparências e estados compatíveis. - Nunca use a cor como único sinal de significado, estado, seleção ou erro. - Combine a cor com texto, forma, iconografia, padrão ou posição, conforme apropriado. - Preserve o significado com configurações de ampliação, alto contraste, ajuste de cores e transparência reduzida. - Teste os estados realmente renderizados, incluindo desativado, em foco, selecionado, erro e carregamento. ## Informar às ferramentas de apoio o que é e o que faz cada elemento Forneça semântica programática que comunique o que é cada elemento, o que ele contém, seu estado atual e a ação que realiza. - Use elementos e controles semânticos nativos antes de criar equivalentes personalizados. - Dê a cada controle significativo um nome acessível conciso, único e adequado ao contexto. - Forneça descrições úteis para imagens informativas e oculte da navegação o conteúdo meramente decorativo. - Mantenha uma ordem lógica de leitura e foco, uma estrutura de agrupamento e uma hierarquia de títulos. - Anuncie mudanças dinâmicas importantes sem interromper repetidamente o usuário. - Mantenha rótulos, estados, valores, erros e instruções sincronizados com a interface visível. - Verifique se os componentes personalizados expõem semântica, ações e mudanças de estado equivalentes. ## Adicionar legendas e transcrições a áudio e vídeo Não comunique informações essenciais apenas por áudio, visão ou sinais táteis. Escolha alternativas que preservem a finalidade, o momento e o significado do sinal original. - Forneça legendas sincronizadas para falas importantes e sons significativos. - Forneça transcrições quando as pessoas puderem precisar de um registro completo, pesquisável ou revisável. - Descreva acontecimentos visuais importantes que não estejam disponíveis pelo diálogo ou pelo conteúdo ao redor. - Combine alertas sonoros com retorno visível ou tátil quando isso melhorar o reconhecimento. - Combine alertas táteis ou visuais com outro canal quando transmitirem um significado crítico. - Permita que as pessoas controlem a reprodução, as legendas, o volume e as faixas alternativas disponíveis. - Verifique se cada alternativa continua correta quando o conteúdo principal mudar. ## Fazer botões fáceis de acertar e tudo utilizável pelo teclado Permita que as pessoas concluam tarefas essenciais com diferentes formas de entrada física e níveis de destreza. A operabilidade depende em conjunto do tamanho das áreas de interação, do espaçamento, da sequência, das alternativas e do comportamento previsível. - Use tamanhos e espaçamentos de áreas de interação que cumpram o padrão aplicável da plataforma ou da web. - Mantenha as ações frequentes simples e evite exigir gestos complexos, simultâneos ou repetidos. - Forneça um controle visível para qualquer ação essencial que, de outra forma, dependa de um gesto. - Permita navegação completa por teclado, com foco visível e ordem lógica de percurso. - Preserve os atalhos estabelecidos, a menos que uma substituição seja necessária e esteja documentada. - Rotule os controles para que entradas por voz, acionador, ponteiro e outras formas assistivas possam identificá-los. - Evite interações que exijam força sustentada, precisão fina ou movimentos amplos e repetitivos. ## Simplificar as etapas e evitar limites de tempo curtos Torne as interações consistentes, fáceis de aprender e recuperáveis. A complexidade opcional para especialistas não pode bloquear um caminho claro pelas tarefas essenciais. - Use padrões conhecidos e posições estáveis para ações repetidas. - Divida fluxos de trabalho longos em etapas focadas e mostre o progresso, o contexto e uma forma de voltar. - Prefira um encerramento explícito a tempos limite automáticos curtos; permita mais tempo quando houver necessidade de limite. - Use instruções simples, mensagens de erro específicas e próximas ações visíveis. - Permita que as pessoas pausem ou interrompam conteúdos em movimento, de áudio e de vídeo iniciados automaticamente. - Ofereça configurações de dificuldade, ritmo ou assistência quando o sucesso da tarefa depender de velocidade ou precisão. - Exija confirmação clara e um caminho de recuperação antes de ações difíceis de reverter. ## Reduzir movimentos e efeitos piscantes que podem fazer mal Use movimento apenas quando ele melhorar a compreensão. Movimentos rápidos, flashes, mudanças de profundidade e movimentos descontrolados da câmera podem distrair, causar desconforto ou criar riscos graves à saúde. - Respeite as preferências de movimento reduzido e flashes reduzidos em toda a experiência. - Reduza movimentos automáticos, repetitivos, periféricos, de aproximação, de mudança de escala e baseados em profundidade. - Forneça uma alternativa tranquila aos efeitos necessários na apresentação padrão. - Evite flashes brilhantes e frequentes e valide as mídias conforme o limite de segurança aplicável. - Mantenha o conteúdo espacial dentro de um campo de visão confortável e evite mudanças rápidas de atenção. - Reduza ao mínimo o movimento forçado da câmera e os gestos corporais amplos ou repetitivos. - Teste se as mudanças de movimento causam perda de contexto, estados ocultos ou falhas no retorno da tarefa. ## Respeitar as configurações que cada pessoa escolhe no aparelho Adapte-se às configurações escolhidas pelo usuário, em vez de tratar a acessibilidade como um modo separado com menos recursos. Preserve o significado e a conclusão das tarefas em todas as configurações compatíveis. - Responda corretamente às preferências de tamanho do texto, contraste, aparência, movimento, legendas e entrada. - Mantenha a funcionalidade essencial disponível quando os elementos não essenciais da interface forem reduzidos. - Permita que os usuários escolham cores, tempos, reprodução, dificuldade ou assistência de controle confortáveis quando relevante. - Não redefina escolhas relacionadas à acessibilidade sem motivo claro e aviso. - Evite exigir que os usuários revelem uma deficiência para obter um caminho acessível. - Preserve as preferências de forma previsível e ofereça um caminho fácil para revisá-las ou alterá-las. - Teste combinações de configurações, pois adaptações corretas isoladamente podem entrar em conflito. ## Testar cada tarefa principal com teclado e ferramentas de apoio antes de publicar Use várias formas de evidência. Verificações automatizadas podem encontrar alguns defeitos, mas não podem comprovar que uma tarefa real seja compreensível ou utilizável com tecnologia assistiva. - Execute verificações automatizadas desde o início e repetidamente para identificar problemas estruturais e visuais detectáveis. - Teste cada tarefa essencial apenas com o teclado e com os métodos relevantes de interação assistiva. - Inspecione o foco, os rótulos, a ordem de leitura, os anúncios, o redimensionamento, o contraste, as alternativas de mídia e as configurações de movimento. - Inclua na avaliação, quando possível, participantes com deficiência ou usuários experientes de tecnologias assistivas. - Registre o ambiente, o método, o resultado, a gravidade, a pessoa responsável e as evidências do novo teste para cada constatação. - Bloqueie a publicação por defeitos não resolvidos que impeçam o acesso a uma tarefa essencial ou causem danos graves. - Não declare conformidade ou suporte a recursos além do alcance das evidências verificadas.