01
Сірий текст дрібним шрифтом
Світло-сірі літери на білому тлі виглядають охайно на макеті. Людині зі слабким зором чи старшому пацієнту такий текст важко розібрати, особливо на телефоні надворі.
Доступність сайту клініки
Версія для людей з вадами зору: великий шрифт, контраст, клавіатура
Серед пацієнтів клініки багато людей старшого віку й тих, хто погано бачить. Робимо так, щоб вони могли прочитати ціну, знайти телефон і записатися: збільшений шрифт, контрастні кольори, керування з клавіатури, підписи до зображень.
- Текст масштабується разом із браузером
- Навігація без мишки
- Сумісність із читачами екрана
Перший крок
- Безкоштовний розрахунок
Кожен заклад індивідуальний. Точну суму називаємо після короткого брифу, до початку робіт.
2015
рік заснування LightSEO
- запущених проєктів
- 250+
- сайт, SEO та реклама в одному місці
- 1 команда
- безкоштовно усуваємо недоліки після запуску
- 30 днів
Знайома ситуація
Де сайти клінік підводять пацієнтів зі слабким зором
02
Збільшили масштаб – зламалась сторінка
Пацієнт збільшує масштаб у браузері, і меню наїжджає на текст, кнопка запису ховається за краєм екрана. Він не може дійти до форми й дзвонить або йде до іншого закладу.
03
Картинки без опису й кнопки без назв
Людина з читачем екрана чує "зображення, зображення, кнопка". Розклад у картинці, фото прайсу, іконка телефону без підпису – для неї цієї інформації на сайті немає.
Як це працює
Пацієнт за сімдесят записується до кардіолога сам
Чоловік сімдесяти років хоче записатися до кардіолога. Зір у нього слабкий, зазвичай його записує онука. Удома за комп'ютером він збільшує масштаб браузера: текст переноситься на нові рядки, меню не наїжджає на заголовок, кнопка запису лишається на екрані. Ціни на сторінці послуги подані текстом з достатнім контрастом, тому й у збільшеному вигляді лишаються чіткими.
Форма запису має кілька полів з чіткими підписами. Він помиляється в номері телефону, і поруч з'являється пояснення словами, що саме виправити. Заявка надходить адміністратору, а пацієнт отримує SMS-підтвердження. Цього разу онука не знадобилась.
- Старші пацієнти записуються самі
- Менше дзвінків з уточненнями
- Сайт зручний для всіх відвідувачів
Що входить
Що входить у роботу над доступністю
- Перевірка контрасту тексту, кнопок і посилань у дизайні
- Шрифти й відступи, зручні для читання з телефона й комп'ютера
- Перевірка сторінок при збільшенні масштабу в браузері
- Перемикач шрифту й контрасту – окремим етапом, якщо він потрібен закладу
- Навігація клавіатурою з видимим фокусом
- Альтернативний текст для фото лікарів і зображень послуг
- Підписи полів і зрозумілі повідомлення про помилки у формах
- Ціни, розклад і контакти текстом, без картинок
- Інструкція для адміністратора: як додавати фото й тексти доступно
Як ми працюємо
Від брифу до перших пацієнтів: п'ять кроків
Ви надаєте матеріали й погоджуєте результат. Решту робить наша команда.
- 01
Бриф і розрахунок
Збираємо структуру послуг, лікарів і прайс. Готуємо розрахунок і специфікацію під ваш заклад.
- 02
Дизайн і структура
Підбираємо дизайн на основі шаблонів Light-med, погоджуємо макети й вносимо правки.
- 03
Наповнення
Переносимо послуги, ціни й лікарів, готуємо тексти та фото, налаштовуємо форми запису.
- 04
Запуск
Підключаємо домен, зберігаємо старі адреси редиректами 301, перевіряємо швидкість і безпеку. Тридцять днів усуваємо недоліки безкоштовно.
- 05
Просування
Щомісяця ведемо SEO, GEO та Google Ads і звітуємо про позиції, запити та записи.
Питання
Що запитують перед стартом
Чим версія для слабозорих відрізняється від звичайного сайту?
Це той самий сайт, зроблений читабельним: достатній контраст, текст масштабується разом із браузером, навігація клавіатурою, alt-тексти до зображень, зрозумілі заголовки. Зміст і адреси сторінок однакові, окремої копії сайту немає. Окремий перемикач розміру шрифту й контрасту розробляємо окремим етапом, якщо закладу це потрібно.
Чи відповідає сайт стандарту доступності?
Ми закладаємо конкретні речі: контраст, масштабування, навігацію клавіатурою, підписи до зображень і полів. Сертифікатів відповідності стандарту не видаємо. Якщо закладу потрібна формальна перевірка, її проводить незалежний фахівець, і ми виправляємо зауваження з його звіту.
Чи працює сайт із програмами, які читають текст уголос?
Так. Розмічаємо сторінки так, щоб читач екрана правильно оголошував заголовки, меню, кнопки й поля форми. Фото лікарів отримують опис, іконки – назви. Перед запуском проходимо основні сторінки й форму запису з читачем екрана.
Хто стежить за доступністю, коли ми самі додаємо контент?
Шаблони сторінок уже мають правильну структуру заголовків і кольори з достатнім контрастом, тому новий текст оформлюється так само. Адміністратору даємо коротку інструкцію: підписувати фото, не публікувати прайс картинкою, не писати важливий текст на зображенні.
Чи можна зробити доступним наш поточний сайт?
Залежить від того, як він зроблений. Частину проблем, як-от контраст чи підписи до фото, можна виправити на місці. Якщо сторінки ламаються при збільшенні й не працюють з клавіатури, швидше запустити сайт на платформі Light-med з редиректами 301 зі старих адрес.
Скільки коштує версія для людей з вадами зору?
Основні рішення доступності входять у дизайн сайту на платформі Light-med. Перевірку сторінок і, якщо він потрібен, окремий перемикач шрифту й контрасту враховуємо в специфікації. Точну суму називаємо після короткого брифу, до початку робіт. Розрахунок безкоштовний.
Розрахунок
Отримайте розрахунок для вашого закладу
Залиште контакти. Передзвонимо в робочий день з 9:00 до 18:00 й запропонуємо план запуску сайту та просування.
- Розрахунок безкоштовний
- Відповідаємо протягом одного робочого дня
- Аванс лише після погодження специфікації
- Telegram@LightSEOUA
- Телефон095 430-06-28
- Електронна поштаlightseoua@gmail.com
- Графік роботиПн–Пт: 9:00–18:00
Версія для людей з вадами зору: для кого вона на сайті клініки
Медичний сайт читають люди, яким це часто дається важче, ніж іншим: пацієнти старшого віку, люди зі слабким зором, ті, хто дивиться на екран телефона надворі при яскравому сонці. Для них дрібний сірий текст, картинки замість цін і кнопки, до яких не дістатися з клавіатури, означають одне: записатися онлайн не вийде. Версія для людей з вадами зору і загальна доступність сайту клініки вирішують цю проблему ще на етапі дизайну.
Доступність закладаємо в основний сайт
Окремою кнопкою користуються не всі, хто погано бачить, тому основні правила діють на кожній сторінці завжди. Текст і кнопки мають достатній контраст із тлом. Базовий шрифт зручний для читання, рядки не надто довгі, між абзацами є відступи. Сторінка витримує збільшення масштабу в браузері: текст переноситься, меню згортається, кнопка запису не зникає за краєм екрана. Важливі позначки підписуємо словами, щоб їх розумів і той, хто не розрізняє кольори.
Сайт клініки для слабозорих: перемикач окремим етапом
Деякі заклади хочуть ще й кнопку, яка вмикає більший шрифт і контрастну тему. Вбудованого перемикача на платформі немає: такий перемикач розміру шрифту й контрасту оцінюємо на брифі й розробляємо окремим етапом, якщо закладу це потрібно. Без нього сайт уже читабельний: людина збільшує масштаб у браузері чи системний шрифт на телефоні, і сторінка підлаштовується. Зміст, ціни й адреси сторінок лишаються ті самі, тому окрему копію сайту підтримувати не треба.
Клавіатура й читачі екрана
Частина людей із вадами зору користується програмами, які читають сторінку вголос, і переходить між елементами клавіатурою. Для них важливо, щоб структура сторінки була зрозуміла без картинки:
- заголовки йдуть по порядку, тому сторінку можна переглянути за ними;
- меню, вибір послуги, дата й кнопка запису доступні клавішею Tab, фокус видно;
- фото лікарів мають опис з ім'ям і спеціальністю, іконки – назви;
- поля форм підписані, помилки пояснюються текстом поруч із полем.
Перед запуском проходимо головну, сторінку послуги, картку лікаря й форму запису клавіатурою і з читачем екрана.
Ціни, розклад і контакти текстом
Прайс-довідник Light-med виводить ціни текстом на сторінках послуг, тому їх можна збільшити, прочитати вголос і знайти пошуком. Розклад лікарів, адреси відділень і телефони теж подаємо текстом. Скан прайсу чи графік на картинці для людини з читачем екрана просто не існує.
Старші пацієнти й телефон
Людина похилого віку часто відкриває сайт з телефона, на якому вже збільшений системний шрифт. Тому мобільну версію перевіряємо окремо: кнопки дзвінка й запису великі й підписані словами, поля форми не дрібніють, номер телефону натискається одним дотиком. Дзвінок для такого пацієнта часто зручніший за форму, тому номер відділення завжди на видноті. Посилання в тексті підкреслюємо, щоб їх було видно й тоді, коли колір розрізнити важко.
Що лишається за закладом
Після запуску клініка сама додає новини, акції й фото. Шаблони сторінок уже мають правильні заголовки й контраст, а адміністратору ми даємо коротку інструкцію: підписувати фото, не публікувати текст на зображеннях, не ставити прайс картинкою. Сертифікатів відповідності стандартам не видаємо: робимо конкретні речі, які можна перевірити на сторінці. Якщо вам потрібна версія для людей з вадами зору і доступний сайт загалом, залиште заявку – розрахунок безкоштовний.