Este é um artigo convidado de Jennifer Moline*.
mensagem patrocinada
Acessibilidade de imagens é enfatizado durante o treinamento de web design, mas uma questão igualmente importante e muito menos discutida é a acessibilidade de fonte. Embora as imagens exijam tags de texto alternativo para permitir que deficientes visuais saibam o que está sendo exibido, acessibilidade de fonte bem feita tornará seu site mais disponível para todos.
Formatação, tipo de letra e variedade de fontes são fatores a serem levados em consideração ao criar e redigir o material porque o conteúdo digital tem a maioria das fontes acessíveis, o que é crucial para diminuir o barreiras a dados e informações ção.
Fatores que tornam o tipo legível
Comprimento da linha Estilo da fonte Seleção cuidadosa de serif ou sans Espessura da linha Tamanho do caractere
Características de acessibilidade da fonte
Existem vários características do texto do seu site que se qualificam como partes da acessibilidade da fonte.
Isso inclui:
Popularidade da fonte Cor da fonte Cor do plano de fundo O contraste entre a fonte e o plano de fundo Tamanho do texto Serifas do texto (ou falta delas)
Fontes Acessíveis
Fontes que são simples de ver, entender e compreender são conhecidas como fontes acessíveis. Acessibilidade na Web normalmente significa quando o termo “Acessibilidade de fonte” é usado. As principais variáveis determinantes para acessibilidade de fonte são tamanho, cor e contraste. Arial, Verdana, Tahoma, Calibri, Helvetica e Times New Roman estão entre as fontes muito fáceis de ler.
mensagem patrocinada
Fontes serifadas como Museo Slab , Rockwell e Arvo estão entre os outros tipos de letra prontamente disponíveis. Em vez do corpo do texto, os cabeçalhos são onde são utilizados com mais frequência. Os outros tipos de letra legíveis para interpretação de tela são fontes sem serifa.
Você pode limitar suas opções rapidamente se souber quais características procurar em um tipo de letra. Uma fonte inacessível tem as seguintes características:
Torna o conteúdo mais difícil de ler Desacelera a velocidade do leitor São atraentes Difícil distinguir caracteres
Importância das fontes na acessibilidade na Web
A maioria das informações em a web é transmitida no texto, juntamente com as vantagens exclusivas que sua empresa oferece. As fontes são cruciais, pois podem afetar seu sucesso comercial e mais de 30 milhões de pessoas sofrem de perda de visão.
Esse número inclui aqueles que continuam tendo problemas mesmo depois de usar óculos corretivos. Esse número continuará a aumentar à medida que a população envelhece e desenvolve mais problemas relacionados à idade e aos olhos. Algumas pessoas com deficiência visual têm problemas para ler algumas fontes. Pode ser difícil para pessoas com dislexia ler algumas fontes. A escolha do tipo de letra tem uma ampla variedade de efeitos relacionados à legibilidade.
Helvetica, Arial, Verdana e Courier estão entre as fontes que as pessoas com dislexia podem entender. Fontes sem serifa também podem ajudar pessoas com dislexia a obter melhores resultados. A maioria das pessoas nos EUA tem dislexia. Portanto, garantir que as fontes do site sejam legíveis ajudará seu conteúdo a atingir esse público.
Melhor tamanho de fonte para acessibilidade na Web
mensagem patrocinada
Cada pessoa que visita um site tem necessidades diferentes. Para uma melhor leitura, os visitantes precisarão de tamanhos de fonte pequenos ou grandes. Ems, Rems, Pixels e Points são quatro unidades diferentes usadas para medir tamanhos de fonte. Os tamanhos das fontes devem ser ajustados com precisão. Pode ser difícil ler tipos de letra muito grandes ou pequenos. O método ideal para os leitores é aumentar o zoom e selecionar seu tamanho de fonte preferido.
Tamanho do texto WCAG
Não há tamanho mínimo de texto sugerido nas Diretrizes de Acessibilidade de Conteúdo da Web (WCAG). Tamanhos menores que 12px não foram utilizados no passado, e 16px é o tamanho mais usado. Com a ajuda do WCAG, você pode aumentar o zoom em até 200% e ampliar o texto. Essa recomendação inclui a escolha da fonte, o tamanho da fonte, a escolha da cor e o contraste da cor. Todos esses elementos são cruciais para tornar seu material acessível.
Uma fonte comum é uma fonte ideal
A popularidade de uma fonte pode soar como um motivo estranho para escolhê-la ou não , mas se poucas pessoas instalarem essa fonte em seus computadores, poucas pessoas verão o site exibido usando a fonte pretendida. Se a fonte especificada de um site não for encontrada quando as pessoas o visitarem, o computador substituirá uma fonte comum instalada. No design, isso pode mudar drasticamente a aparência do seu site, por isso é melhor incluir uma ou duas opções de backup em seu CSS que serão carregadas se o visitante não tiver a primeira.
Cores e contraste
Certas cores, particularmente vermelho e verde, são as mais propensas a criar problemas de acessibilidade para daltônicos indivíduos. Se um site incluir essas cores, isso deixará apenas o contraste para evitar que o texto e o plano de fundo se misturem. Baixo contraste e cores estranhas tendem a parecer extravagantes e difíceis de ler, mesmo para quem não é daltônico, por isso é uma boa prática garantir que o texto e os planos de fundo tenham um forte contraste.
Tamanho do texto e serifas
O texto em seu site médio tem de 12 a 14 pontos de tamanho, mas você deve considerar seu público-alvo antes de seguir essa tendência. Se o seu site for voltado para idosos, um texto maior como tamanho padrão seria preferível porque os idosos tendem a ter mais problemas para ler textos pequenos. Da mesma forma, o uso de fontes sem serifa torna o texto mais agradável aos olhos ao visualizá-lo em um monitor.
Coloque à prova
Mesmo que você tenha tomado o cuidado de abordar cada um dos essas questões de acessibilidade, é sempre uma boa ideia testar seu site e garantir que você não perdeu nada ou fez um trabalho inadequado.
Aqui estão algumas ferramentas eficientes e gratuitas para testar a acessibilidade do seu site:
WAVE – Insira o URL de um site e obtenha feedback sobre todos os aspectos de acessibilidade usando ícones colocados diretamente no o próprio site. Roda de cores de acessibilidade – Selecione o plano de fundo e as cores do texto do seu site com resultados instantâneos mostrando contraste aceitável para acessibilidade. Esta ferramenta emula daltonismo para vermelho, verde e azul individualmente também e pode ser baixada para uso offline. Assistente de acessibilidade – detalha as responsabilidades de acessibilidade por posição de trabalho para uma equipe de desenvolvimento.
Fontes a evitar
Pode não ser exibido corretamente no dispositivo do leitor se você selecionar um tipo de letra menos usado em vez de um comum. Evite usar fontes com “formas de carta enganosas ou impostoras” que o leitor possa interpretar incorretamente.
Leitura adicional
Se você quiser se aprofundar mais no tópico, certifique-se de marque e leia os seguintes artigos:
Conclusão
Prestar atenção à acessibilidade da fonte garantirá que seu site alcance o público-alvo mais amplo possível, e fazer isso no estágio de design economizará o tempo e a energia que você gastaria ajustando as coisas mais tarde. Seu site ficará mais elegante devido à atenção extra aos detalhes, e polimento é sempre uma vantagem.
*Jennifer Moline escreve sobre freelancer, pequenas empresas e design para o blog PsPrint. A PsPrint é uma empresa de soluções de impressão online, que você pode seguir no Twitter e Facebook.