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

Доступность — это то, что мне действительно нравится… теоретически. Я считаю, что каждый должен иметь полный доступ к Интернету, независимо от того, с какими проблемами он сталкивается или используют ли они разные устройства для навигации и доступа в Интернет.

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

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

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

Я начал с бесплатной версии плагина, доступной в репозитории WordPress.org. Просто выполните поиск по запросу «проверка доступности».

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

На странице приветствия есть полезная информация для начала работы с
множество ссылок на справочные статьи и видео.

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

Прокрутите вниз, и вы найдете панель проверки читаемости:

Это дает вам краткий обзор статуса доступности вашего сообщения.

Щелкните вкладку «Подробности», чтобы открыть полный отчет для своей страницы:

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

Я обнаружил, что многому научился с помощью этого плагина. Например, я ранее не знал, что стандарты доступности требуют, чтобы уровень чтения контента был ниже 9-го класса, или для этого требуется упрощенное резюме.

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

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

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

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

Pro версия

Вы можете спросить: «Нужно ли мне запускать проверку вручную, страница за страницей?»

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

• 

• 

Как это соотносится с другими инструментами?

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

Я использовал следующие инструменты:

WAVE — Инструмент оценки веб-доступности

Вы можете перейти на этот сайт, ввести свой URL-адрес и получить визуальный отчет о проблемах, наложенных на вашу страницу:

Расширение AX Chrome

Этот инструмент работает на отдельной панели в инструментах разработчика Chrome:

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

Было несколько предупреждений о контрасте цвета, которые WAVE уловил, а плагин — нет. Я связался с Equalize Digital, создателями средства проверки доступности, по этому поводу, и они над этим работают. Поскольку инструмент работает иначе, чем WAVE, возможны некоторые неточности.

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

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

Доступность — это не просто то, что можно исправить в одном месте или «установить и забыть». На это может повлиять ваша тема, ваши плагины и ваш контент. Как владелец сайта, даже если вы исправляете глобальные проблемы, вам все равно нужно следить за тем, чтобы контент в каждом сообщении был доступен.

Вывод

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

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

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

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