Доступность сайта
Как сайт 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)
Данные проверены
- Web Content Accessibility Guidelines (WCAG) 2.2
- ГОСТ Р 52872-2019 Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности
- Developing Websites for Older People: How WCAG 2.0 Applies
- Федеральный закон № 152-ФЗ «О персональных данных»