MY.UAСтатті
Ви втрачаєте майже 100 тис. клієнтів: як і навіщо адаптувати сайт для людей з порушеннями зору
Ви втрачаєте майже 100 тис. клієнтів: як і навіщо адаптувати сайт для людей з порушеннями зору

Ви втрачаєте майже 100 тис. клієнтів: як і навіщо адаптувати сайт для людей з порушеннями зору

Майже чверть населення Землі має проблеми із зором. Ці люди активно користуються інтернетом, але постійно стикаються з проблемою недоступності: при розробці сайтів їх інтереси практично не враховуються.

Разом із фахівцем із цифрової доступності Дмитром Поповим ми підготували рекомендації, які допоможуть розробникам зробити веб-ресурси зручнішими для користувачів із порушеннями зору.

Безкоштовне розміщення інклюзивних сайтів 

Люди з порушеннями зору активно користуються інтернетом. І навіть ті, в кого зір повністю втрачено, знаходять способи отримувати інформацію з мережі за допомогою спеціального програмного забезпечення. Вони повноправні користувачі цифрових ресурсів.

За статистикою Всесвітньої організації охорони здоров’я, у світі 2,2 млрд людей, які мають проблеми із зором. В Україні, за неофіційними даними, ця цифра становить близько 100 тис. людей.

Ми в Cityhost говоримо вголос про проблему недоступності сайтів і хочемо змінити ситуацію. З січня ми розпочнемо роботи з адаптації нашого сайту, а потім плануємо запуск окремої послуги з адаптації сайтів для людей із порушеннями зору.

Щоб якось стимулювати процес, ми також вирішили надавати послугу розміщення інклюзивних сайтів на безоплатній основі. Безкоштовний хостинг для сайту, який адаптовано для людей із порушеннями зору, можна отримати за запитом на електронну пошту із зазначенням адреси сайту та тарифу хостингу, який необхідний для його розміщення.

Як бачать інтернет люди із порушеннями зору

Щоб вирішити будь-яку проблему, потрібно розуміти її суть. Існують симулятори, завдяки яким можна зрозуміти, як люди з порушеннями зору бачать сайти.

Для того, щоб це показати, я використав розширення Web Disability Simulator, яке доступне користувачам Google Chrome. На зображенні цифрами позначено оригінальний вигляд сайту (1), астигматизм (2), дальтонізм жовто-блакитного спектру (3) та повний дальтонізм (4). Перевірити в такий спосіб можна будь-який сайт.

Приклад того, як люди із порушеннями зору бачать сайт MC.today

Щоб адаптувати власний сайт, не обов’язково звертатися до розробників чи інших фахівців. Зробити це можна самостійно через впровадження деяких рекомендацій, про які я розповім далі.

Чому спеціальна версія сайту гірша за повну

Чи потрібно робити окрему версію сайту для людей із порушеннями зору? У західному світі це явище практично не зустрічається, але ж там більше уваги приділяють потребам кожної окремої людини. 

Версія сайту Департаменту освіти в Одесі зі збільшеним шрифтом

Опитування показують, що спеціальні версії незручні для цільової аудиторії. Їх, зазвичай, урізають інформаційно, вони не справляються зі своїм завданням. Люди із порушеннями зору віддають перевагу повним версіям.

Як зробити сайт зручнішим для людей із порушеннями зору

Рекомендації, що наведені нижче, стосуються розмітки та дизайну сайту. Більш докладні поради щодо адаптації сайтів ви можете прочитати у спеціальному «Посібнику із забезпечення доступності веб-контенту (WCAG)»

Адаптація під читач екрану

Враховуйте, як з вашою розміткою працюватимуть програми екранного доступу. Люди з повною втратою зору слухають сайти, які для них озвучують спеціальні програми, так звані «читачи екрану». Але вони розпізнають як текст, так і саму розмітку. Тому важливо розміщувати елементи в логічні теги Н1, Н2, Н3, дотримуватися структурної ієрархії заголовків, прописувати alt всім зображенням.

В адаптації сайту також допоможе ознайомлення зі спеціальною мовою ARIA. Завдяки їй можна зробити веб-контент та веб-додатки (особливо ті, які розроблені за допомогою Ajax та JavaScriptмови програмування) більш доступними для людей із порушеннями зору.

Мінімалістичний дизайн

Зараз це модно: великі зображення та тексти, верстка в одну колонку, великі просвіти між елементами. Але це не лише тренд. Сайтом із таким дизайном простіше користуватися людям із порушеннями зору.

Реалізувати такий дизайн дуже просто – достатньо вибрати відповідний шаблон та тему для сайту. Подібні дизайни та шаблони широко представлені у популярних CMSсистеми керування контентом, на кшталт, Joomla або WordPress.

Керування клавіатурою

Спробуйте «прогулятися» структурою будь-якого сайту за допомогою клавіші TAB. Якщо елементи по черзі виділяються за допомогою рамки, підсвічуються кольором або вискакують підказки, значить такий сайт зручний для користувачів не лише зі слабким зором, а й із порушеннями моторики.

Деякі люди не можуть користуватися мишкою, вони працюють на сайті лише за допомогою клавіатури. Для них індикатор фокусу клавіатури (те саме підсвічування елементів) має значення.

Коли розробники відключають його в CSS, то відбирають у частини своїх відвідувачів можливість взаємодіяти з веб-ресурсом. Цього робити не рекомендується.

Великі читабельні літери та контрастне тло

Хитромудрий шрифт, дрібні блідо-сірі літери на ядучо-зеленому тлі – такі сайти важко читати навіть без порушень зору. Для фону та тексту потрібно використовувати контрастні поєднання, вибирати прості читабельні шрифти та робити достатньо великі літери. Тоді на сайті буде зручно працювати всім читачам.

Перевірити контрастність кольорів можна за допомогою аналізатора. Дотримуйтесь коефіцієнта щонайменше 4.5:1.

Масштабування сторінок

Багато хто користується сполученнями клавіш CTRL+ та CTRL- для збільшення та зменшення контенту. Це допомагає людям з короткозорістю, далекозорістю та іншими порушеннями зору легко налаштовувати розмір тексту. Завдання розробника – зробити так, щоб сайт не «їхав» і не з’являлося горизонтальне прокручування при таких діях.

Створення інклюзивних сайтів чи їх адаптація допомагає не лише людям із порушеннями зору.

Доступність слід розглядати як інвестицію.

Адаптовані сайти можуть залучити більше відвідувачів та клієнтів. Крім того, це відмінний показник соціальної складової бренду. Давайте розвивати цифрову доступність разом.

Поділитися
Поділитися сюжетом
Джерело матеріала
“Смерть Spotify”: музиканти закликають бойкотувати стрімінгову платформу
Ukraine Art News
2025-10-13T09:06:35Z
Україну на Дитячому Євробаченні - 2025 представить Софія Нерсесян з піснею "Мотанка"
Ukraine Art News
2025-10-13T07:00:37Z
Хто принижував музиканта на кріслі колісному Івана Замігу за відмову співати російською: поліція знайшла кривдника
Ukraine Art News
2025-10-12T18:00:32Z
Девід Бекхем — причина, чому Вікторія Бекхем майже ніколи не усміхається на публіці
Elle
2025-10-10T11:24:33Z
Чорний янгол: Сара Джессіка Паркер в епатажному образі з крилами на нью-йоркському гала-вечорі
Elle
2025-10-09T20:51:35Z
Новий образ Демі Мур: акторка повернула свою культову зачіску з 90-х
Elle
2025-10-09T06:24:38Z
Трамп заявив, що засуджений за повʼязані з проституцією злочини Шон Diddy Комбз просив його про помилування
Ukraine Art News
2025-10-08T06:30:29Z
«Образ помсти»: Ніколь Кідман у вишуканій сорочці Chanel під час першого публічного виходу після розлучення
Elle
2025-10-08T05:36:31Z
"Треба просто любити одне одного": Мирослав Кувалдін про музику, війну й родину
Ukraine Art News
2025-10-07T08:00:27Z
В угорському місті Загонь представили фотовиставку «Карпати в серці та фотографіях»
Ukraine Art News
2025-10-13T16:39:29Z
Український павільйон на виставці EXPO 2025 відвідали понад 3 мільйони людей - МКСК
Ukraine Art News
2025-10-13T15:21:33Z
Adidas представив колекцію брендового одягу для домашніх тварин
Gloss
2025-10-13T14:39:39Z
Любов, що долає війну: Соломія Чубай презентувала відеокліп на пісню "Ранок"
Ukraine Art News
2025-10-13T14:30:36Z
В Україні за час повномасштабної війни загинули 346 митців та медійників
Ukraine Art News
2025-10-13T11:54:26Z
У Празі презентували «Альманах української діаспори в Чехії»
Ukraine Art News
2025-10-13T11:30:29Z
У Белграді пройшов Фестиваль української літератури
Ukraine Art News
2025-10-13T10:15:50Z
Книга, яку неможливо прочитати: у Швеції випустили особливе видання “1984”
Ukraine Art News
2025-10-13T08:08:15Z
Софія Нерсесян представить Україну на "Дитячому Євробаченні-2025" із піснею "Мотанка"
Ukraine Art News
2025-10-12T21:30:28Z
В ДТП трагічно загинув актор та захисник Олексій Наконечний
Ukraine Art News
2025-10-14T00:27:33Z
Netflix, Disney та інші отримали юридичне попередження через бойкот ізраїльських фільмів
Ukraine Art News
2025-10-13T15:51:30Z
Акторка Дайан Кітон, відома за фільмами "Хрещений батько", "Енні Голл" та "Клуб перших дружин", пішла з життя у віці 79 років
Ukraine Art News
2025-10-12T11:45:27Z
Опублікували сценарій незавершеного останнього фільму Чарлі Чапліна “Дивак”
Ukraine Art News
2025-10-12T11:22:03Z
“Кейпоп-мисливиці на демонів” претендує на “Оскар”: режисери про успіх фільму та можливе продовження
Ukraine Art News
2025-10-12T09:42:28Z
Володимир Гумецький повертається: прем’єра стрічки “Е.Кран” та спецвипуск поштової марки у Львові
Photo Lviv
2025-10-12T05:06:19Z
Померла Даян Кітон: акторка, лауреатка "Оскара" та зірка "Енні Голл"
Ukraine Art News
2025-10-11T22:48:33Z
«Трон: Арес»: дивіться епічний кліп нової пісні гурту Nine Inch Nails за участю Джареда Лето
KinoFilms
2025-10-11T12:30:22Z
HBO Max представив трейлер довгоочікуваного приквелу до “Гри престолів”
Ukraine Art News
2025-10-10T19:00:33Z
Яким був транспорт міста Львова в дотрамвайну епоху
Photo Lviv
2025-10-11T05:12:19Z
Що зміниться з 12 жовтня під час перетину кордону з Євросоюзом?
Хмарочос
2025-10-10T09:42:46Z
Архітектори міста Стрия. Мечислав Січковський
Photo Lviv
2025-10-10T05:12:25Z
У етнопарку «Ладомирія» відкривається оновлений музейно-освітній простір з екскурсіями про шкільництво Волині
Photo Lviv
2025-10-10T05:00:20Z
У Лондоні запустили нову лінію «суперлупа» — швидкісного автобуса
Хмарочос
2025-10-09T14:00:49Z
Радянський кінотеатр у Казахстані перетворили на культурний центр
Хмарочос
2025-10-07T13:48:46Z
У голландському місті Гарлем, на понад сотні вулиць знизили швидкість до 30 км/год
Хмарочос
2025-10-07T10:27:38Z
У Львові відкриють читальну залу з архівними виданнями про архітектуру
Хмарочос
2025-10-07T09:12:42Z
Чому закриваються ресторани й кав’ярні у закритих ЖК?
Хмарочос
2025-10-07T04:57:45Z
Чому пісні застрягають у голові: науковцям вдалося це пояснити
Ukraine Art News
2025-10-13T16:36:38Z
Потрібно пережити цю відрижку імперії, - Мирослав Кувалдін
Ukraine Art News
2025-10-13T16:00:41Z
Спорт, що повертає віру в себе: стартував проєкт звичайні
Gloss
2025-10-13T14:45:34Z
"У нас такий наказ - працювати з гітарою": Мирослав Кувалдін про Культурний десант
Ukraine Art News
2025-10-13T12:00:34Z
Чи треба когось з росіян вшановувати назвами вулиць і що це можуть бути за росіяни: позиція лідера руху "Деколонізація. Україна" Вадима Позднякова
Ukraine Art News
2025-10-13T11:00:29Z
Там, де стихають вибухи, починає звучати скрипка. Харківський скрипаль Ігор Чернявський про українську музику і війну
Ukraine Art News
2025-10-12T08:30:33Z
ТОП-5 Найпопулярніших Кавових Рецептів Світу: Класика, Яка Підкорила Планету
Photo Lviv
2025-10-12T05:12:23Z
Медичний прорив у Львові: Лікарі вперше врятували двох пацієнтів від критичної ТЕЛА методом ендоваскулярної тромбаспірації
Photo Lviv
2025-10-12T05:00:21Z
Закатовану в полоні РФ журналістку Вікторію Рощину посмертно нагородили званням “Героя свободи преси світу”
Ukraine Art News
2025-10-11T08:33:35Z
Як замовити послуги контекстної реклами для інтернет-магазину
Photo Lviv
2025-10-11T04:57:18Z
Виробник хумусу Yofi призупинив виробництво через ракетний удар по заводу
Хмарочос
2025-10-10T05:27:40Z
Як АІ допомагає в житті та кар’єрі: розкаже Дмитро Красовський на ELLE Active Forum
Elle
2025-10-09T17:30:38Z
OpenAI запускає керування додатками в ChatGPT: планування подорожей та бронювання помешкань з ШІ
Ukraine Art News
2025-10-07T12:39:27Z
Instagram запускає власну премію для творців — Rings
Ukraine Art News
2025-10-07T10:36:30Z
OpenAI співпрацюватиме з власниками авторських прав і блокуватиме персонажів у разі скарги
Ukraine Art News
2025-10-06T12:00:33Z
Правда про шахрайство в рулетці: Чи дійсно можна обдурити гру?
Cineast
2025-10-06T11:27:29Z
Що таке маркетинговий портал і як його створити для свого казино?
Cineast
2025-10-06T11:21:37Z
Розробники програмного забезпечення для казино: Як вибрати найкращого для свого бізнесу?
Cineast
2025-10-06T11:18:34Z
Найкорисніший сніданок для краси волосся і шкіри
Elle
2025-09-15T14:39:26Z
Сицилійські роли з баклажанів з рикотою і томатним соусом
Elle
2025-08-19T14:03:36Z
Раціон для довголіття, краси шкіри, здоров'я серця: що таке гарвардський альтернативний індекс здорового харчування
Elle
2025-08-18T13:42:35Z
Смачне детокс-меню для спекотних днів від відомої української нутриціологині
Elle
2025-07-23T11:45:38Z
Простий рецепт найсмачнішої окрошки
Elle
2025-07-16T09:46:20Z
Готуємо гаспачо за рецептом знаменитого іспанського шеф-кухаря Хосе Андреса
Elle
2025-07-09T12:21:43Z
5 рецептів літніх смузі: прості та дуже корисні
Elle
2025-07-08T15:36:36Z
ТОП-5 легких літніх закусок
Elle
2025-06-17T14:30:38Z
«ТопШефи х WINETIME. Готуємо разом»: Влад Кіндер ділиться рецептом тунця татакі
Elle
2025-06-06T12:49:01Z