Who can use: Ferramenta para testar a acessibilidade das cores do seu site
comentada em 06/02/2020 18:43

Acessibilidade é um dos temas mais importantes (e negligenciados) no desenvolvimento de software. Uma má escolha de cores pode tornar o site inacessível ou cansativo para quem tem problemas de visão.
Por isso queria indicar essa ferramenta (Who Can Use), que serve pra testar duas cores (background e foreground) e verificar se elas são acessíveis a pessoas com problemas de visão. Ela atribui um "contrast ratio"[1] e dá uma nota (padronizada pelo WCAG - Web Content Accessibility Guidelines[2]).
Testando as cores principais aqui do site o resultado é esse:


O contrast ratio deve idealmente estar acima de 7:1. O do site é 11,45:1, então tá ótimo e acessível  . Além das notas, também dá pra ver uma simulação de como pessoas com alguma deficiência visual "enxergam" essa combinação de cores[3]  

Como exemplo, se a cor de fundo fosse um pouco mais escura e o texto um pouco mais claro o resultado seria:



Nesse caso, quem tem a visão perfeita ainda consegue ler sem problemas, mas essa combinação de cores tornaria a leitura inacessível pra muita gente.
Referências:
[1] The Science of Color Contrast — An Expert Designer’s Guide
[2] Web Content Accessibility Guidelines (WCAG) Overview | Web Accessibility [REMOVIDO] (WAI) | W3C
[3] Who Can Use