Как адаптировать сайт для людей с ограниченными возможностями
Делать сайты доступными для каждого — это не просто тренд XXI века, а важный показатель, что компания заботится обо всех своих клиентах.
Ограниченные возможности — это разные трудности, с которыми может столкнуться человек при пользовании сайтом. Невозможность двигать мышь, плохое зрение или слепота, проблемы с восприятием цветов и многое другое. Некоторые люди имеют постоянно ограниченные возможности (инвалидность), а некоторые — временно ограниченные (болезнь или обстоятельства). Считается, что в мире около 10−15% людей с ограниченными возможностями (и постоянными, и временными).
Чтобы пользователь мог нормально воспринимать контент и перемещаться по странице, необходимо адаптировать код сайта и добавить специальные возможности:
☑️ прослушивание скрин-ридерами (программа, которая превращает контент интерфейсов в речь или шрифт Брайля),
☑️ перемещение по элементам управления сайта с клавиатуры,
☑️ увеличение размера шрифта или включение особенных цветовых настроек.
Интересно, что когда-то скрин-ридеры были созданы для людей с проблемами зрения. Но сегодня голосовой интерфейс становится неотъемлемой частью жизни: некоторые сайты уже ввели голосовой интерфейс как часть своего UI (например, VK).
При создании доступного сайта верстальщик может применять:
— семантически верные элементы для верстки страницы. Существуют специальные теги для кнопок, ссылок, заголовков и т. д. Если использовать правильные семантические теги, то системы анализа контента будут «понимать», что происходит на странице и как правильно транслировать её содержимое (например, для кнопки — это button, а не div);
— aria-метки — дополнительные атрибуты в html, которые формируют альтернативное дерево «доступного» контента, основанное на смысловом содержании страницы. С помощью таких меток скрин-ридеры «видят», что значит тот или иной элемент страницы;
— продуманный путь навигации с клавиатуры, когда каждый рабочий элемент сайта доступен с помощью клавиш tab или стрелок.
Важно: в России требования к accessibility (доступности) прописаны в ГОСТе, и они обязаны соблюдаться для государственных сайтов — тех же Госуслуг. Не исключено, что вскоре это требование распространится на всех, кто предлагает услуги в интернете — на сайты банков, магазинов, агентств и так далее. Так что если ваш сайт ещё не адаптирован под людей с ограниченными возможностями, то самое время задуматься об этом.
#digital #digitalмаркетинг #frontend #accessibility