Qual contraste de cor meu site deve ter?

Texto comum requer 4,5:1, texto grande 3:1

Para a maioria do texto em um website, aplica-se uma razão de contraste mínima de 4,5 para 1 entre a cor do texto e a cor de fundo. Para texto grande — a partir de aproximadamente 18 pontos, ou a partir de 14 pontos em texto em negrito — uma razão de 3 para 1 é suficiente. O mesmo limite mínimo de 3 para 1 também se aplica aos componentes da interface de usuário, como a borda de um campo de entrada ou um botão, e aos elementos gráficos necessários para compreender algo, como um ícone sem legenda.

Nem tudo se enquadra nesse requisito. Texto em um logotipo, texto puramente decorativo que não transmite significado, e texto que aparece acidentalmente em uma foto sem função, são isentos. Além disso, um elemento de controle desativado — um botão cinzento que não é clicável naquele momento — não precisa estar em conformidade com a norma. Uma verificação automática é capaz de medir razões de contraste e compará-las com a norma, mas avaliar essas exceções — este ícone é decorativo, este texto faz parte de um logotipo — requer análise humana, e é precisamente a parte que uma verificação automática não cobre.

Isto consta de WCAG 2.1, critérios de sucesso 1.4.3 e 1.4.11

Esses requisitos vêm diretamente de WCAG 2.1, o framework de conformidade em que EN 301 549 se materializa na prática. O critério de sucesso 1.4.3, Contraste (Mínimo), estabelece o limite de 4,5 para 1 para texto comum e 3 para 1 para texto grande. O critério de sucesso 1.4.11, Contraste de conteúdo não-textual, estabelece o mesmo limite mínimo de 3 para 1 para componentes da interface de usuário e objetos gráficos necessários para compreender sua função. Ambos os critérios pertencem ao nível AA, o nível que a diretiva estabelece como requisito.