Hoje vamos mostrar como aumentar o contraste das páginas da web para torná-las mais legíveis. Muitas páginas da web usam cores pastel em fundos suaves que podem ser muito agradáveis para muitas pessoas, embora a falta de contrastes fortes possa tornar a experiência terrível para quem tem algum problema de visão.
Como aumentar o contraste das páginas da web para torná-las mais legíveis?
Os contrastes ajudam a identificar o texto nos fundos e, embora forçá-los possa prejudicar parte do efeito visual que você queria definir ao criar a página, pode ajudar a torná-la mais legível, o que, afinal, é o objetivo da divulgação do conteúdo.
Os navegadores não possuem este recurso nativo, não há como apertar o botão direito e ajustar o contraste da página que estamos visitando. Alguns monitores podem fazer isso, mas o resultado geralmente é bastante questionável, pois cada página da web pode responder a esses ajustes de uma maneira diferente.
O que apresento para vocês hoje é uma solução que pode ser aplicada no Chrome, Edge, Firefox, Brave e Vivaldi, um plugin que podemos instalar gratuitamente para abrir o controle que você pode ver na imagem acima, um painel para gerenciar e controlar melhor os contrastes do que estamos vendo.
Eles apresentam assim:
O texto de baixo contraste é o problema de acessibilidade mais comum e afeta 86,4% das páginas. Esta extensão gratuita baseada em tecnologia desenvolvida para Polypane (https://polypane.app) corrige automaticamente os problemas de contraste em qualquer site que você visite.
O algoritmo responsável encontra problemas de contraste e sugere automaticamente a cor mais próxima com contraste suficiente. É um recurso existente para quem cria sites com o Polypane, e eles usaram o mesmo código para criar um plugin gratuito que pode ajudar muitas pessoas.
A melhor coisa é que ele pode fazer os ajustes automaticamente, embora também possamos personalizá-lo, até mesmo pedindo para colocar um fundo preto atrás de cada texto para melhorar a legibilidade.
Você pode instalá-lo a partir de fix11y.com.