Глоссарий веб-доступности

a11y

Accessibility (сокращение)

a11y — сокращение слова accessibility (доступность), где 11 обозначает количество букв между a и y. Широко используется в tech-сообществе как хештег #a11y и в названиях инструментов и конференций.

ADA

Americans with Disabilities Act

ADA — федеральный закон США (1990), запрещающий дискриминацию людей с инвалидностью. Title II (государственные учреждения) и Title III (частный сектор) распространяются на веб-сайты. В апреле 2024 DOJ выпустил финальное правило с техническими стандартами (WCAG 2.1 AA) для государственных сайтов с дедлайном апрель 2026.

Alt-текст

Alternative Text (альтернативный текст)

Alt-текст — текстовое описание изображения в атрибуте alt тега '<img>'. Screen reader зачитывает alt-текст незрячим пользователям. Декоративные изображения должны иметь пустой alt (alt=""). Информативные — краткое описание содержимого (до 125 символов).

ARIA

Accessible Rich Internet Applications

ARIA — спецификация W3C, определяющая набор HTML-атрибутов для улучшения доступности динамического веб-контента. Включает роли (role), состояния (aria-expanded, aria-hidden) и свойства (aria-label, aria-describedby). Первое правило ARIA: если есть нативный HTML-элемент с нужной семантикой — используйте его вместо ARIA.

Вспомогательные технологии

Assistive Technology (AT)

Вспомогательные технологии — устройства и программы, помогающие людям с инвалидностью пользоваться компьютером и интернетом. Screen reader (NVDA, JAWS, VoiceOver), программы увеличения экрана (ZoomText), альтернативные клавиатуры, eye-tracking, переключатели (switch devices).

Accessibility Overlay

Overlay (накладка доступности)

Overlay — JavaScript-виджет, добавляющий панель настроек поверх сайта (шрифты, контраст, курсор). Не изменяет реальный HTML-код страницы. National Federation of the Blind и 700+ специалистов (overlayfactsheet.com) утверждают, что overlay не обеспечивает реальное соответствие WCAG.

Accessibility Statement

Заявление о доступности

Accessibility Statement — публичный документ на сайте, описывающий уровень доступности ресурса, известные ограничения, контактную информацию для сообщений о проблемах и запланированные улучшения. Требуется EAA в ЕС и рекомендуется W3C WAI.

CLS

Cumulative Layout Shift

CLS — метрика Core Web Vitals от Google, измеряющая визуальную стабильность страницы. Хороший показатель: < 0.1. Элементы, сдвигающиеся после загрузки, увеличивают CLS и ухудшают SEO-ранжирование.

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

Color Contrast Ratio

Контраст цветов — числовое соотношение яркости текста и фона. WCAG 2.1 Level AA требует минимум 4.5:1 для обычного текста и 3:1 для крупного текста (>18pt или >14pt bold). Низкий контраст — самая распространённая ошибка: 81% сайтов имеют эту проблему (WebAIM).

Когнитивная доступность

Cognitive Accessibility

Когнитивная доступность — дизайн для людей с когнитивными ограничениями: дислексия, ADHD, аутизм, проблемы с памятью. Включает понятный язык, последовательную навигацию, минимум отвлечений, достаточное время для действий.

CAPTCHA

Completely Automated Public Turing test

CAPTCHA — тест для отличения человека от бота. Визуальные CAPTCHA (искажённый текст, выбор изображений) являются барьером для незрячих и людей с когнитивными ограничениями. WCAG требует альтернативный способ прохождения.

ДСТУ EN 301 549

ДСТУ EN 301 549:2022

ДСТУ EN 301 549:2022 — украинский национальный стандарт доступности ИКТ-продуктов, идентичный европейскому EN 301 549 v3.2.1. Включает требования к веб-сайтам (на основе WCAG 2.1 Level AA), мобильным приложениям, документам и терминалам самообслуживания.

Цифровая доступность

Digital Accessibility

Цифровая доступность — обеспечение возможности использования цифровых продуктов (сайтов, приложений, документов, видео) людьми с инвалидностью. Шире веб-доступности: включает мобильные приложения, PDF-документы, электронные книги, видео с субтитрами.

DOM

Document Object Model

DOM — древовидная структура HTML-страницы, создаваемая браузером для отображения и манипуляции контентом. Accessibility Tree — отдельная версия DOM, используемая screen reader для озвучивания страницы. Правильный DOM = правильный Accessibility Tree.

EAA

European Accessibility Act

EAA (Директива ЕС 2019/882) — закон Евросоюза, требующий доступности цифровых продуктов и услуг. Действует с 28 июня 2025 во всех 27 странах ЕС. Касается e-commerce, банков, телекома, транспорта. Технический стандарт: EN 301 549 (на основе WCAG 2.1 Level AA).

EN 301 549

Harmonised European Standard for ICT Accessibility

EN 301 549 — европейский стандарт доступности ИКТ-продуктов от ETSI/CEN/CENELEC. Версия 3.2.1 (2021) — гармонизированный стандарт для EAA. Для веба: на основе WCAG 2.1 Level AA. Также покрывает мобильные приложения, документы, ПО и оборудование.

E-E-A-T

Experience, Expertise, Authoritativeness, Trustworthiness

E-E-A-T — фреймворк Google для оценки качества контента. Experience: продемонстрированный опыт. Expertise: квалификация автора. Authoritativeness: авторитет домена. Trustworthiness: достоверность. Важно для SEO и AI-цитирования.

Индикатор фокуса

Focus Indicator / Focus Ring

Индикатор фокуса — видимый контур вокруг интерактивного элемента (ссылки, кнопки, поля) при получении фокуса клавиатуры. WCAG 2.4.7 (AA) требует видимый фокус. WCAG 2.2 добавил 2.4.11 (Focus Not Obscured) и 2.4.13 (Focus Appearance).

Ловушка фокуса

Focus Trap / Keyboard Trap

Ловушка фокуса — ситуация, когда пользователь клавиатуры не может выйти из элемента (модального окна, виджета) с помощью Tab или Escape. WCAG 2.1.2 (A) запрещает ловушки фокуса. Исключение: модальные окна ДОЛЖНЫ удерживать фокус, но ОБЯЗАНЫ иметь способ закрытия (Escape).

Доступность форм

Form Accessibility

Доступность форм — обеспечение возможности заполнения форм людьми с инвалидностью. Каждое поле нуждается в label (программно связанном через for/id или aria-label). Ошибки должны быть чётко описаны и связаны с полем. Форма должна работать с клавиатуры.

Иерархия заголовков

Heading Hierarchy

Иерархия заголовков — логическая структура h1-h6 на странице. Один h1 на страницу (заголовок). h2 — основные секции. h3 — подсекции. Не пропускать уровни. Screen reader использует заголовки для навигации. 42.7% страниц имеют пропущенные уровни заголовков (WebAIM).

Высокий контраст

High Contrast Mode

Высокий контраст — режим отображения с увеличенным контрастом между текстом и фоном. Windows High Contrast Mode (forced-colors) изменяет системные цвета. Сайт должен корректно работать в этом режиме. CSS media query: @media (forced-colors: active).

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

Keyboard Navigation

Клавиатурная навигация — возможность полного управления сайтом без мыши, только клавиатурой. Tab — переход между элементами, Enter — активация, Escape — закрытие, стрелки — навигация в меню/слайдерах. WCAG 2.1.1 (A) требует доступности всего функционала с клавиатуры.

Landmark

ARIA Landmark / HTML Landmark

Landmark — семантическая область страницы, помогающая навигации screen reader. HTML5 элементы: '<header>', '<nav>', '<main>', '<aside>', '<footer>'. ARIA роли: role="banner", role="navigation", role="main". Используйте HTML5 элементы вместо ARIA ролей где возможно.

Live Region

ARIA Live Region

Live Region — область страницы, изменения в которой автоматически озвучиваются screen reader. aria-live="polite" — озвучить когда удобно. aria-live="assertive" — озвучить немедленно (для ошибок, алертов). role="status" и role="alert" — встроенные live regions.

Overlay

Accessibility Overlay Widget

Overlay — JavaScript-виджет доступности, накладывающий изменения поверх страницы без модификации реального HTML. Продукты: AccessiBe, UserWay, EqualWeb. Критика: overlayfactsheet.com (700+ подписантов), NFB, FTC штраф AccessiBe $1M. Альтернатива: DNS-proxy подход (InclusiveWeb) — реальное исправление HTML до доставки посетителю.

POUR

Perceivable, Operable, Understandable, Robust

POUR — четыре принципа WCAG. Perceivable (Воспринимаемый): контент доступен для всех органов чувств. Operable (Управляемый): интерфейс работает различными способами. Understandable (Понятный): контент и навигация понятны. Robust (Надёжный): работает с различными технологиями, включая вспомогательные.

Role (ARIA)

ARIA Role

ARIA Role — атрибут, определяющий семантическую роль элемента для вспомогательных технологий. Типы: widget roles (button, checkbox, tab), document roles (article, heading), landmark roles (navigation, main), live region roles (alert, status).

Screen Reader

Экранный диктор

Screen Reader — программа, озвучивающая содержимое экрана для незрячих и слабовидящих пользователей. Популярные: NVDA (Windows, бесплатный), JAWS (Windows, коммерческий), VoiceOver (macOS/iOS, встроенный), TalkBack (Android, встроенный). 53.7% пользователей screen reader используют NVDA (WebAIM Survey 2024).

Section 508

Section 508 of the Rehabilitation Act

Section 508 — закон США, требующий доступности ИКТ от федеральных агентств. Обновлён в 2017 году с привязкой к WCAG 2.0 Level AA. Касается веб-сайтов, документов, ПО и оборудования, разрабатываемого или закупаемого федеральным правительством.

Семантический HTML

Semantic HTML

Семантический HTML — использование HTML-элементов по их назначению: '<button>' для кнопок (не '<div onclick>'), '<nav>' для навигации, '<h1>'-'<h6>' для заголовков. Screen reader понимает семантику нативных элементов. Div soup (всё на div) — самая распространённая архитектурная ошибка доступности.

Shadow DOM

Shadow DOM — технология Web Components, изолирующая DOM и стили виджета от основной страницы. Панель доступности InclusiveWeb использует Shadow DOM: стили панели не конфликтуют со стилями сайта. Это гарантирует корректную работу виджета на любом сайте.

Skip Link

Ссылка пропуска навигации

Skip Link — скрытая ссылка в начале страницы, появляющаяся при нажатии Tab, позволяющая перейти сразу к основному контенту, пропустив навигацию. WCAG 2.4.1 (A) требует механизм пропуска повторяющихся блоков.

Tab Order

Порядок табуляции

Tab Order — последовательность, в которой элементы получают фокус при нажатии Tab. Должен соответствовать визуальному порядку контента (слева направо, сверху вниз). WCAG 2.4.3 (A). tabindex="0" — добавляет в естественный порядок. tabindex > 0 — антипаттерн.

Текстовые альтернативы

Text Alternatives

Текстовые альтернативы — текстовый эквивалент нетекстового контента. WCAG 1.1.1 (A) требует альтернативы для: изображений (alt), видео (субтитры, аудиоописание), аудио (транскрипция), иконок (aria-label), CAPTCHA (audio альтернатива).

WAI

Web Accessibility Initiative

WAI — инициатива W3C (World Wide Web Consortium), разрабатывающая стандарты и рекомендации по веб-доступности. Основные продукты: WCAG (стандарт контента), ARIA (стандарт интерактивности), ATAG (стандарт для инструментов разработки), UAAG (стандарт для браузеров).

WAVE

Web Accessibility Evaluation Tool

WAVE — бесплатный инструмент проверки доступности от WebAIM. Доступен как веб-сервис (wave.webaim.org), расширение Chrome/Firefox и API. Показывает ошибки, предупреждения и структурные элементы прямо на странице. Не заменяет полный аудит: автоматические инструменты находят лишь 30-57% проблем.

WCAG

Web Content Accessibility Guidelines

WCAG — международный стандарт доступности веб-контента от W3C. Определяет технические критерии для доступности сайтов людьми с инвалидностью. Текущие версии: WCAG 2.1 (2018, 78 критериев) и WCAG 2.2 (2023, 87 критериев). Уровни: A, AA (рекомендуемый), AAA.

WCAG 2.1

Web Content Accessibility Guidelines 2.1

WCAG 2.1 (июнь 2018) — расширение WCAG 2.0 с 17 новыми критериями для мобильной доступности, слабовидящих и когнитивных ограничений. 78 критериев успеха. Базовый стандарт для EN 301 549 и EAA.

WCAG 2.2

Web Content Accessibility Guidelines 2.2

WCAG 2.2 (октябрь 2023) — последнее обновление стандарта. 87 критериев (+9 новых, -1 удалён). Новые критерии: Focus Not Obscured, Focus Appearance, Dragging Movements, Target Size Minimum, Accessible Authentication, Consistent Help, Redundant Entry.

Уровни WCAG

WCAG Conformance Levels (A, AA, AAA)

WCAG определяет три уровня: Level A (30 критериев в 2.2) — минимальная доступность. Level AA (24 критерия) — рекомендуемый стандарт, требуется EAA, ADA. Level AAA (33 критерия) — максимальная доступность, редко требуется полностью.

Веб-доступность

Web Accessibility

Веб-доступность — практика создания веб-сайтов, доступных для всех людей, независимо от инвалидности, возраста или технологий. Включает совместимость со screen reader, клавиатурную навигацию, достаточный контраст, субтитры для видео. 96.3% сайтов имеют ошибки доступности (WebAIM Million 2025).