🌓Проверка контраст на цветове

Какво е съотношението на контраста

Съотношението на контраста е показател, който представя разликата в яркостта между цвета на текста и цвета на фона чрез числа от 1:1 до 21:1. Комбинацията от черно и бяло е максимална 21:1, а същите цветове са минимална 1:1.

• Как работи изчисленето：Съотношението на контраста се изчислява чрез преобразуване на двата цвята в относителната светлина на sRGB, добавяне на 0,05 към светлината както на по-светлия, така и на по-тъмния цвят и разделяне на резултатите.
• Насоки за числовата стойност：За бял фон (#FFFFFF), сивото #777777 има съотношение на контраста 4,47:1, #999999 има 2,84:1, а черното (#000000) има 21:1.

Разлика между AA и AAA в WCAG

WCAG е международни указания за достъпността на уебсъдържанието и определят критериите за съответствие на съотношението на контраста на две нива: AA и AAA.

• AA (стандартен уровень)：AA е критерий, който изисква съотношение на контраста 4,5:1 или повече за обикновения текст и 3,0:1 или повече за големия текст, и е стандартният уровень, към който целят повечето уебсайтове.
• AAA (по-строг уровень)：AAA е критерий, който изисква съотношение на контраста 7:1 или повече за обикновения текст и 4,5:1 или повече за големия текст, с цел достъпност за хора със слабо зрение.

Определение на големия текст

Големият текст според WCAG се отнася до текст приблизително 18 точки (24 пиксела) или повече, или наболева текст 14 точки (около 18,7 пиксела) или повече.

• Обикновен текст：Обикновенният текст е текст, който не попада в категорията на големия текст, и се отнася до четимо съдържание като основен текст или забележки, което изисква съотношение на контраста 4,5:1 или повече.
• Връзка със заглавията：Заглавията, които са по-малки от 24 пиксела и не са наболева, се третират като обикновен текст, поради което е необходимо да се проверят както размерът, така и теглото.