Түс контрастыны тексеру
Мәтін түсі мен фон түсінің контраст коэффициентін және оқу қалыптарының критерийін (WCAG AA) ішінде анықтау
Ерекшеліктер
Контраст коэффициентін бірден анықтау
Мәтін түсі мен фон түсін енгізу арқылы WCAG AA өтпесін көрсету
Сайлаушы мен код екеуіне қолдау
HEX, қысқа нысан, rgb() орналастыруы мен түс таңдауы арқылы көрсету
2 өлшемді іспетті көрсету
Қалыпты мәтін мен сөздің басының іс жүзінде көрінісін ішінде тексеру
Өтпе түсін бір шертімен
Түс сипатын сақтап жарықтығын өзгерткен ұсынылған түсті бірден ұсыну
Пайдалану тәсілі
Мәтін түсін көрсету
Түс сайлаушысын қолдану арқылы таңдау немесе #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 контраст коэффициенті болады.
WCAG-ның AA мен AAA-ның айырмашылығы
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 арқылы шифрленеді және үшінші тұлғалар оның мазмұнын оқи алмайды.
Үшінші тұлғаларға жіберілмейді
Ынамдау желісі немесе трекер сияқты сыртқы қызметтерге енгізу мазмұны жіберілмейді.
Нәтижелер автоматты түрде сақталмайды
Енгізілген мәтін түсі немесе фон түсі немесе енгізу ұсыныстары серверде сақталмайды.
Google іздеуінде RAKKOTOOLS қадағалаңыз
193 пайдалы құрал Google іздеу және AI іздеуінен оңай табылады!
- Іздеуде табылады
- AI іздеуде де көрсетіледі
- Жаңа құралдарды ашыңыз
Жаңарту ақпараты
- update #337
Түстік контрастты тексерілді қосу, мәтін түсі мен фондық түстің оқылымдылығын анықтау