1. Parágrafos
- Texto alinhado à esquerda:
O alinhamento à esquerda facilita a leitura em comparação ao justificado ou centralizado. A leitura do texto é guiada por pequenas pausas visuais, e o espaço branco irregular gerado pelo texto justificado altera esse ritmo, prolonga o tempo de leitura e cria um “ruído” narrativo, reduzindo a compreensão da informação.1.2
- Conteúdo agradável de ser lido:
O texto deve ser agradável para leitura, com um ritmo claro e consistente. Assim, observe:
- Se o espaçamento entre as linhas é adequado, evitando que fique muito apertado ou espaçado demais;
- Se a transição entre parágrafos está bem definida;
- Se as linhas de texto não são excessivamente longas nem curtas demais;
- Se o tamanho da fonte está apropriado para a leitura.
- Utilize espaço em branco para separar conteúdos ou temas distintos:
O espaço em branco é a área vazia entre elementos e grupos de elementos. Ele oferece pausas visuais, indica a relação entre elementos e estabelece hierarquias. Utilizar adequadamente o espaço em branco entre parágrafos pode melhorar a compreensão do texto em aproximadamente 20%.
- Texto objetivo:
Nos textos, comece sempre pelo que é mais importante, apresentando uma ideia por parágrafo. O conteúdo deve ser claro e direto, evitando palavras desnecessárias. As informações principais devem ser inseridas nos dois primeiros parágrafos.
- Separe o texto em tópicos:
Organize o texto em pequenas unidades, como parágrafos curtos, subtítulos e listas, para facilitar a navegação pela página e a compreensão do conteúdo.
Exemplo correto:
A terceira versão do Modelo de Acessibilidade em Governo Eletrônico (e-MAG 3.0) foi lançada em 21 de setembro de 2013, no evento Acessibilidade Digital – um direito de todos, trazendo uma seção chamada “Padronização de acessibilidade nas páginas do governo federal” com o intuito de uniformizar os elementos de acessibilidade que devem existir em todos os sítios e portais do governo.
A revisão do modelo, com a nova versão (3.1), lançada em abril de 2014, foi desenvolvida por meio da parceria entre o Departamento de Governo Eletrônico, da Secretaria de Tecnologia da Informação (STI) do Ministério do Planejamento e o Instituto Federal do Rio Grande do Sul (IFRS). A versão 3.1 apresenta diversas melhorias no conteúdo do texto para torná-lo mais compreensível, com destaque para o subitem “O processo para desenvolver um sítio acessível”, que ganhou um capítulo próprio. Também foram inseridos novos exemplos, inclusive com o uso de HTML5 e WAI-ARIA para determinadas recomendações.
Fonte: Gov.br – Modelo de Acessibilidade
2. Links
- Descrever links clara e sucintamente:
É fundamental identificar claramente o destino de cada link, indicando, inclusive, se ele direciona para outro site. O texto do link deve fazer sentido mesmo quando lido fora do contexto da página. Além disso, evite usar a mesma descrição para links que levem a destinos diferentes. Da mesma forma, links que apontam para o mesmo destino devem ter descrições idênticas.
Exemplo incorreto:
Clique aqui para saber mais sobre acessibilidade digital
Exemplo correto:
Saiba mais sobre acessibilidade digital
- Não use janelas pop-up ou abra links em nova janela:
Janelas pop-up são invasivas e interrompem o controle sobre a página, assim como links que abrem em uma nova janela. A escolha deve ser do usuário. Além disso, pop-ups e links que abrem em nova janela são inacessíveis para pessoas com deficiência visual.
É fundamental que os links sejam abertos na mesma guia ou janela de navegação, pois pessoas com deficiência visual podem ter dificuldade em perceber que uma nova janela foi aberta. Além disso, ao estarem em uma nova janela, não poderão voltar à página anterior usando a opção de retorno do navegador. Caso seja realmente necessário abrir um link em nova janela, recomenda-se informar essa ação diretamente no texto do link.
- Separar links adjacentes:
Links próximos devem ser separados por mais do que simples espaços, evitando confusão, especialmente para usuários de leitores de tela. Para isso, recomenda-se o uso de listas, onde cada item é um link. As listas podem ser visualmente estilizadas com CSS, permitindo que os itens sejam exibidos conforme desejado, como lado a lado, por exemplo.