Escrever conteúdo web que todos possam usar, inclusive pessoas com deficiência

## Antes de escrever, identificar o que pode travar os leitores Antes de redigir, identifique as condições que podem impedir alguém de receber a mensagem ou concluir a tarefa. Considere as diferenças de: - domínio do idioma e capacidade de leitura; - familiaridade com o assunto ou a tecnologia; - visão, audição, cognição e controle motor; - tamanho do dispositivo, qualidade da conexão e ausência de mídias; e - tempo disponível, atenção e estresse. Não trate um usuário imaginado como padrão. Inclua verificações de acessibilidade em todo o processo de criação e desenvolvimento do conteúdo e envolva um especialista qualificado quando a equipe não conseguir resolver uma barreira relevante. ## Usar palavras simples e explicar termos pouco conhecidos Apresente o ponto principal de forma direta. Use palavras conhecidas, frases curtas e parágrafos concentrados em um tema, preservando o significado necessário. Defina um termo científico, jurídico ou técnico desconhecido na primeira vez que ele aparecer. Escreva por extenso o nome de um produto, serviço ou processo antes de introduzir uma sigla. Se forem necessárias muitas definições, ofereça um glossário como caminho adicional sem obrigar os leitores a deixar repetidamente a explicação principal. Evite expressões idiomáticas e dependentes de uma cultura quando elas puderem excluir ou confundir parte do público. Use ferramentas de legibilidade como sinais de diagnóstico e depois confirme o resultado com revisão humana e leitores representativos. ## Colocar cada explicação ao lado do que ela explica Posicione um esclarecimento essencial junto da declaração, do controle ou do elemento visual que ele explica. Use uma definição próxima, um link claramente identificado ou uma dica contextual quando os detalhes complementares interromperiam o fluxo principal. Escolha o método de acordo com o contexto de leitura. Uma referência que funciona em uma tela grande pode se tornar difícil de encontrar ou interpretar em uma tela estreita ou com tecnologia assistiva. Não dependa de um mecanismo de referência que afaste o leitor das informações necessárias para compreender a etapa atual. ## Dividir as páginas com títulos claros para facilitar a leitura rápida Use títulos de página e cabeçalhos precisos que revelem a finalidade e os pontos principais sem exigir a leitura completa. Divida trechos longos em seções curtas e coerentes. Mantenha os parágrafos relacionados conectados por uma progressão clara de ideias. Varie o tamanho das frases somente quando isso favorecer a compreensão; divida uma frase quando seu tamanho ou sua estrutura ocultar a ação, a condição ou a conclusão. Verifique a página tanto em larguras estreitas quanto amplas. A facilidade de leitura rápida deve sobreviver às mudanças de layout adaptável, em vez de depender do espaçamento de uma tela de computador. ## Escrever texto alternativo para imagens e gráficos Para cada imagem, gráfico, ícone ou outro elemento visual, decida se ele é informativo, redundante ou decorativo. - Para um elemento visual informativo, forneça um texto alternativo que comunique as informações necessárias no contexto. - Quando já houver um texto equivalente ao lado, use um texto alternativo vazio: `alt=""`. - Para um elemento visual decorativo que deva ser ignorado pela tecnologia assistiva, use um texto alternativo vazio. - Não comece o texto alternativo com rótulos como “imagem de”; a tecnologia assistiva já identifica o tipo de elemento. Acrescente uma legenda quando os leitores precisarem de contexto visível e mantenha o estilo das legendas consistente. Posicione o elemento visual perto de sua explicação. Não coloque linguagem técnica ou dados essenciais apenas dentro de uma imagem; ofereça um equivalente acessível em texto ou dados. ## Escrever links que digam para onde levam Torne o texto do link específico o bastante para continuar significativo quando lido sem o parágrafo ao redor. Nomeie o destino ou a ação em vez de usar uma instrução vaga. Avise os leitores quando um link abrir um formato diferente, iniciar um download ou levar a outro tipo de experiência. Mantenha a voz do texto do link consistente com o restante do conteúdo. Quando apropriado, ofereça mais de um caminho prático por um grande espaço de informações, como títulos de página descritivos, um índice, links cruzados, pesquisa ou um mapa do site. Cada caminho deve usar rótulos que antecipem com precisão o que virá em seguida. ## Preparar títulos, formulários e idioma para a tecnologia assistiva Use cabeçalhos, rótulos, relações e instruções semânticos para que a tecnologia assistiva possa apresentar a mesma organização disponível visualmente. Os formulários devem expor programaticamente seus rótulos, requisitos, erros e instruções. Declare o idioma principal do documento com o atributo de idioma adequado, como `lang="en"`, e marque os trechos que mudam de idioma. Isso permite que as ferramentas de pronúncia e tradução interpretem o texto corretamente. Não use posição visual, cor ou estilo como a única forma de comunicar a estrutura ou uma ação obrigatória. ## Adicionar legendas e transcrições a vídeos e áudios Sincronize as legendas com o conteúdo falado e os sons significativos. As legendas podem ser concisas em vez de reproduzir palavra por palavra, mas devem preservar a mensagem. Forneça uma transcrição que inclua as palavras faladas, o texto essencial na tela e descrições de informações visuais importantes. Posicione o link perto da mídia correspondente. Forneça audiodescrição quando uma informação essencial aparecer visualmente e não estiver disponível de outra forma pelo áudio. Use um reprodutor que exponha os controles de legendas e reprodução aos usuários de teclado e de tecnologia assistiva. ## Testar as páginas prontas com teclado e leitores reais Revise o conteúdo concluído por vários caminhos: 1. Examine apenas os títulos, os cabeçalhos e os links para verificar se a estrutura e os destinos estão claros. 2. Navegue usando o teclado e a tecnologia assistiva e confirme que os controles, os rótulos, os estados e as instruções dos formulários sejam anunciados de modo significativo. 3. Use uma tela estreita e um tamanho de texto maior para encontrar cortes, aglomeração ou uma ordem de leitura incorreta. 4. Desative ou omita imagens, áudio ou vídeo e confirme que as informações essenciais continuem disponíveis. 5. Peça a leitores representativos que encontrem informações e concluam a tarefa pretendida. Registre as barreiras, corrija o conteúdo ou a estrutura que as causou e repita as verificações afetadas. A pontuação de uma ferramenta, por si só, não comprova que a experiência seja acessível.