Проверка на контраста (WCAG)
Бледосивият текст върху бяло изглежда изчистен на добър екран в тъмна стая. На телефон под слънце от него не остава нищо. Проверката показва отношението между двата цвята по стандарта и къде точно пада.
- По WCAG 2.1
- Поправя цвета
- Работи в браузъра
Едър текст — заглавие на секция
Основен текст. Точно този размер решава дали страницата се чете лесно, или посетителят присвива очи и си тръгва.
Контраст —
- AA · основен текстнужни 4.5 : 1
- AAA · основен текстнужни 7 : 1
- AA · едър текстнужни 3 : 1
- AAA · едър текстнужни 4.5 : 1
- Бутони, икони, рамкинужни 3 : 1
Как се работи с инструмента
Задайте двата цвята
Пишете hex или избирате от квадратчето. В браузърите, които поддържат пипета, цветът се взима направо от екрана.
Погледнете отношението
Под него стои какво покрива: 4.5:1 е прагът за основен текст, 3:1 стига за едър текст и за бутони и икони.
Поправете, ако пада
Бутонът намира най-близкия цвят, който минава — променя се само светлотата, тонът остава, за да не се разпадне бранд стилът.
Често задавани въпроси
Двете нива на WCAG. AA изисква 4.5:1 за основен текст и е практическият стандарт, който се търси и по договори. AAA изисква 7:1 и се спазва рядко — обикновено при сайтове за администрация и здравеопазване.
От 24px нагоре, или от 19px нагоре, ако е получер. За него прагът пада на 3:1, защото дебелата буква се чете по-лесно при същия контраст.
Да. WCAG 2.1 иска поне 3:1 за границите на полета, иконите и всичко, което носи смисъл — не само за текста.
За сайтове на държавната администрация в България — да. За частните сайтове изискването идва по друг път: през договори с корпоративни клиенти, през европейския акт за достъпност и през самия факт, че нечетимият текст отблъсква купувачи.
Другите ни инструменти
QR код за визитка (vCard)
Безплатен генератор на QR код за визитка. Попълвате данните, а инструментът прави vCard код, който телефонът разпознава и записва контакта с едно сканиране.
Генератор на силни пароли
Безплатен генератор на силни пароли и лесни за запомняне фрази. Дължина, знаци и правила по ваш избор, с оценка на устойчивостта — паролата се създава във вашия браузър.
Проверка на силата на парола
Безплатна проверка на парола: колко е силна, за колко време се разбива и какво ѝ липсва. Проверката тече в браузъра — паролата не се изпраща никъде.
Генератор на QR код
Безплатен генератор на QR код за линк или текст. Въвеждате адреса, а кодът се появява веднага и се изтегля в SVG или PNG с висока резолюция.
От блога
Идеи за онлайн бизнес
Как да си направим сайт
Как да си направим блог + трафик
Видимост в AI търсенето: как сайтът ви да попада в отговорите
AI чатбот за малък бизнес: кога помага и кога пречи
Достъпност на сайта: какво се изисква и откъде да започнете
Първопартийни данни: как да съберете своя списък с клиенти
Идеи за корпоративни подаръци за служители и клиенти
Умен дом – цени, съвети, идеи
Ролята на температурата в офиса
Какво е NFC и как работи?
Рекламна агенция: как да изберете правилната
Най-ефективните стратегии за интернет реклама
Интернет реклама или реклама в интернет
Ролята на съдържанието в успешната интернет реклама
Как да създадете ангажиращи рекламни послания онлайн
Ремаркетинг: какво представлява и как да го използвате
Произход на уеб дизайна
Разлика между онлайн платформа и електронен магазин
Бизнес план за онлайн магазин
Къде да продаваме ръчно изработени неща?
Класиране в Google: факторите, които имат значение
SEO текстове – трикове и практики
SEO заглавие – пълно ръководство
Осигуряване като собственик и управител на фирма
Прекратяване на трудов договор
Блог на сайт – какво го прави толкова важен
