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>.
СМЕЖНЫЕ ИНСТРУМЕНТЫ

Похожие калькуляторы

15

Калькулятор веб-производительности: бюджет страницы, изображения, JS-бандл, CWV

Комплексный калькулятор веб-производительности: бюджет веса страницы (3G/4G/Broadband), оптимизация изображений (WebP/AVIF, responsive), анализ JS-бандла (parse/compile, code-splitting, tree-shaking), критический путь рендеринга (TTFB, FCP), стратегия кэширования (CDN, TTL) и трекер Core Web Vitals (LCP, FID, CLS, TTI, TBT, Lighthouse score).

/web-performance-calculator

Калькулятор расстояния между координатами (геокодер)

Рассчитайте точное расстояние между двумя точками по широте и долготе. Формула Хаверсина. Поддержка поиска адресов.

/geocoding-distance-calculator

Калькулятор контрастности (WCAG), шрифтов и сетки

Инструменты UI/UX дизайнера. Проверка контрастности цветов (WCAG AA/AAA), расчет модульной сетки и подбор типографической шкалы.

/contrast-grid

Калькулятор Responsive Margin/Padding (Clamp generator)

Генератор CSS функции clamp() для адаптивных отступов и шрифтов. Создайте отзывчивый дизайн (fluid spacing) от мобильных до десктопа онлайн.

/responsive-helper

Калькулятор CSS единиц (PX, REM, EM, %)

Конвертер пикселей в rem/em и генератор calc(). Удобный инструмент для верстки и адаптивного дизайна.

/css-unit-converter

Объединить PDF онлайн — без загрузки на сервер

Склейка PDF в браузере через pdf-lib. До 20 файлов, до 50 МБ каждый. Локально, без отправки на сервер (152-ФЗ).

/obyedinit-pdf-onlajn-besplatno

Сжать PDF онлайн — уменьшить размер локально

Сжатие PDF в браузере без потери качества. 3 уровня (object streams, удаление метаданных). До 50 МБ. Через pdf-lib, локально.

/szhat-pdf-onlajn-umenshit-razmer

Разделить PDF на страницы — извлечь нужные онлайн

Разделение PDF на страницы локально: каждая страница отдельным файлом, диапазон или группами. Через pdf-lib, без отправки на сервер.

/razdelit-pdf-na-stranicy-onlajn

JPG в PDF — конвертер с объединением

Конвертация JPG/PNG в PDF в браузере: до 30 картинок в один документ. Форматы A4/A3/Letter или подгонка под изображение.

/jpg-v-pdf-konverter

Повернуть страницы PDF онлайн

Поворот всех или указанных страниц PDF на 90/180/270° за миллисекунды. Lossless. Через pdf-lib, без отправки на сервер.

/povernut-pdf-stranitsy-onlajn

Водяной знак на PDF онлайн (кириллица)

Нанесение текстового знака («КОНФИДЕНЦИАЛЬНО», «ЧЕРНОВИК») на все страницы PDF. Поддержка русского текста через Canvas. 4 положения, регулировка прозрачности.

/dobavit-vodyanoj-znak-na-pdf

Нумерация страниц PDF онлайн

Проставьте номера страниц PDF в браузере: 4 формата, 6 положений, пропуск титульной, кастомный старт. Поддержка кириллицы. Через pdf-lib + Canvas.

/numerovat-stranitsy-pdf-onlajn

PDF в JPG / PNG — конвертер страниц

Рендеринг каждой страницы PDF в картинку через pdfjs-dist (Mozilla). 4 уровня качества: 96 / 150 / 300 DPI и lossless PNG. До 50 МБ.

/pdf-v-jpg-konverter-onlajn

Извлечь текст из PDF онлайн

Извлечение текста из PDF в браузере через pdfjs-dist (Mozilla). Plain text, с разделителями страниц или JSON. Файлы не уходят на сервер.

/extract-text-iz-pdf-onlajn

Сжать JPG до 100 КБ для документов

Сжатие JPG до точного размера в КБ (50, 100, 200, 500, 1000) через бинарный поиск quality. Госуслуги, ЕГЭ, банки. Через browser-image-compression.

/szhat-jpg-onlajn-do-100kb
Лиана Арифметова
АВТОРverifiedред. calcal.ru

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

Создатель и главный редактор

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

Mathematical Engineering · МФТИ · редактирует каталог с 2012 года

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

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ

Инструмент справочный — не заменяет эксперта

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

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

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

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