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>.

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

🧮

Калькулятор себестоимости изделия

Расчёт себестоимости: материалы, работа, накладные расходы. Наценка, маржа, рекомендуемая цена.

🧮

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

Определите норму глюкозы в крови по возрасту. Натощак, после еды, гликированный гемоглобин.

💻

Калькулятор когортного анализа (Retention)

Расчёт Retention, Churn Rate, LTV по когортам. Тепловая карта удержания пользователей, визуализация и экспорт в CSV.

🏠

Конвертер размеров одежды (RU/EU/US/UK)

Перевод размеров между российской, европейской, американской и британской системами. Мужская, женская, детская.

🏥

Калькулятор эпидемиологии

Относительный риск RR, отношение шансов OR, NNT, чувствительность/специфичность, R₀, размер выборки для исследований.

🧮

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

Расчёт полной стоимости обучения в российских вузах, налоговый вычет 13% (лимит 150 000 руб./год с 2024), сравнение вузов и перевод на бюджет.

💰

Калькулятор земельного налога

Рассчитайте земельный налог по кадастровой стоимости участка. Ставки 0,3% и 1,5%, вычет 600 м² для льготников, доля и период владения.

🏠

Калькулятор кондитера: пересчет рецептов

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

💻

Калькулятор код-ревью: время, размер PR, дефекты, нагрузка

Комплексный калькулятор код-ревью: оценка времени проверки кода, анализ размера PR (XS/S/M/L/XL), покрытие ревью и bus factor, плотность дефектов и escape rate, нагрузка команды ревьюеров, метрики качества (churn, rework, first-pass yield).

⚙️

Калькулятор ширины дорожки PCB

Минимальная ширина дорожки печатной платы по IPC-2221. Ток, нагрев, толщина меди — в мм и mil.

💻

URL Encode/Decode

Кодирование и декодирование URL-параметров онлайн. Поддержка кириллицы, percent-encoding, разбор URL на компоненты.

💻

Калькулятор электричества для ПК

Расчёт потребления электричества компьютером. При играх, работе, в простое. Стоимость в месяц.

💻

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

Подберите оптимальный интернет-тариф. Сравнение провайдеров (Ростелеком, МТС, Билайн, Дом.ру) по скорости, цене и технологии подключения (GPON, FTTB, xDSL, 4G/5G).

Калькулятор оптики (линзы, преломление, DoF)

Расчет фокусного расстояния, закон Снеллиуса и глубина резкости (DoF). Калькулятор для физики и фотографии.

🏥

Калькулятор MELD (MELD-Na)

Оценка тяжести заболеваний печени по шкале MELD и MELD-Na. Прогноз смертности и приоритет трансплантации.

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

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

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

Был ли этот калькулятор полезен?

⚖️

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

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

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

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

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