Представьте: человек с нарушением зрения пытается записаться к врачу через сайт клиники. Скринридер зачитывает ему всё подряд — логотип, телефон, 30 пунктов меню, баннер акции — и только потом, может быть, добирается до формы записи. А форма не подписана: вместо «Введите имя» — тишина. Вместо «Выберите специалиста» — набор непонятных элементов.
Это не гипотетический сценарий. Это реальность российских медицинских сайтов в 2026 году. Мы проверили — и вот что нашли.
Что мы проверили
Мы провели масштабное кабинетное исследование доступности 91 сайта медицинских клиник из 10 городов России — частных, государственных и федеральных центров. Для сравнения — международные бенчмарки: NHS UK, Mayo Clinic, Cleveland Clinic и Charité (Берлин).
В выборку вошли клиники из Москвы, Санкт-Петербурга, Екатеринбурга, Нижнего Новгорода, Казани, Краснодара, Новосибирска, Самары, Челябинска и Саратова.
Методология
В отличие от типичных аудитов на основе HTML-снимков, мы использовали headless-браузер Chromium (через Python + Playwright). Каждый сайт загружался с полным выполнением JavaScript — так же, как его видит реальный пользователь. После рендеринга мы инъектировали axe-core — промышленный стандарт автоматического тестирования доступности — и анализировали DOM по 10 ключевым критериям WCAG 2.1 AA:
- Автоматические проверки axe-core (контраст, ARIA, alt-тексты, формы, ссылки)
- Alt-тексты изображений
- Иерархия заголовков (h1 → h2 → h3)
- Подписи полей форм (label, aria-label)
- ARIA-ориентиры (nav, main, banner)
- Ссылка пропуска навигации (skip-to-content)
- Кликабельные телефоны (tel:)
- Атрибут языка (lang)
- Типографика (базовый размер шрифта)
- Фокусируемые элементы
Это важно: многие современные сайты клиник построены на React, Vue или других JS-фреймворках. Анализ raw HTML без рендеринга даёт искажённую картину.
Главные цифры
| Метрика | Результат |
|---|---|
| Средний axe-core score | 82% |
| NHS UK (эталон) | 100% |
| Диапазон российских клиник | 33–94% |
| Сайтов со skip-ссылкой | 11 из 91 (12%) |
| Кликабельный телефон | 78 из 91 (86%) |
| Атрибут lang | 77 из 91 (85%) |
Пять самых частых проблем
1. Недостаточный контраст текста
Самая массовая проблема. На сайтах Медцентрсервис — 96 элементов с нарушением контраста, Семейный доктор — 89, К медицина — 83, Он Клиник — 80, Бест Клиник — 79. Минимальный коэффициент контраста по WCAG AA — 4.5:1 для обычного текста.
Где искать: серые подписи под полями, кнопки CTA со светлым текстом на цветном фоне, мелкий текст в футерах, акционные баннеры с белым текстом на фотографии.
2. Формы записи без подписей
Онлайн-запись к врачу — ключевой сценарий для сайта клиники. И именно эти формы недоступны.
У EMC — 0% полей формы имеют label. У Клиника Союз — 0% (22 неподписанных поля), Чайка — 0%, Лахта Клиника — 0% (10 полей). Placeholder не заменяет label: скринридер не читает placeholder после фокуса на поле.
Для сравнения: NHS UK — 100%, Мать и дитя Москва — 100%, ГКБ Боткина — 92%.
3. Нет пропуска навигации (skip-to-content)
Только 11 из 91 сайтов (12%) имеют ссылку для пропуска навигации. Для пользователя скринридера это значит: при каждом переходе на новую страницу — прослушивание всего меню заново.
Среди лидеров: Hadassah, НМИЦ онкологии Блохина, Лечебный Центр, Клинический госпиталь на Яузе, Биосс, Charité. Это одна строка HTML + пара строк CSS — но 88% российских медицинских сайтов её не имеют.
4. Нарушенная иерархия заголовков
У более чем половины проверенных сайтов нарушена иерархия заголовков — пропуски уровней (h1 → h3 вместо h1 → h2 → h3). Скринридеры позволяют навигацию по заголовкам, и пропуски уровней сбивают пользователя.
5. Изображения без описаний
НМИЦ Пирогова: 134 изображения, ноль с alt-текстом. САДКО — 0% alt-текстов. Фотографии врачей, изображения отделений, иконки — всё без описаний.
Топ-10: лучшие сайты по доступности
| Место | Клиника | Город | axe% |
|---|---|---|---|
| 1 | Семья клиник СОВА | Саратов | 94% |
| 2 | Лотос | Челябинск | 93% |
| 3 | НИИ Склифосовского | Москва | 92% |
| 4 | Клиника Екатерининская | Краснодар | 92% |
| 5 | Бест Клиник | Москва | 91% |
| 6 | Лечебный Центр | Москва | 91% |
| 7 | Клинический госпиталь на Яузе | Москва | 91% |
| 8 | Медси | Москва | 90% |
| 9 | К медицина | Москва | 90% |
| 10 | Чайка | Москва | 90% |
Лидер среди российских — Семья клиник СОВА (Саратов, 94%). Интересно, что региональные клиники показывают результаты не хуже московских.
Международные бенчмарки
| Клиника | Страна | axe% | Skip | Lang | Формы |
|---|---|---|---|---|---|
| NHS UK | Великобритания | 100% | + | + | 100% |
| Cleveland Clinic | США | 90% | - | + | — |
| Charité | Германия | 92% | + | + | 0% |
NHS UK остаётся эталоном: 100% axe-score, skip-ссылка, все формы подписаны. Но даже крупные западные клиники не идеальны — у Cleveland Clinic нет skip-ссылки, у Charité — 0% подписей на формах.
Что медицинские сайты делают хорошо
Два позитивных тренда:
Кликабельные телефоны. 86% сайтов используют tel: ссылки — позвонить в клинику можно одним нажатием.
ARIA-ориентиры. Большинство сайтов используют семантические элементы <nav>, <main>, <header>, <footer>. Это значительно помогает навигации скринридерами.
Почему это важно для клиник
Потеря пациентов. По данным ВОЗ, более 15% населения имеют ту или иную форму инвалидности. В группе 55+ (основная аудитория медицинских сайтов) этот процент ещё выше. Недоступная запись на приём = потерянные пациенты.
SEO. Google учитывает метрики доступности в ранжировании. Семантическая разметка, alt-тексты, структура заголовков — всё это улучшает позиции в поиске.
Юридические риски. С развитием законодательства о доступности (44-ФЗ для госучреждений, ГОСТ Р 52872, тренд на European Accessibility Act) клиники могут столкнуться с требованиями соответствия.
Репутация. В эпоху инклюзивности забота о доступности — это сигнал о клиентоориентированности. Особенно для медицинских учреждений, чья миссия — помогать людям.
Что можно сделать за один день
Чек-лист из 10 пунктов, которые разработчик клиники может исправить за 1–2 рабочих дня:
- Проверить контраст текста (инструмент: axe DevTools в Chrome)
- Ассоциировать все
<input>в формах с<label for="..."> - Добавить
aria-labelна кнопки-иконки - Добавить
titleна все<iframe> - Добавить ссылку skip-to-content
- Заполнить alt-тексты на фотографиях врачей
- Проверить иерархию заголовков (один h1, далее h2 → h3)
- Указать
lang="ru"на<html> - Обеспечить видимый
:focusдля клавиатурной навигации - Удалить устаревшие элементы (
<marquee>,<blink>)
Полный отчёт исследования с данными по 91 клинике и чек-лист доступности медицинского сайта доступны по запросу. Напишите нам, и мы проведём бесплатный экспресс-аудит доступности вашего сайта.
UsabilityLab проводит аудиты доступности с 2006 года. Мы помогли более 1800 компаниям улучшить цифровые продукты — от мобильных приложений до корпоративных систем.