Как сделать ваш сайт WordPress более доступным

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

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

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

Что такое доступность WordPress

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

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

Почему доступность имеет значение

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

Доступность в Интернете — одно из основных прав человека

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

Доступный веб-сайт приводит к большему количеству посетителей

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

Доступный веб-сайт улучшает ваше SEO

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

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

Как сделать ваш сайт WordPress доступным

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

Панель инструментов WordPress также стала более доступной после введения в марте 2016 года Руководства по доступности WordPress. Другие улучшения доступности включают:

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

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

Установите плагин специальных возможностей

Давайте начнем с простого и установим плагин WP Accessibility. Этот плагин имеет 5-звездочный рейтинг и более 20 000 активных установок. Этот плагин добавит ряд полезных функций доступности, в том числе:

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

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

Улучшить цветовой контраст

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

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

Добавить теги ALT ко всем изображениям

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

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

Используйте заголовки для организации контента

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

Сделайте ваши ссылки и меню удобными для клавиатуры

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

Правильно маркируйте поля формы

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

Включить стенограммы и субтитры

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

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

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

Кроме того, вы можете использовать расширение Chrome под названием WAVE Evaluation Tool. После установки это небольшое расширение предоставит вам визуальную обратную связь о доступности вашего веб-сайта.

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

Последние мысли

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