Recomendações de Tipografia
Recomendações para tornar as escolhas de tipografia em acervos digitais mais acessíveis.
Clique abaixo para acessar a seção desejada:
1. Estilo da Fonte
Prefira fontes sem serifa (sans serif), ou seja, fontes com estrutura simples e sem detalhes nas extremidades, pois tendem a oferecer maior clareza e melhor desempenho de leitura em ambientes digitais, especialmente em diferentes tamanhos de tela.
Utilize fontes como a Verdana, amplamente utilizada em sistemas, ou como as fontes disponíveis no Google Fonts: Nunito Sans , IBM Plex Sans , PT Sans
A fonte escolhida deve permitir ampliação de até 200% sem a utilização de tecnologias assistivas e sem perda de legibilidade. Neste caso, as fontes com serifa podem apresentar menor legibilidade em alguns navegadores:
Por isso, é importante verificar se há distinção clara entre os caracteres, como “I” (maiúsculo) e “L” (minúsculo), pois a semelhança entre eles pode comprometer a leitura.
Também é possível considerar fontes desenhadas para públicos específicos, como fontes para pessoas com dislexia: Read Regular , Dyslexie , OpenDyslexic e Sylexiad . Ou fontes desenhadas para pessoas com baixa visão: Atkinson Hyperlegible
Por que considerar essas recomendações?
- Para pessoas com baixa visão, fontes com serifa podem apresentar aparência borrada ou pouco nítida, o que pode dificultar o reconhecimento dos caracteres e tornar a leitura mais desafiadora
- Pessoas com dislexia podem ter mais dificuldade para diferenciar os caracteres durante a leitura. Fontes sem serifa, quando apresentam formas mais simples e maior distinção entre letras, tendem a facilitar esse processo e tornar a leitura mais acessível.
- Pessoas com algum tipo de deficiência visual podem aumentar o tamanho do texto no navegador. Quando não conseguem ler em tamanhos menores, o aumento pode facilitar a leitura.
- O uso de fontes estilizadas pode dificultar a leitura, especialmente para pessoas com deficiência visual ou intelectual.
Quais cuidados devem ser considerados?
Algumas fontes sem serifa podem ter caracteres semelhantes, como “1”, “I” e “l”, ou “b”, “d”, “p” e “q”. Verifique se há distinção clara entre eles, principalmente quando aparecem próximos.
Fontes serifadas, como Times New Roman ou Playfair Display, podem dificultar a leitura para alguns usuários. Isso ocorre porque seu desenho e espaçamento podem reduzir a distinção entre os caracteres. Por exemplo, “r” + “n” pode parecer “m”:
Em algumas fontes serifadas (serif), caracteres como “g”, “a” e “o” também podem apresentar formas semelhantes – principalmente quando estão em itálico:
Por fim, é recomendável usar no máximo duas fontes para manter a consistência visual.
Como avaliar a fonte?
Para escolher uma fonte, use a estrutura abaixo ou clique sobre ela para copiar e testar em diferentes tipografias:
A escolha de fontes pode ser feita em diferentes sites, mas o Google Fonts é a opção ideal, pois muitas de suas fontes já estão disponíveis no WordPress, facilitando a aplicação no site.
Como aplicar no Tainacan?
O estilo das fontes no tema Blocksy é definido no menu “Personalizar”, na opção Tipografia. Nessa área, é possível escolher a fonte para diferentes elementos, como títulos, botões e citações.
2. Tamanho da Fonte
O tamanho da fonte contribui com a acessibilidade da leitura, pois ajuda a diferenciar os níveis do texto, como títulos, subtítulos e destaques.
Para garantir uma leitura confortável em sites, especialmente para pessoas com baixa visão, utilize tamanho de fonte mínimo de 16 pixels (px), podendo chegar a 24 pixels (px):
A hierarquia das informações deve ser facilmente perceptível no site. Ela pode ser construída com variações de tamanho e peso das fontes entre títulos, subtítulos, destaques e parágrafos, ajudando a orientar o percurso de leitura do usuário. do texto.
Por que considerar essas recomendações?
- Os textos devem ter tamanho adequado para garantir o acesso de diferentes pessoas, incluindo aquelas com baixa visão, em diversos dispositivos e condições de luminosidade.
- Tamanhos de fonte bem definidos ajudam a diferenciar títulos, subtítulos e parágrafos, facilitam a leitura e reduzem o esforço cognitivo, além de melhorar a interpretação por leitores de tela.
Como aplicar no Tainacan?
Com o tema Blocksy, é possível ajustar o tamanho das fontes em “Personalizar” > “Tipografia”, aplicando em títulos, botões e citações.
Dessa forma, aplica-se a mesma configuração tipográfica aos diferentes elementos contribuindo para uma formatação consistente e manténdo um padrão visual uniforme no site.
3. Alinhamento do Texto
Considerando que a leitura ocidental ocorre no sentido horizontal da esquerda para a direita e vertical de cima para baixo, o recomendado é manter o alinhamento do texto à esquerda.
O alinhamento justificado pode criar espaços irregulares entre as palavras, prejudicando o ritmo da leitura e a compreensão, especialmente para pessoas com baixa visão ou limitações cognitivas.
Para aplicar no Tainacan, no tema Blocksy, o alinhamento do texto é, por padrão, definido à esquerda. Caso novos elementos sejam adicionados por meio de código, é importante manter essa orientação para garantir a consistência na leitura.
4. Peso da Fonte
Como discutido nas recomendações sobre cores, a diferenciação de informações não deve depender apenas da cor. Em textos, também é possível utilizar variações de peso tipográfico, como o negrito.
De acordo com a hierarquia da informação, os títulos são elementos importantes para aplicar esse destaque, pois ajudam o usuário a identificar e localizar o conteúdo com mais facilidade.
Como aplicar no Tainacan?
Com o tema Blocksy, é possível ajustar o peso das fontes em “Personalizar” > “Tipografia”:
Ao clicar no item que deseja alterar o peso tipográfico, é possível selecionar rapidamente a opção desejada.
Referências
- ALMEIDA, Patricia. Simples assim: comunique com todo mundo, 2024.
- BRASIL. Governo Federal. Cartilha de Acessibilidade Gov.br versão 1.0. 2022
- Governo do Estado do Ceará. Guia IRIS de Simplificação: Linguagem Simples e Direito Visual. IRIS – Laboratório de Inovação e Dados. 2021.
- INTERNATIONAL ORGANIZATION FOR STANDARDIZATION; INTERNATIONAL ELECTROTECHNICAL COMMISSION. Information technology — user interfaces — requirements and recommendations on making written text easy to read and understand (ISO/IEC 23859:2023). Geneva: ISO, 2023.
- LUPTON, Ellen. Type on screen: a critical guide for designers, writers, developers, and students. New York: Princeton Architectural Press, 2014.
- PERES, Sandyara. .horcel – Guia de Recomendações de Design Inclusivo para pessoas com TDAH, dislexia, discalculia e disortografia. 2021.
- PICKARD, Paul. Designing for dyslexia. 2006.
- PICHILIANI, Talita Cristina Pagani Britto. Gaia: um guia de recomendações sobre design digital inclusivo para pessoas com autismo. 2020.
- ROEDEL, Patrícia. Manual de linguagem simples: como planejar, desenvolver e testar textos que funcionam. Brasília: Câmara dos Deputados, Edições Câmara, 2024. Recurso eletrônico.
- W3C – WORLD WIDE WEB CONSORTIUM. Web Content Accessibility Guidelines (WCAG) 2.1.