WordPress-темы имеют плохую доступность: самое время исправить это

Дата публикации:Июнь 20, 2014

В начале месяца разработчик WordPress Мортен Рэнд-Хендриксен выпустил Simone, бесплатную тему, основанную на Underscores. Как и многие другие темы, Simone является адаптивной, готовой для перевода, использующей кастомайзер и включающей в себя стили редактора. Однако Simone отличает от других тем еще одна особенность – сильный акцент на доступности.

simoneРэнд-Хендриксен считает, что тег accessibility-ready должен быть обязательным для всех WordPress-тем. «Мой основной принцип введения доступности – я хочу, чтобы все люди, вне зависимости от их проблем, могли получить доступ ко всему контенту в сети так, как им хочется (и удобно) это делать», говорит Мортен. С этой целью он изучил все требования для того, чтобы сделать WordPress-тему доступной. Однако далеко не все разработчики поступают таким вот образом, поэтому Мортен находится в малочисленном меньшинстве.

WordPress-темы медлят с соблюдением всех требований доступности

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

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

Исследуя официальный каталог тем WordPress, вам понадобится очень постараться, чтобы найти темы с реализованной доступностью. Фактически все они умещаются на одной странице. Рэнд-Хендриксен вычислил, что темы с доступностью составляют «жалкие 0.5%», и отметил, что каталог сильно отстает в плане предоставления таких возможностей.

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

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

Рэнд-Хендриксен выбрал в качестве основы для Simone тему Underscores, поскольку она удовлетворяет практически всем требованиям по использованию тега accessibility-ready для WordPress-тем. Позднее он отправил два патча к _s, которые были внесены в тему, чтобы сделать ее еще ближе к спецификациям. Единственное, что надо было реализовать — это сделать выпадающее меню доступным для управления с клавиатуры, продолжая следование за веб- и WCAG-стандартами.

Базовое требование – формирование доступности

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

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

Если вы приняли решение разрабатывать доступные темы, то вы найдете многочисленные прекрасные ресурсы, которые помогут вам в этом начинании. «Accessibility Project не так давно опубликовал ряд живых паттернов, которые могут быть внедрены в любой проект», отметил Мортен. Следующим шагом по работе над Simone станет замена доступного на текущий момент (но несколько неудобного) меню Superfish на меню, предложенное в библиотеке паттернов.

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

Он описал в общих чертах процесс отправки доступной темы на WordPress.org:

«Как только тема отправлена в каталог с тегом accessibility-ready, она будет вручную протестирована командой доступности WP (на данный момент Джо Долсон – единственный человек, ответственный за это). Команда (или, скорее, один Джо) пройдется по теме, протестирует все ее элементы, и приведет советы по изменению тех или иных компонентов, если это потребуется.

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

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

Чтобы убедиться в высокой контрастности, Рэнд-Хендриксен советует использовать инструмент Contrast Ratio, созданный Лиа Веру.

7 практических советов по разработке доступных WordPress-тем

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

Как сделать доступность стандартом для ваших проектов? Вот некоторые практические советы из нашего интервью с Мортеном:

  • Поменяйте свое мышление: создавайте доступность в качестве базового требования, а не особенности, которая внедряется уже в конце разработки.
  • Если вы не знаете, с чего начать, воспользуйтесь темой Underscores, поскольку она отвечает большинству требований
  • Протестируйте библиотеку паттернов и виджетов от Accessibility Project
  • Познакомьтесь с руководством WordPress и посмотрите, что включает в себя тег accessibility-ready
  • Попробуйте отключить вашу мышь и поработайте с вашей темой через ChromeVox
  • Используйте голосовые команды и инструменты для чтения с экрана на мобильных устройствах
  • Убедитесь в том, что коэффициенты контрастности достаточно высоки, используя удобное средство, написанное Лиа Веру.

Почему доступность является такой важной?

prevailing-sentiment
Если ужасающее отсутствие доступных WordPress-тем на WordPress.org и сигнализирует о чем-то, то только о том, что 99%+ разработчиков WordPress-тем не беспокоятся по поводу доступности. Объяснение такого подхода обычно следующее: подавляющее большинство людей могут пользоваться моим сайтом, так почему я должен заботиться об остальных?

Рэнд-Хендриксен полагает, что доступность – это очень важная вещь:

«Как я уже говорил ранее, доступность становится законодательно закрепленным требованием во многих странах. Это вызвано тем, что доступность – очень важная вещь. Говоря прямо: если вы создаете веб-сайт, который не является доступным, вы дискриминируете всех тех, кто испытывает проблемы с доступностью. Между прочим, это не мои слова: такое обоснование применяют некоторые правительства, включая правительство Норвегии, для принятия законов, связанных с доступностью»

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

Его предупреждение относится как к автономным сайтам на WordPress, так и к сайтам на WordPress.com: «Если мы, как сообщество, не будем продвигать доступность, то в таком случае мы быстро поставим себя в безвыходное положение, из которого будет очень сложно выбраться».

Источник: wptavern.com

3 комментариев

  1. Зато на вордпрессе очень очень много тем!

  2. Julia says:

    Этот Мортен вообще очень классный парень. Он в линда.ком как автор сделал несколько курсов о Вордпрессе. Очень ценная информация. Советую даже продвинутым разработчикам.
    А вам, Дима, большое спасибо за этот блог. Приятно почитать о ВП на русском!

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *