Перейти к содержимому

Доступность · W3C

WCAG 2.2 AA.

Рекомендации по доступности веб-контента

WCAG (Web Content Accessibility Guidelines) — руководство W3C по обеспечению доступности веб-контента для людей с ограниченными возможностями. Уровень AA является обязательным стандартом для государственных сайтов ЕС согласно директиве об общедоступности. Google также учитывает доступность при оценке качества сайта.

Что это

На каких принципах строится WCAG?

Коротко: WCAG строится на четырёх принципах: Воспринимаемость (контент доступен через разные органы чувств), Управляемость (навигация с клавиатуры и без мыши), Понятность (текст читаем, поведение предсказуемо) и Устойчивость (совместимость с вспомогательными технологиями). Уровень AA включает 50+ критериев успеха.

Наш подход

Почему это важно и как мы работаем?

Зачем

Почему это важно.

  • 15% населения мира имеют те или иные ограничения возможностей
  • Обязательно для госсайтов ЕС (директива 2016/2102)
  • Google использует семантику и alt-тексты для ранжирования
  • Снижает юридические риски в ряде стран
  • Улучшает UX для всех пользователей, включая мобильных

Как мы соблюдаем

Как мы реализуем WCAG 2.2 AA.

  • Семантическая HTML-разметка с правильной иерархией заголовков (H1–H6)
  • Контраст текста минимум 4.5:1 (AA) и 7:1 (AAA) где возможно
  • Alt-тексты для всех значимых изображений
  • Полная поддержка клавиатурной навигации и focus-состояний
  • ARIA-атрибуты для интерактивных компонентов
  • Субтитры и транскрипты для видео- и аудиоконтента
  • Тестирование с экранными читалками (NVDA, VoiceOver)

Польза для бизнеса

Что это даёт вашему бизнесу?

Доступный сайт охватывает более широкую аудиторию и лучше индексируется поисковиками. Семантическая вёрстка и alt-тексты напрямую влияют на позиции в Google. В Испании и ЕС наличие WCAG-соответствия снижает правовые риски и открывает доступ к государственным тендерам.

Что мы делаем по WCAG 2.2 AA?

ШагЧто делаем
1Семантическая HTML-разметка с правильной иерархией заголовков (H1–H6)
2Контраст текста минимум 4.5:1 (AA) и 7:1 (AAA) где возможно
3Alt-тексты для всех значимых изображений
4Полная поддержка клавиатурной навигации и focus-состояний
5ARIA-атрибуты для интерактивных компонентов
6Субтитры и транскрипты для видео- и аудиоконтента
7Тестирование с экранными читалками (NVDA, VoiceOver)

Что значат эти стандарты?

GDPR
Регламент Евросоюза о защите персональных данных, действует с мая 2018 года и касается всех сайтов с аудиторией из ЕС.
ISO 27001
Международный стандарт управления информационной безопасностью: как защищать код, данные и доступы на каждом этапе работы.
WCAG 2.2 AA
Рекомендации W3C по доступности сайтов; уровень AA требует, например, контраст текста не ниже 4.5:1 и управление с клавиатуры.
ISO 9001
Самый распространённый в мире стандарт управления качеством: требования к процессам разработки и сдачи работы.

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

Evgenii Slepinin, founder of SEO7, systems architect

Что спрашивают о WCAG 2.2 AA?

На каких принципах строится WCAG?

WCAG строится на четырёх принципах: Воспринимаемость (контент доступен через разные органы чувств), Управляемость (навигация с клавиатуры и без мыши), Понятность (текст читаем, поведение предсказуемо) и Устойчивость (совместимость с вспомогательными технологиями). Уровень AA включает 50+ критериев успеха.

Почему WCAG 2.2 AA важен для бизнеса?

15% населения мира имеют те или иные ограничения возможностей. Обязательно для госсайтов ЕС (директива 2016/2102). Google использует семантику и alt-тексты для ранжирования. Снижает юридические риски в ряде стран. Улучшает UX для всех пользователей, включая мобильных.

Как SEO7.ES применяет WCAG 2.2 AA?

Семантическая HTML-разметка с правильной иерархией заголовков (H1–H6); Контраст текста минимум 4.5:1 (AA) и 7:1 (AAA) где возможно; Alt-тексты для всех значимых изображений; Полная поддержка клавиатурной навигации и focus-состояний; ARIA-атрибуты для интерактивных компонентов; Субтитры и транскрипты для видео- и аудиоконтента; Тестирование с экранными читалками (NVDA, VoiceOver).

Что это даёт вашему бизнесу?

Доступный сайт охватывает более широкую аудиторию и лучше индексируется поисковиками. Семантическая вёрстка и alt-тексты напрямую влияют на позиции в Google. В Испании и ЕС наличие WCAG-соответствия снижает правовые риски и открывает доступ к государственным тендерам.

Какие ещё стандарты вы соблюдаете?

Кроме WCAG 2.2 AA, в каждом проекте мы работаем по GDPR, ISO 27001, ISO 9001. Требования всех стандартов закладываем в проект с самого начала, а не добавляем после запуска.

WCAG 2.2 AA

Хотите работать по этим стандартам?

Свяжитесь с нами — обсудим, как внедрить стандарты в ваш проект.