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

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

⚙️

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

Расчёты керамики: шихта, обжиг, усадка, прочность, глазурь, плотность и пористость

💻

Калькулятор юнит-экономики

Расчёт LTV, CAC, Payback Period и LTV/CAC. Оценка юнит-экономики бизнеса: маржинальность, вклад на покрытие, сравнение каналов.

💻

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

Расчёт системы видеонаблюдения: количество камер, хранилище, стоимость монтажа.

🏗️

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

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

🏥

Расчёт объёма трансфузии

Расчёт объёма переливания эритроцитарной массы, тромбоконцентрата, СЗП. Оценка кровопотери и допустимого объёма.

⚙️

Калькулятор аэрокосмический: баланс топлива и Delta-v

Расчет баланса топлива (формула Циолковского) и планирование бюджета Delta-v для космических миссий. Оценка возможностей ракеты.

🏗️

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

Расчёт водостока: желоба, трубы, воронки, кронштейны, хомуты.

💻

NLP Калькулятор: токенизация, TF-IDF, BLEU, перплексия

Комплексный калькулятор обработки естественного языка (NLP). Токенизация текста (GPT, BERT, T5), сходство текстов (Jaccard, косинусное, Левенштейн), TF-IDF, оценки BLEU/ROUGE, параметры эмбеддингов, перплексия и энтропия.

🏭

Калькулятор штрихкода (EAN/UPC) и упаковки

Проверка контрольной цифры штрихкодов (EAN-13, EAN-8, UPC) и расчет параметров упаковки (объем, вес).

🏗️

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

Расчёт расхода смеси наливного пола: площадь, толщина, количество мешков.

🏗️

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

Расчёт керамзита для утепления: фракция, объём, вес. Утепление пола, чердака, фундамента.

🏠

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

Программа растяжки: оценка гибкости, план тренировок, прогресс к шпагату. Упражнения по целям и уровню.

🧮

Калькулятор франшизы

Паушальный взнос, роялти, срок окупаемости, ROI и чистая прибыль. Для России 2024–2025.

🌿

Калькулятор биофизики: потенциал Нернста, диффузия и радиационная доза

Биофизические расчёты онлайн: уравнение Нернста, Гольдмана-Ходжкина-Катца, закон Фика, электрофорез, радиационная доза (ОБЭ).

💻

Калькулятор размера Docker-образа

Оценка размера Docker-образа по базовому образу и зависимостям. Сравнение base images, советы по оптимизации и multi-stage сборке.

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

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

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

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

⚖️

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

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

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

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

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