Светлосиви текст на белој позадини може на први поглед изгледати елегантно и минималистички — и бити потпуно нечитљив за кориснике са оштећеним видом, јаким сунчевим зрацима на екрану или само уобичајеним напрезањем очију на крају радног дана. Контраст боја је један од „најтехничнијих“ критеријума приступачности — постоје тачни бројеви које треба испунити — али је такође један од најлакших за тестирање и исправљање унапред.
Укратко — шта овај водич покрива
Које односе ВЦАГ захтева
ВЦАГ дефинише однос контраста као број између 1:1 (уопште нема контраста — идентична боја) и 21:1 (максимални могући контраст — чисто црно на чисто бело). На нивоу АА (обавезни ниво на већини места, укључујући Израел), услов је однос од најмање 4,5:1 између обичног текста и позадине иза њега. На строжим ААА нивоу, захтев се повећава на 7:1.
Why Large Text Is Allowed Less Contrast
Велики текст остаје читљив чак и са нижим контрастом, тако да му ВЦАГ поставља лакши праг: 3:1 на нивоу АА (уместо 4,5:1) и 4,5:1 на нивоу ААА (уместо 7:1). „Велики текст“ се дефинише као текст величине 18 тачака или већи (око 24 пиксела) или 14 тачака или већи (око 18,7 пиксела) ако је подебљан. Велики наслови, на пример, могу „приуштити“ нешто мањи контраст од обичног текста и и даље испуњавати услове.
Како проверити однос контраста у пракси
Нема потребе да се израчунава ручно — бесплатни алати као што је ВебАИМ Цонтраст Цхецкер вам омогућавају да унесете текст и кодове боја позадине и одмах добијете тачан однос и оцену прошао/неуспео за сваки ниво. Вреди проверити не само текст на чврстој позадини, већ и текст преко позадинских слика или градијената — где контраст може да варира између различитих области исте слике, тако да је најбоље да тестирате „најпроблематичније“ место.
💡 Практични савет
Не само текст: исти захтев за контраст (на лакшем прагу, 3:1) се такође примењује на графичке компоненте корисничког интерфејса као што су обриси поља обрасца, функционалне иконе и ивице дугмади — не само на слова.
Како унапред изабрати доступну палету боја
Најефикаснији приступ је провера контраста у фази дизајна шаблона, а не у сваком документу посебно. Када бирате боје бренда за наслове, основни текст и везе, вреди унапред потврдити да свака комбинација текста и позадине коју заиста користите испуњава најмање 4,5:1. На овај начин, сваки нови документ креиран из шаблона аутоматски "наслеђује" одговарајући контраст, уместо да проверава сваки документ посебно након што је већ написан.
Желите да знате да ли ваши документи испуњавају услове за контраст?
Наш алат проверава контраст боја као део аутоматског скенирања сваке ПДФ датотеке на вашем сајту.
Скенирајте свој сајт бесплатно ←