O contraste é o primeiro a cair
A maioria dos temas escuros nasce de inverter as cores, e o texto cinzento que se lia bem no branco fica demasiado fraco no quase preto. As regras WCAG pedem um contraste de pelo menos 4,5 para 1 no texto normal. Branco puro sobre preto puro passa, mas cansa a vista, por isso usamos um branco suave sobre cinzento escuro e verificamos cada par de cores.
Os estados de foco desaparecem
Quem navega com o teclado precisa de ver onde está na página. Um contorno azul que funciona num fundo claro pode desaparecer num fundo escuro. Cada tema precisa da sua própria cor de foco, testada a percorrer todos os formulários e menus com a tecla Tab.
Imagens e logótipos dão o mesmo problema: um logótipo escuro num cabeçalho escuro simplesmente desaparece, por isso cada tema precisa da sua versão ou de um fundo claro por trás.
Como testamos
Corremos verificações automáticas com Lighthouse e axe nos dois temas e depois fazemos uma passagem manual com teclado e leitor de ecrã. Leva cerca de uma hora por modelo de página e apanha os problemas que custam clientes e posições no Google. O nosso verificador de sites grátis cobre o básico se quiser ver como está o seu.