Tipografia Acessível para Sites de Acervos Digitais

Recomendações para tornar as escolhas de tipografia em acervos digitais mais acessíveis.

As escolhas de tipografia devem facilitar a leitura, garantir a distinção entre caracteres e organizar bem a informação, reduzindo ambiguidades e o esforço durante a leitura.

Clique abaixo para acessar a seção desejada:

Recomendações de Tipografia

As recomendações apresentadas aqui são aquelas que podem ser aplicadas por meio do menu “Personalizar”, na seção Tipografia.

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

  1. ALMEIDA, Patricia. Simples assim: comunique com todo mundo, 2024. 
  2. BRASIL. Governo Federal. Cartilha de Acessibilidade Gov.br versão 1.0. 2022
  3. Governo do Estado do Ceará. Guia IRIS de Simplificação: Linguagem Simples e Direito Visual. IRIS – Laboratório de Inovação e Dados. 2021.
  4. 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.
  5. LUPTON, Ellen. Type on screen: a critical guide for designers, writers, developers, and students. New York: Princeton Architectural Press, 2014.
  6. PERES, Sandyara. .horcel – Guia de Recomendações de Design Inclusivo para pessoas com TDAH, dislexia, discalculia e disortografia. 2021.
  7. PICKARD, Paul. Designing for dyslexia. 2006.
  8. PICHILIANI, Talita Cristina Pagani Britto. Gaia: um guia de recomendações sobre design digital inclusivo para pessoas com autismo. 2020.
  9. 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.
  10. W3C – WORLD WIDE WEB CONSORTIUM. Web Content Accessibility Guidelines (WCAG) 2.1.
Voltar ao topo