calcal.ru
Accessibility Calculator v1.0

Калькулятор веб-доступности

Контрастность цветов, размеры шрифтов, ARIA-совместимость, клавиатурная навигация, скринридеры и полная оценка WCAG 2.1 — все инструменты a11y в одном месте.

Загрузка калькулятора доступности...
6
Модулей проверки
WCAG 2.1
Стандарт W3C
ГОСТ
Р 52872-2019
28
Критериев WCAG

Зачем нужен калькулятор доступности?

Веб-доступность (a11y) обеспечивает равный доступ к контенту для людей с инвалидностью. По данным ВОЗ, более 1 миллиарда человек в мире живут с ограниченными возможностями. В России требования закреплены в ГОСТ Р 52872-2019 и Федеральном законе №181-ФЗ.

WCAG 2.1 — международный стандарт

Web Content Accessibility Guidelines (WCAG) 2.1 — набор рекомендаций W3C для обеспечения доступности веб-контента. Три уровня: A (базовый), AA (рекомендуемый), AAA (повышенный). Большинство законодательств требует соответствия уровню AA.

4 принципа: Воспринимаемость, Управляемость, Понятность, Надёжность

Контрастность — основа читабельности

Коэффициент контрастности определяет, насколько хорошо текст читается на фоне. WCAG требует минимум 4.5:1 для обычного текста (AA) и 7:1 для повышенного уровня (AAA). Для крупного текста (18pt+) допускается 3:1. Для конвертации цветовых значений используйте калькулятор цветов.

Контраст = (L1 + 0.05) / (L2 + 0.05), где L — относительная яркость

Веб-доступность в России: ГОСТ Р 52872-2019

Веб-доступность напрямую влияет на SEO-показатели сайта: поисковые системы учитывают a11y при ранжировании. В Российской Федерации требования к доступности веб-контента закреплены в ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью».

Стандарт основан на WCAG 2.1 и распространяется на государственные сайты, социально значимые интернет-ресурсы и мобильные приложения. Федеральный закон №181-ФЗ «О социальной защите инвалидов в РФ» обязывает обеспечивать доступность информации для людей с ограниченными возможностями.

W3

WCAG 2.1

Международный стандарт W3C. Основа ГОСТ Р 52872. Уровни A/AA/AAA.
ГС

ГОСТ Р 52872-2019

Российский национальный стандарт доступности. Обязателен для госсайтов.
ФЗ

181-ФЗ

Федеральный закон о социальной защите инвалидов. Требует обеспечения доступности.
РФ

Приказ Минкомсвязи №483

Методические рекомендации по обеспечению доступности сайтов госорганов.

Возможности калькулятора

CC

Контрастность цветов

Расчёт коэффициента контрастности WCAG 2.1. Проверка AA/AAA для обычного и крупного текста. Визуальный предпросмотр.

Aa

Размеры шрифтов

Конвертер rem/em/px/pt. Проверка минимальных размеров. Touch-target 44x44px по WCAG 2.5.5. Типографическая шкала.

AR

ARIA-совместимость

Чеклист ARIA-атрибутов, landmark-регионов, ролей. Оценка от 0 до 100 с весовыми коэффициентами.

KB

Клавиатурная навигация

Анализ tab-порядка, детектор ловушек фокуса, проверка конфликтов горячих клавиш с браузером, skip-ссылки.

SR

Скринридеры

Покрытие alt-текстами, иерархия заголовков, метки форм, live-регионы, порядок чтения DOM.

WC

Оценка WCAG 2.1

Полный чеклист уровней A/AA/AAA. Подсчёт проблем по серьёзности. Прогноз трудозатрат на исправление.

Часто задаваемые вопросы

WCAG 2.1 (Web Content Accessibility Guidelines) — международный стандарт W3C, описывающий требования к доступности веб-контента для людей с инвалидностью. Он включает критерии по четырём принципам: воспринимаемость (perceivable), управляемость (operable), понятность (understandable), надёжность (robust). Три уровня: A (базовый), AA (рекомендуемый, требуется по закону во многих странах), AAA (повышенный). В России ГОСТ Р 52872-2019 основан на WCAG 2.1.
Для уровня AA: 4.5:1 для обычного текста (менее 18pt или 24px) и 3:1 для крупного текста (18pt+ обычный или 14pt+ жирный). Для уровня AAA: 7:1 для обычного и 4.5:1 для крупного текста. Для нетекстовых UI-элементов (границы полей ввода, иконки) требуется 3:1 по критерию 1.4.11. Формула контраста: (L1 + 0.05) / (L2 + 0.05), где L — относительная яркость по sRGB.
ГОСТ Р 52872-2019 обязателен для государственных сайтов и социально значимых интернет-ресурсов. Для коммерческих сайтов он носит рекомендательный характер, но Федеральный закон №181-ФЗ требует обеспечивать доступность информации для инвалидов. Компании всё чаще внедряют стандарт добровольно: это расширяет аудиторию, улучшает SEO (Google учитывает a11y) и снижает юридические риски.
ARIA (Accessible Rich Internet Applications) — спецификация W3C, добавляющая семантику к HTML для скринридеров. Основные атрибуты: role (роль элемента: dialog, tab, alert), aria-label (текстовая метка), aria-labelledby (ссылка на элемент с меткой), aria-describedby (описание), aria-live (динамический контент), aria-hidden (скрытие от скринридера), aria-expanded (состояние раскрытия). Правило №1 ARIA: если можно использовать нативный HTML-элемент — используйте его вместо ARIA.
По WCAG 2.5.5 (уровень AAA) минимальный размер интерактивного элемента — 44x44 CSS-пикселя. Критерий 2.5.8 (уровень AA, WCAG 2.2) допускает 24x24px с условием достаточных отступов. Apple Human Interface Guidelines рекомендует 44pt, Material Design — 48dp. Для мобильных устройств 44x44px — минимум для комфортного нажатия пальцем. Маленькие кнопки увеличивают ошибки и разочарование пользователей.
Используйте реальные скринридеры: NVDA (Windows, бесплатный), JAWS (Windows, платный), VoiceOver (macOS/iOS, встроенный), TalkBack (Android, встроенный). Проверьте: все изображения имеют alt-текст, заголовки идут по порядку (h1→h2→h3), поля форм имеют метки, динамический контент объявляется через aria-live, порядок чтения DOM совпадает с визуальным. Автоматические инструменты: axe DevTools, Lighthouse, WAVE — находят до 40% проблем, остальное — ручное тестирование.
Skip-ссылка (skip navigation link) — скрытая ссылка в начале страницы, появляющаяся при нажатии Tab. Она позволяет пользователям клавиатуры и скринридеров перейти сразу к основному контенту, минуя шапку, навигацию и другие повторяющиеся блоки. Требуется по критерию WCAG 2.4.1 (уровень A). Реализация: <a href="#main" class="sr-only focus:not-sr-only">Перейти к содержимому</a>.

Похожие инструменты

🏥

Калькулятор кофеина и привычек

Узнайте свою смертельную дозу кофеина и сколько лет жизни тратите на игры, соцсети и сон. Научный подход к привычкам.

Калькулятор аналоговых схем

Расчет коэффициента усиления (Av, Ai, Ap, дБ) и схем смещения биполярных транзисторов (Fixed, Emitter, Divider Bias).

🧮

Калькулятор разведения лекарственных препаратов

Расчёт пропорций разведения лекарств для инъекций. Формула C1V1=C2V2, серийные разведения, разведение порошков.

🏥

Калькулятор тренировочного объёма

Рассчитайте объём: сеты × повторения × вес. Анализ недельного объёма по группам мышц с ориентирами MEV, MAV, MRV.

🏗️

Калькулятор системы полива

Расчёт материалов и стоимости системы полива: капельный, дождевание, микрокапельный. Трубы ПНД, фитинги, контроллеры, датчики, насосы.

🏗️

Калькулятор стяжки пола

Расчёт цементно-песчаной стяжки: объём, цемент, песок, вода, армирование.

Калькулятор механики (физика)

Универсальный калькулятор физики: скорость, ускорение, сила (F=ma), момент силы, энергия, работа и мощность. Все формулы в одном месте.

🧮

Калькулятор прививок (календарь вакцинации)

Календарь вакцинации РФ по возрасту. Национальный календарь прививок, сроки ревакцинации.

🧮

Калькулятор кровли

Длина стропил, высота конька, угол наклона и площадь крыши. Для односкатных и двухскатных крыш.

🧮

Калькулятор стоимости сотрудника

Зарплата, НДФЛ, страховые взносы ПФР/ФСС/ФОМС, отпускные, больничные. Для работодателей России.

🏥

Калькулятор процента жира

Определите процент жира в организме по методу ВМС США. Точнее, чем весы-анализаторы.

🏠

Калькулятор мероприятий: бюджет, площадка, кейтеринг

Калькулятор организации мероприятий. Бюджет конференции, корпоратива, выставки. Площадка, кейтеринг, оборудование, программа.

🧮

Калькулятор взноса на капитальный ремонт

Расчёт ежемесячного взноса на капремонт по вашему региону. Ставки по всем регионам России. Льготы пенсионерам и инвалидам.

⚙️

Калькулятор гидроэнергетики: мощность ГЭС, турбины и малые ГЭС

Расчёты гидроэнергетики: мощность ГЭС (P = ρgQHη), выбор турбины (Пельтон/Фрэнсис/Каплан), малые ГЭС, AEP, гидрология.

💻

SEO-калькулятор: плотность ключевых слов, мета-теги, контент, бэклинки, трафик

Комплексный SEO-калькулятор: анализ плотности ключевых слов, проверка мета-тегов (Title, Description, H1), оценка качества контента и читабельности, ценность бэклинков (DA/DR, анкоры), прогноз трафика по позициям (CTR) и влияние скорости загрузки (Core Web Vitals) на конверсии.

Лиана Арифметова
Создатель

Лиана Арифметова

Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».

⚖️

Отказ от ответственности

Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.

Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.

Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.

Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.