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

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

🏥

Конвертер диоптрий ↔ фокусное расстояние

Перевод оптической силы (диоптрии) в фокусное расстояние и обратно. Онлайн калькулятор для физики и оптики.

⚙️

Калькулятор акустики помещения (RT60)

Время реверберации RT60 по формуле Сабина. Подбор акустической обработки для студии и кинотеатра.

🏥

Калькулятор прогноза финиша марафона

Прогноз времени финиша на марафоне и полумарафоне по результатам коротких дистанций. Формулы Ригеля, Кэмерона, VO2max.

💻

Калькулятор Data Warehouse: хранилище, запросы, схема, партиции, стоимость, SCD

Комплексный калькулятор хранилища данных (DWH). Оценка размера факт- и измерительных таблиц, производительность запросов, сравнение Star и Snowflake схем, стратегия партиционирования, стоимость BigQuery/Redshift/Snowflake/ClickHouse/Yandex, SCD Type 1/2/3.

💰

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

Оцените различные инвестиционные стратегии: усреднение стоимости (DCA), ребалансировка портфеля, сложный процент. Сравнение доходности и рисков.

🧮

Калькулятор удобрений NPK

Рассчитайте нормы внесения удобрений для сельскохозяйственных культур. Расчёт NPK баланса, подбор видов удобрений и стоимость применения.

🏥

Калькулятор логопедии: речевое развитие, заикание, дисфагия и SSI-4

Логопедические расчёты онлайн: оценка речевого развития, индекс разборчивости речи, скорость речи, дисфагия DOSS, заикание SSI-4.

🌿

Калькулятор биотехнологии: ПЦР, ферментация и генная инженерия

Биотехнологические расчёты онлайн: концентрация ДНК/РНК (OD260), температура отжига праймеров, кинетика Михаэлиса-Ментен, масштабирование биореактора.

💰

Калькулятор для фрилансера (самозанятый, ИП)

Сравните налоговые режимы: самозанятый (НПД 4/6%), ИП на УСН 6/15%, Патент. Расчет чистого дохода и оптимального режима.

💰

Калькулятор аннуитетов (PV, FV, рента)

Рассчитайте приведенную и будущую стоимость аннуитета, размер платежа, растущую ренту и бессрочную ренту. Пренумерандо и постнумерандо.

💻

Калькулятор нейронных сетей: архитектура, градиенты, активации

Проектирование архитектуры нейросети (Dense, Conv2D, LSTM, Attention), анализ обратного распространения и градиентов, сравнение функций активации, Learning Rate scheduler, Batch Normalization и регуляризация (L1/L2, Dropout, Weight Decay).

🌿

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

Классификация горных пород по TAS и AFM, нормативный состав CIPW, магнезиальность Mg#, геотермический градиент, литостатическое давление.

⚙️

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

Расчёты сварки: режимы, расход материалов, предварительный нагрев, прочность шва, деформации

Калькулятор магнитного поля

Магнитная индукция прямого провода, соленоида и сила Лоренца. Результат в Тл, мТл, мкТл.

🏥

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

Точный расчет даты родов (ПДР) и текущего срока беременности по дате последней менструации, дате зачатия или узи.

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

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

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

⚖️

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

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

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

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

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