Избор боја које свако може да прочита
Аутор Тим AsasWeb 1 мин читања
WCAG захтева однос контраста од најмање 4,5:1 за основни текст и 3:1 за велики текст и елементе интерфејса. Поуздан начин да достигнете те циљеве је да их уградите у палету од почетка, изаберете тамно мастило и светлу подлогу који пролазе са резервом, а затим проверите сваки пар боја алатом за контраст. Никада не сигнализирајте ништа само бојом и проверите тамни режим засебно, јер палета која пролази на белом може да падне на скоро црном.
Текст ниског контраста изгледа елегантно у дизајнерском алату, а нестаје у стварном животу: на сунцу, на јефтином екрану или некоме са смањеним видом. Приступачне боје нису о замагљивању вашег бренда. Реч је о томе да се обезбеди да људи заиста могу да их прочитају.
Познајте циљеве
WCAG поставља јасне минимуме. Текст тела треба однос контраста од најмање 4,5 према 1 наспрам своје позадине. Велики текст, од око 24 пиксела, и елементи корисничког интерфејса требају најмање 3 према 1. То су подови, не циљеви, и лако их је проверити било којим алатом за контраст.
Уградите контраст у вашу палету
Трик је да дизајнирате палету око ових циљева од почетка, уместо да откривате неуспехе на крају. Изаберите тамно мастило и светлу површину које удобно пролазе, затим изаберите акцентне боје које раде и као текст и као испуне. На овом сајту, сваки пар боја је документован са измереним односом, тако да ништа не пропадне.
Не ослањајте се само на боју
Боја никада не би требало да буде једини начин да нешто означите. Обавезно поље, грешка, линк у пасусу: сваком треба други знак као што је текст, икона или подвлачење. Људи који не опажају разлике у боји и даље требају поруку.
Имајте на уму тамни режим
Палета која пролази у светлом режиму може да падне у тамном режиму, где боја бренда која је изгледала добро на белом може бити превише тамна на скоро црној површини. Свака тема треба своје проверене вредности.
Третирамо контраст као измерен број, не као нагађање. Ако нисте сигурни да ваше боје бренда пролазе, покрените пројекат и ревидираћемо их и пронаћи палету која је и у складу са брендом и читљива.