10 способов улучшить доступность вашего сайта WordPress

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

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

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

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

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

1. Сделайте свой контент управляемым с помощью голоса

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

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

2. Помните о своем выборе цвета

Миллионы людей по всему миру дальтоники, поэтому цвета, которые вы используете, должны учитывать эту реальность.

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

3. Убедитесь, что ваши ссылки подчеркнуты

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

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

4. Добавляйте альтернативные теги к изображениям

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

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

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

Чтобы добавить теги alt к изображениям на сайте, вам нужно перейти в поле «Замещающий текст» в правой части редактора и написать короткое предложение, описывающее изображение.

5. Держите свои ссылки описательными

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

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

6. Проверьте размер шрифта на разных экранах

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

7. Добавьте ссылки на основной контент

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

Чтобы исправить это, при создании сайта WordPress вам нужно будет вставить ссылки, которые позволят программам чтения с экрана переходить к основному контенту на вашей странице. Эту ссылку можно добавить в первый столбец вашего языка гипертекстовой разметки (HTML).

8. Предлагайте текстовые альтернативы визуальному и аудиоконтенту

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

9. Включить индексацию вкладок

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

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

10. Дизайн сайтов для низких скоростей интернета

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

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

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

• Убедитесь, что размер ваших страниц не превышает 25 КБ. Ваша цель должна заключаться в том, чтобы данные веб-сайта загружались в течение примерно 15 секунд.
• Используйте каскадные таблицы стилей (CSS), чтобы уменьшить количество изображений на вашем сайте и поддерживать чистоту структуры сайта.
• Убедитесь, что страницы вашего сайта могут кэшироваться, что сократит время загрузки для посетителей, часто посещающих ваш сайт.
• Избегайте ссылок на большие файлы, такие как PDF-файлы, но убедитесь, что такие ссылки необходимы. отображать размер файла.
• Контент, который загружается первым на вашем сайте, должен быть очень важным, поскольку он побуждает читателя подождать еще несколько секунд, пока загружается другая информация. Поэтому убедитесь, что вы разместили ценную информацию в первую очередь.

Вывод

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