Как улучшить доступность вашего сайта — 8 простых способов.

Слишком часто дизайнеры и разработчики тратят слишком много времени на создание красивого веб-сайта, забывая о создании функционального, доступного для всех, включая людей с ограниченными возможностями. Сделать ваш веб-сайт доступным для всех — это не только юридическое требование, но и моральный поступок, который может принести большую финансовую выгоду вашему бизнесу. Итак, в этой статье я расскажу вам о некоторых из лучших простых способов улучшить доступность вашего сайта.

97% веб-сайтов не соответствуют мировым правилам Интернета . Это показывает, что компаниям необходимо делать больше, чтобы удовлетворить потребности пользователей с дополнительными потребностями.

Зачем улучшать доступность вашего сайта?

Повышение доступности вашего веб-сайта, прежде всего, открывает ваш бизнес для более широкой потребительской базы, что может привести к увеличению прибыли. Улучшение доступности вашего веб-сайта может также улучшить поисковую оптимизацию вашего веб-сайта, поскольку ваш веб-сайт легче понять с точки зрения поисковой системы.

Чем больше трафика поступает на ваш сайт и чем больше посетителей могут читать ваш контент, тем выше вероятность продажи. Такие компании, как Tesco, добились увеличения продаж при внедрении решений доступности.

Наконец, улучшение вашего веб-сайта, чтобы пользователи с ограниченными возможностями могли его использовать, является моральным правом, а также юридическим требованием . Неспособность сделать ваш веб-сайт доступным для пользователей с ограниченными возможностями может открыть ваш бизнес для судебных исков, просто спросите такие компании, как Netflix, Domino's Pizza и Target, которые имеют на всех подали в суд за наличие веб-сайта, который был недоступен для пользователей с ограниченными возможностями.

Как улучшить доступность вашего сайта?

Есть два варианта улучшения доступности вашего веб-сайта. Первый вариант — создать веб-сайт с учетом доступности или установить сторонние инструменты, которые помогут пользователям с ограниченными возможностями получить доступ к вашему веб-сайту.

Если вы создаете свой веб-сайт с учетом доступности, вот несколько советов, которые могут вам помочь.

1) Выбор доступной системы управления контентом.

Система управления контентом, как следует из названия, представляет собой внутренний инструмент на веб-сайте, который обрабатывает ваши базы данных и контент, отображаемый в интерфейсе сайта.

Одной из наиболее распространенных систем управления контентом является WordPress, и в качестве стандартной CMS она доступна, но когда пользователи начинают создавать свои макеты и дизайны, вы можете столкнуться с проблемами.

С WordPress они используют систему плагинов, которая позволяет устанавливать стороннее программное обеспечение, и часто это бывает полезно. Однако это стороннее программное обеспечение разработано не вами, поэтому вы можете не понимать, что происходит в коде, поэтому часто код не помогает с доступностью вашего веб-сайта.

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

2) Используйте правильную семантическую разметку.

Семантическая разметка описывает, чем является объект для браузера и разработчика. Использование правильной разметки может помочь с такими программами, как программы для чтения с экрана.

Примеры семантической разметки включают: <form>, <table> и <article>, поскольку они четко описывают данные, которые будут их заполнять.

HTML5 имеет множество экземпляров семантической разметки, которые можно использовать для помощи в технологии чтения с экрана, вы можете увидеть больше примеров на веб- сайте W3Schools .

3) Отметьте свои изображения соответствующим образом.

Программное обеспечение для чтения с экрана предоставляет людям с нарушениями зрения способ просмотра веб-страниц. Эта технология очень хорошо помогает пользователю узнать, о чем страница, однако у нее все еще есть свои ограничения.

Программное обеспечение для чтения с экрана не может описать, что представляет собой изображение, или прочитать текст внутри изображения. По этой причине разработчики должны правильно помечать изображения на своих веб-сайтах. Программы чтения с экрана могут понимать ALT-текст изображения, и неправильное его заполнение поможет пользователям с ограниченными возможностями лучше понять вашу страницу.

Маркетологи могут злоупотреблять тегами ALT, поскольку считают, что это фактор ранжирования в поисковых системах. Маркетолог может пометить изображения на вашем веб-сайте следующим ALT-текстом: «обувь на продажу». В то время как кто-то, обеспокоенный доступностью сайта, использовал бы текст ALT: «коричневые кожаные туфли, которые носит мужчина в офисе».

Из приведенного выше примера вы можете увидеть явные различия с точки зрения маркетинга и доступности.

4) Не все используют мышь, так что планируйте соответственно.

Пользователи с проблемами мобильности могут не иметь возможности использовать мышь с точностью, необходимой для работы в Интернете. Люди с проблемами мобильности будут использовать различные устройства, такие как клавиатуры, палочки для рта и налобные палочки, для доступа в Интернет.

Даже с помощью вышеуказанной технологии доступ к некоторым веб-сайтам невозможен из-за их сложной структуры. Сложные макеты могут включать раскрывающуюся навигацию, сложную анимацию или даже что-то столь же простое, как отключение стилей CSS, которые показывают веб-элемент, на котором вы сосредоточены.

Некоторым пользователям придется переключаться между элементами на веб-сайте, нажимая клавишу на клавиатуре, а на недоступных сайтах практически невозможно увидеть, на каком элементе вы находитесь и куда можно перейти дальше. Лучшим объяснением этого является попытка использовать мышь без появления указателя мыши на экране.

5) Понимать и использовать ARIA

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

Вы можете узнать, как использовать ARIA на своем веб-сайте с W3C здесь .

6) Тщательно выбирайте цвета вашего сайта

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

Верите вы в теорию цвета или нет, одно можно сказать наверняка: цвет может сыграть огромную роль в улучшении доступности вашего веб-сайта. Яркие цвета могут затруднить чтение текста на вашем веб-сайте для людей с нарушениями зрения, в то время как цвета одинакового контраста могут иметь аналогичный эффект.

При принятии решения о цветах вашего веб-сайта вам необходимо учитывать ваш брендинг. Однако, если ваш брендинг создает проблемы для пользователей с ограниченными возможностями, вам нужно будет придумать решение, чтобы исправить это.

7) Используйте субтитры в своих видео

Компании могут использовать пояснительные видеоролики на своих веб-сайтах, чтобы показать, как их продукт решает проблему, но многие из них не используют субтитры, чтобы помочь своим читателям, у которых проблемы со слухом.

Добавлять подписи к своим видео несложно и даже дорого, поскольку вы можете нанять фрилансера для их расшифровки.

Такие компании, как Youtube, автоматически добавляют субтитры к вашим видео, но, поскольку они генерируются компьютером, они не всегда точны и могут ввести ваших посетителей в заблуждение относительно сообщения, которым вы пытались поделиться.

Субтитры полезны даже тем, у кого нет проблем со слухом, поскольку некоторые люди смотрят видео во время поездок на работу и часто отключают звук. Субтитры — это хороший способ понять, что происходит, не мешая другим.

8) Сторонние инструменты

В зависимости от размера вашего веб-сайта иногда невозможно просмотреть его и внести упомянутые выше изменения. С другой стороны, у вас может не хватить бюджета для реализации этих изменений.

Это понятно, но помните, что вы выбрасываете деньги на ветер, не обслуживая пользователей с ограниченными возможностями, и вы можете потерять деньги, если вас когда-нибудь привлекут к суду из-за вашего веб-сайта.

К счастью, есть сторонние инструменты, которые можно установить, чтобы внести эти изменения за вас.

Некоторые из инструментов, которые можно использовать, так же просты, как их установка и предоставление им возможности выполнять остальную работу. Лучшее в этих инструментах то, что они легкие и не влияют на скорость загрузки страниц вашего сайта. Пользователи без проблем с доступом не будут затронуты, в то время как те, кому нужна дополнительная помощь, смогут просматривать ваш веб-сайт намного проще.

Единственным недостатком этого программного обеспечения, если его можно так назвать, является то, что оно часто требует ежемесячной платы, но, учитывая, сколько времени программное обеспечение экономит вам, оно также не дорогое. Дальнейшая экономия может быть сделана путем ежегодной оплаты. Если у вас нет бюджета на программное обеспечение, существуют бесплатные версии, но они потребуют от вас большего участия.

Заключение

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

У пользователей с ограниченными возможностями и так непростая жизнь, поэтому, если вы можете сделать их работу в Интернете лучше, приложив немного усилий, мы все должны попытаться это сделать. Небольшие сайты могут вносить изменения над собой, в то время как коммерческие сайты могут инвестировать в программное обеспечение для специальных возможностей, которое может сделать их доступными за несколько часов.

Если вы хотите увидеть список лучшего доступного программного обеспечения на рынке прямо сейчас, мы добавили руководство вверху страницы.