Какъв контраст на цветове трябва да има моят уебсайт?

Обикновения текст изисква 4,5:1, голямата текст 3:1

За повечето текст на уебсайт се прилага минимален контрастен коефициент от 4,5 към 1 между цвета на текста и цвета на фона. За голям текст — начиная приблизително 18 пункт или от 14 пункт при удебелен текст — достатъчен е коефициент от 3 към 1. Същото минимално ограничение от 3 към 1 се прилага и за компонентите на потребителския интерфейс, като рамката на поле за вход или бутон, както и за графични елементи, които са необходими за разбиране на нещо, като икона без текст.

Не всичко попада под това изискване. Текстът в лого, текстът, който е чисто декоративен и няма значение, и текстът, който се появява случайно на снимка без функция, са изключени. Също така управляващ елемент, който е деактивиран — сив бутон, който в този момент не е кликван — не трябва да отговаря на стандарта. Автоматичен скан е способен да измери контрастните коефициенти и да ги сравни със стандарта, но оценката на тези изключения — е ли тази икона декоративна, принадлежи ли този текст на лого — изисква човешки поглед, и точно това е частта, която един скан не покрива.

Това е в WCAG 2.1, критерии за успех 1.4.3 и 1.4.11

Тези изисквания идват директно от WCAG 2.1, рамката за оценка, на която EN 301 549 фактически се свежда. Критерият за успех 1.4.3, Контраст (Минимум), определя лимита от 4,5 към 1 за обикновен текст и 3 към 1 за голям текст. Критерият за успех 1.4.11, Контраст на нетекстово съдържание, определя същото минимално ограничение от 3 към 1 за компонентите на потребителския интерфейс и за графични обекти, които са необходими за разбиране на техните функции. И двата критерия са част от ниво AA, нивото, което директивата определя като задължително.