Доступность сайта

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

Версия от

Для кого сайт

Мы делаем сайт прежде всего для людей старше 55 лет. Многие читают с телефона, вечером, когда глаза устали. У кого-то снижено зрение, у кого-то дрожат руки или болят суставы пальцев. Сайт должен быть удобен им и работать без мыши и с программами экранного доступа.

Стандарты

Мы ориентируемся на международный стандарт WCAG 2.2, уровень AA[1]1Web Content Accessibility Guidelines (WCAG) 2.2 — W3C, 2023В список источников →. Это набор проверяемых требований к тексту, контрасту, навигации и формам.

В России действует ГОСТ Р 52872-2019 о доступности интернет-ресурсов для людей с инвалидностью[2]2ГОСТ Р 52872-2019 Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности — Росстандарт, 2019В список источников →. Он основан на WCAG 2.1, и мы используем его как ориентир. Формальную оценку соответствия ГОСТу сайт пока не проходил.

Ещё мы учитываем рекомендации W3C для пожилых пользователей[3]3Developing Websites for Older People: How WCAG 2.0 Applies — W3C WAI, 2018В список источников →.

Что уже сделано

Эти требования заложены в сайт, и мы проверяем их перед каждой публикацией. Внешнего аудита пока не было: подробнее в разделе «Известные ограничения».

Настройки чтения «Aa»

Кнопка «Aa» в шапке открывает настройки чтения. В них можно выбрать размер текста: 100, 118 или 135 %. Там же есть переключатель «Анимация»: он выключает движение на всём сайте. Те же настройки продублированы в подвале каждой страницы. Выбор хранится только в вашем браузере, а кнопка «Забыть мои отметки» его сбрасывает.

Текст и читаемость

  • Основной текст набран кеглем 18–20 пикселей с межстрочным интервалом 1,6.
  • Строка не длиннее 70 знаков: так глазу проще найти начало следующей.
  • Текст не выравнивается по ширине, поэтому между словами нет «дыр».
  • Страница перестраивается при увеличении до 200 % и на экранах шириной от 320 пикселей.
  • Предложения короткие, термины объясняются при первом упоминании.

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

  • Контраст основного текста с фоном не ниже 7:1 там, где это возможно, и не ниже 4,5:1 везде.
  • Фон слегка приглушён, поэтому экран меньше бликует.
  • Цвет не бывает единственным носителем смысла: ссылки подчёркнуты, у состояний есть подписи.

Клавиатура и фокус

  • Сайтом можно пользоваться без мыши: клавишами Tab, стрелками и Enter.
  • Элемент в фокусе обведён видимой рамкой толщиной 2 пикселя. Мы её не скрываем.
  • В начале страницы есть ссылка «Перейти к содержанию», чтобы пропустить меню.
  • Закреплённая шапка не перекрывает элемент, на который вы перешли с клавиатуры.
  • Кнопки и ссылки не меньше 24 × 24 пикселей, главные кнопки не меньше 44 × 44.

Анимация и движение

  • Если в настройках устройства включено «Уменьшить движение», сайт сам отключает анимацию.
  • Ничего не мигает и не движется само по себе, каруселей на сайте нет.

Схемы и структура

  • У каждой схемы есть подпись и текстовое описание для программ экранного доступа.
  • Всё важное из схем и интерактивных блоков есть в тексте. Если компонент не загрузился, страница остаётся полной.
  • Заголовки идут по порядку, главный заголовок на странице один. Навигация, содержание и подвал размечены семантически.
  • Английские термины помечены атрибутом языка, чтобы синтезатор речи читал их правильно.

Формы

  • У каждого поля есть видимая подпись. Ошибки описаны словами, не только цветом.
  • Время заполнения не ограничено.
  • Мы не используем CAPTCHA с картинками.
  • Многошаговая форма не просит вводить одни данные дважды.

Известные ограничения

  • Формального аудита по WCAG 2.2 и ГОСТ Р 52872-2019 с внешними экспертами не было. Мы проверяем сайт автоматическими инструментами, клавиатурой и программами NVDA и VoiceOver. Что-то могли упустить.
  • Интерактивные схемы, например сборка протеза, сложны для экранного доступа. Для них есть текстовая версия, но она менее наглядна.
  • Видео на сайте пока нет. Если оно появится, добавим субтитры и расшифровку.
  • Английская версия сайта развивается вслед за русской. На некоторых страницах доступность может отставать.
  • Документы других организаций, например клинические рекомендации и научные статьи, могут быть недоступны. Повлиять на них мы не можем.

Сообщить о проблеме

Текст трудно читать или что-то не работает с клавиатуры? Напишите на info@osteoplusx.ru с темой «Доступность». Укажите:

  • адрес страницы;
  • что вы пытались сделать и что пошло не так;
  • устройство, браузер и вспомогательную программу.

Отвечаем в рабочие дни, в течение 24 часов. Проблему постараемся исправить в ближайшем обновлении. Данные о здоровье в письме не нужны: мы обрабатываем только то, что нужно для ответа[4]4Федеральный закон № 152-ФЗ «О персональных данных» — КонсультантПлюс, 2006В список источников →.

По этому адресу мы отвечаем на вопросы об удобстве сайта. Навигатор не врач: диагноз и лечение — у вашего лечащего врача.

Поддержка доступности

Доступность мы проверяем при каждом обновлении сайта. Перед публикацией смотрим контраст, порядок заголовков, описания изображений и работу с клавиатуры. Эту страницу пересматриваем минимум раз в 12 месяцев.

Источники (4)