Проверувач на контраст на бои
Веднаш го проценува односот на контраст помеѓу бојата на текстот и бојата на позадината и дали го исполнува стандардот за читливост (WCAG AA)
Карактеристики
Веднашна проценка на контрастот
Само внесете боја на текст и боја на позадина и се прикажува дали WCAG AA е исполнет
Поддршка за избирач и за код
Задавање преку избор на боја или лепење на HEX, скратена форма и rgb()
Примерок во две големини
Веднаш проверете како навистина изгледаат обичниот текст и насловот
Боја што поминува со еден клик
Веднаш применете предлог-боја со променета светлина, а задржан тон
Како се користи
Задајте боја на текстот
Изберете со избирачот на бои или внесете код на боја во еден од форматите #333333, #333 или rgb(51, 51, 51)
Задајте боја на позадината
На ист начин задајте ја бојата на позадината. Резултатот се ажурира при внесување, без притискање копче
Проверете однос, исход и примерок
Проверете го односот на контраст, исходот за обичен и за голем текст, кратката оцена и изгледот на примерниот текст
Применете предлог-боја и проверете повторно
Ако не поминува, применете боја што поминува преку копчето за предлог, на пример „Смени ја бојата на текстот во …“. Со копчето за замена можете да ги разменете бојата на текстот и бојата на позадината
Случаи на употреба
Проверка на боите во слајдови и документи
Пред изработката проверете дали бојата на текстот и бојата на позадината во интерни документи и слајдови се читливи
Проверка на боите на веб-страница
Проверете дали боите на страницата или банерот го исполнуваат стандардот за пристапност (WCAG AA)
Одлука за употреба на бренд-бојата во текстот
Кога бренд-бојата се користи како боја на текст, одлучете колку темна треба да биде за да се користи во основниот текст
Поправка на комбинација што не поминува
Поправете ја посочената комбинација на бои во боја што поминува, задржувајќи го тонот
Основни знаења
Што е однос на контраст
Односот на контраст е показател што ја изразува разликата во светлина помеѓу бојата на текстот и бојата на позадината со вредност од 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 точки (24px) или повеќе, или задебелен текст од 14 точки (околу 18,7px) или повеќе.
- Обичен текст：Обичен текст е текст со големина што не спаѓа во голем текст, како основниот текст и белешките, и бара однос на контраст од најмалку 4,5 : 1.
- Врска со насловите：И насловот се третира како обичен текст ако е под 24px и не е задебелен, затоа треба да се провери не само големината туку и дебелината.
Безбедност и приватност
Целосно во прелистувачот
Внесените податоци се обработуваат само во вашиот прелистувач и не се испраќаат надвор.
Обработка само во браузер
пресметката на односот на контраст и предлозите за бои се врши целосно во вашиот браузер, а влезните податоци не се испраќаат на сервер.
Комуникацијата е шифрирана со HTTPS
Вчитување на страната исто така е шифрирано со TLS и содржината не може да се прочита од трети страни.
Без испраќање на трети страни
Содржината на влезот не се испраќа на надворешни услуги како реклами или праќачи.
Без автоматско зачувување на резултати
внесената боја на текстот и боја на позадината и влезни предлози не се зачувуваат на сервер.
Следете го RAKKOTOOLS на Google Пребарување
194 корисни алатки стануваат полесни за пронаоѓање преку Google Пребарување и AI пребарување!
- Се наоѓа во пребарувањето
- Се прикажува и во AI пребарување
- Откривање и на нови алатки
Информации за ажурирање
- update #337
Додаден е проверувач на контраст на бои за оценување на читливоста на бојата на текстот и бојата на позадината