Контраст тексеру құралын қалай қолдану керек
- 1
Екі түсті енгізіңіз
Мәтін түсі мен фон түсін HEX, rgb(), hsl() немесе oklch() форматында теріңіз не түсті таңдау үшін домалақ үлгіні ашыңыз.
- 2
Қорытындыны оқыңыз
Қатынас пен «Өтті» немесе «Өтпеді» деген бес жол қалыпты және үлкен мәтін үшін AA мен AAA деңгейін, сондай-ақ белгішелер мен жиектерге арналған 3:1 ережесін көрсетеді.
- 3
Түзетуді қолданыңыз
Деңгей өтпесе, талапқа сай келетін ең жақын қараңғырақ немесе ашығырақ мәтін не фонды таңдап, жаңа мәнді көшіріп алыңыз.
Шектеулер және Pro
Тегін және шектеусіз: тексеру саны шектелмейді, әр жұп үшін WCAG 2.2 бойынша 5 критерий, өтпеген деңгейге 2 ұсынылатын түзету және 7 түске дейінгі тор.
Контраст тексеру туралы
Бұл контраст тексергіш екі түстің жарықтығы бір-бірінен қаншалықты өзгеше екенін WCAG 2.2 стандартындағы салыстырмалы жарықтық формуласымен өлшейді. Браузердің қолжетімділік аудиттері мен дизайн плагиндері де дәл осы есептеуді қолданады. Нәтиже — 1:1 (бірдей түстер) мен 21:1 (ақ түстегі қара) аралығындағы қатынас. 1.4.3 сәттілік критерийі AA деңгейінде негізгі мәтінге 4,5:1, үлкен мәтінге 3:1 талап етеді; 1.4.6 AAA үшін оны 7:1 және 4,5:1 дейін көтереді; 1.4.11 фокус жиектері, енгізу өрісінің контуры, диаграмма сызықтары сияқты мәнді мәтінсіз элементтерге 3:1 талап етеді.
Тікелей үлгі сіздің түстеріңізбен мәтіннің екі өлшемін, контурлы түймені және белгішені көрсетеді, сондықтан санмен қатар оқылымдылықты да бағалай аласыз. Қатынас дөңгелектелмейді, екі ондық таңбаға дейін қысқартылады, өйткені 4,496:1 жұп 4,5:1 талабына жетпейді. Деңгей өтпесе, тексергіш бір түстің реңі мен қанықтығын сақтап, OKLCH жарықтығын іздейді және мәтін мен фон үшін бөлек ең жақын өтетін мәнді ұсынады.
Тексергіш тек біркелкі түстерге арналған. Ол фотосурет не градиент үстіндегі мәтінді, мөлдірлікті, белгілі бір экрандағы қаріп қалыңдығының көрінісін немесе WCAG 3 үшін ұсынылған жаңа APCA әдісін бағалай алмайды. Сондықтан өтуді ең төменгі шарт деп қабылдап, нақты экрандарда да тексеріңіз.
Құпиялылық
Екі түс те осы қойындыда қалады: қатынасты, өту мен өтпеуді тексеруді және ұсынылатын түзетулерді браузеріңіз есептейді, түс мәндері серверге жіберілмейді және сақталмайды.