Доступность — довольно интересный модуль. Какие группы пользователей он включает, зачем их учитывать, и какие методы используются ими для получения доступа к веб-ресурсам? Как сделать его частью рабочей среды веб-разработки? Об этом и многом другом расскажем далее.
Определение
Как мы уже сказали, доступность представляет собой некий модуль, который позволяет понять веб-разработчику то, как допустить к своему ресурсу большее количество людей и популяризировать контент. Первое, что приходит на ум в таком случае — люди с ограниченными возможностями. В данном случае говориться не только о проблемах со здоровьем, вроде плохого зрения, но и медленном интернет-соединении или эксплуатируемом устройстве. Таким образом, доступность должна уравнивать права между всеми пользователями, которые посещают сайт, то есть исключить зависимость качества работы от способностей и обстоятельств.
Говоря об основных плюсах модуля, стоит упомянуть:
Улучшение показателей поступаемого трафика, что впоследствии приводит к повышению уровня сайта в поисковой выдаче;
Адаптация web элементов под разные обстоятельства;
Расширение возможностей сотрудничества с мировым рынком. В некоторых странах присутствуют ограничения подобного направления, и их соблюдение приводит к грамотному распространению продуктов большему числу потребителей.
Классификация ограниченных возможностей
Прежде чем перейти к решению проблем доступности, необходимо разобраться в ее источнике. В данном случае в классификации проблем пользователей, на основе которых в дальнейшем и будет проводиться адаптация сайта.
Зрение
Зачастую к данной группе относят людей с плохим зрением, нарушениями зрительного восприятия, вроде дальтонизма и прочих. Для того, чтобы изучить информацию интернет-ресурса, они задействуют разного рода плагины, например, экранная лупа для масштабирования или приложение для воспроизведения текстовой информации в звуковом формате.
Слух
Исходя из данных, собранных статистами, более 360 000 000 человек страдают заболеваниями слуховой системы. Какая-то часть из них полностью утратила возможность слышать, а потому стоит задуматься о предоставлении звуковой информацией в более подходящую форму. Например, если пользователь просматривает видеоролик можно добавить какие-либо выноски прямо в нем для полноты понимания происходящего на экране.
Ограниченные физические возможности
Если рассматривать ситуации, наиболее приближенные к рассматриваемому модулю, то к данному подразделению стоит отнести трудности с точными движениями рук, отсутствие возможности задействовать определенные части тела. Далеко не всегда таковыми являются люди преклонного возраста — вполне допустимо, что в ходе определенной чрезвычайной ситуации человек получил травмы, которые ограничили его возможности.
Когнитивные нарушения
Данный тип наиболее распространен в обществе, ведь это люди, которые являются обладателями психических заболеваний, СДВГ и имеют проблемы с восприятием информации, ее анализом. Доступность здесь играет достаточно важную роль, ведь учитывает такие пункты, как:
Удобство навигации по сайту;
Сосредоточение информации в одном месте;
Разбитие многоступенчатых процессов на логические этапы;
Простота взаимодействия пользователя и ресурса (например, регистрация учетной записи);
Оптимизация языка, на котором будет предоставляться информация;
Грамотное выделение основной информации из всего текста;
Помощник, который предоставляет подсказки или указывает на совершенные ошибки.
Реализация модуля
Важно отметить, что работа с доступностью на сайте должна производиться на самых ранних этапах разработки, ведь пытаться модифицировать уже готовый продукт сложнее, что приводит к дополнительным тратам времени и денежных средств.
Для полноценной реализации модуля требуется осуществлять постоянные тесты, особенно на первых этапах. Их можно проводить как с помощью автоматических webанализов, так и рассматривать конкретные функции, тестируя их с нетрудоспособными группами людей. В качестве наглядного примера можно привести проверку доступности интерфейсных кнопок с помощью клавиатуры.
Помимо этого, не забывайте о потенциальных проблемах в контенте. Если они не могут быть решены, то приготовьте какой-либо альтернативный вариант на случай сбоя.
При этом учитывайте, что достичь абсолютной работы модуля невозможно, как бы вы не старались, ведь всегда найдется пользователь, у которого возникнут трудности с восприятием вашего контента. Например, если тематика интернет-ресурса связана с искусством, то логично предположить, что не каждое произведение будет доступно для людей с ограничениями зрения.
Специализированные API доступа
Данные модификации доступа зачастую используют семантическую информацию, то есть без задействования навыковJSи стилистических данных. Она подразделяется в дереве информации. Иначе говоря, это называется деревом доступности.
Стоит отметить, что разные ОС имеют соответственно разные API:
Windows: MSAA/IAccessible, UIAExpress, IAccessible2
Mac OS X: NSAAccessibility
Linux: AT-SPI
Android: Accessibility framework
iOS: UIAccessibility
Таким образом, реализовать webэлементы, а именно HTML, можно дополнением их спецификациями WAI-ARIA, которые работают с деревом доступности, тем самым улучшая параметры доступа.
Подведение итогов
В данной статье мы познакомились с понятием доступности на наглядных примерах, разобрали значимость задействования модуля в разработке сайта. Подводя итог, можно выделить основные критерии, которые нужно учитывать:
Начинайте работать с доступностью в начале разработки продукта, старайтесь тестировать его как можно чаще. При обнаружении ошибок не откладывайте их исправление или замену на аналогичный вариант, ведь в дальнейшем эта проблема станет более глобальной и ее устранение потребует больших затрат времени и средств;
Имейте в виду, что модуль подразумевает собой пользу не только для пользователей с ограниченными возможностями, но и обычных людей. Например, выделение основной информации в тексте, оптимизация сайта под медленное соединение будут полезны всем посетителям;
Общайтесь с людьми на своем сайте, выделяя наиболее интересные идеи оптимизации доступности.