Нажмите это: путешествие по доступности веб-сайтов с Эмбер Хиндс

Добро пожаловать в Press This, подкаст сообщества WordPress от WMR. В каждом выпуске участвуют гости со всего сообщества и обсуждаются самые важные проблемы, с которыми сталкиваются разработчики WordPress. Ниже приводится транскрипция оригинальной записи.

При поддержке RedCircle

Док Поп : Вы слушаете Press This, подкаст сообщества WordPress на WMR. Каждую неделю мы освещаем членов сообщества WordPress. Я ваш ведущий, Док Поп. Я поддерживаю сообщество WordPress своей ролью в WP Engine и своим вкладом в TorqueMag.io. Вы можете подписаться на Press This на RedCircle, iTunes, Spotify или в вашем любимом приложении для подкастов. Вы также можете скачать выпуски прямо с WMR.fm.

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

Сегодня к нам присоединилась Эмбер Хиндс, основатель и генеральный директор Equalize Digital и организатор встречи WordPress Accessibility Meetup. Работа Эмбер оказала большое влияние, помогая крупным университетам, правительственным учреждениям и различным организациям создавать инклюзивный онлайн-опыт. А новейший инструмент ее компании, Accessibility Checker, представляет собой мощный плагин, который сканирует, отслеживает и сообщает о статусе доступности веб-сайтов в режиме реального времени, гарантируя, что темы контента и плагины остаются удобными для всех. Эмбер, добро пожаловать на шоу.

Эмбер Хиндс : Спасибо, что пригласили меня. Я очень рад быть здесь.

ДП : Я очень рад, что ты у меня есть. давайте начнем с того, что выслушаем историю вашего происхождения. Как вы попали в WordPress?

АХ : Ну, я начинала как мама-блогер на WordPress.com, а затем перешла на .org, когда захотела иметь возможность вносить больше изменений и иметь больше контроля. Потому что еще в 2009 году, когда я работал на WordPress.com, на WordPress.com нельзя было ни настраивать темы, ни устанавливать плагины. И я вырастил внештатный бизнес только благодаря друзьям, которые изначально обратились ко мне за помощью с их веб-сайтами WordPress.

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

И я думаю, что многое из этого может быть перенесено в Facebook или социальные сети, вы знаете, и это своего рода позор, но я рад видеть, что такие люди, как вы, перешли к тому, чтобы оставаться в пространстве и делать его лучше для других. такие люди. Так что да, спасибо за это. Что ж, почему бы нам не услышать немного о вашей компании Equalize Digital. Что вы там все делаете?

АХ : Да, мы являемся сертифицированной корпорацией B и специализируемся на доступности WordPress. Поэтому мы проводим аудит доступности и исправления, которые есть в пакетных планах, которые мы делаем для людей на основе регулярного дохода. А затем мы занимаемся доступной разработкой для корпоративных организаций, и у нас есть продукт Equalize Digital Accessibility Checker, который сканирует веб-сайты WordPress на наличие проблем с доступностью и помечает их, как это можно увидеть в таких инструментах SEO, как Yoast или RankMath. что-то вроде этого, которое предоставляет отчеты на экране редактирования публикации, чтобы помочь людям сделать контент более оптимизированным для SEO. Ну и делаем ту же проверку, но на доступность.

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

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

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

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

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

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

ДП : Это так здорово. Итак, это премиум-функция, одна из функций для малого бизнеса и более высоких уровней или…

А.Х .: Нет, вообще-то, это был наш разговор с НАСА. Они используют плагин и хотели чего-то, что облегчило бы нетехническим создателям контента и авторам, редактирующим контент на веб-сайте НАСА, поиск проблем. Итак, мы создали это, они профинансировали это, и в итоге мы решили, что вместо того, чтобы создавать его только для НАСА, мы собираемся выпустить его в нашем бесплатном плагине. Таким образом, вы можете использовать эту функцию бесплатно, и на самом деле это сводится к тому, что мы являемся сертифицированной корпорацией B, а часть миссии НАСА состоит в том, чтобы вернуть долг человечеству. Это похоже на то, что липучка появилась в НАСА, и мы шутили, что эта функция внешнего интерфейса также появилась в НАСА.

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

АХ : Итак, у нас более 40 различных проверок. Мы разделяем их на то, что мы называем ошибками и предупреждениями. Ошибки — это то, о чем мы на 100 процентов знаем, что это проблема. Так, например, текст ссылки неоднозначен, поэтому слова «узнать больше» или слово «здесь» просто связаны и не имеют значения. Мы знаем, что это проблема, потому что никто на самом деле не знает, почему они перешли по этой ссылке. О чем я собираюсь узнать больше?

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

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

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

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

ДП : Это хорошее место для нас, чтобы сделать небольшой перерыв. Когда мы вернемся, мы продолжим наше интервью с Эмбер Хайнс о группах встреч по доступности WordPress и о том, как узнать больше об улучшении доступности на ваших сайтах. Так что следите за обновлениями после небольшого перерыва.

Добро пожаловать обратно в Press This, подкаст сообщества WordPress. Я ваш ведущий, Док Поп. Сегодня я разговариваю с Эмбер Хиндс, генеральным директором Equalize Digital, основателем и организатором встреч WordPress Accessibility Meetups, а также, я думаю, с некоторыми другими

события. Эмбер, не могли бы вы рассказать нам немного о встрече по специальным возможностям WordPress?

АХ : Конечно, встреча WordPress Accessibility Meetup — это официальная встреча в программе WordPress Meetup. На самом деле, забавно, это одна из первых, но теперь не единственная встреча, которая не была задумана как городская. Раньше встречи WordPress всегда проводились только в городах. Итак, я нахожусь в Джорджтауне, поэтому я мог бы пойти на встречу WordPress в Джорджтауне, если бы захотел, и пару лет назад я начал думать, что действительно хочу узнать больше о доступности, но в моем городе не так много людей, занимающихся доступностью веб-сайтов. город. На самом деле это не очень большой город. Итак, я подал заявку, и в сообществе развернулась большая дискуссия о том, собираются ли они разрешать чисто виртуальные встречи, и мы были рады получить одобрение WordPress Accessibility Meetup как одной из первых тематических встреч.

Я думаю, что сейчас есть еще один на хостинге, и еще один существует BlackPress, но мы встречаемся два раза в месяц. В четверг в 10 часов утра по центральному времени США и в третий понедельник в 19 часов по центральному времени США, чтобы мы могли хорошо охватить людей со всего мира. Они все в Zoom. Мы находим спонсоров, которые помогают нам покрыть расходы на субтитры в реальном времени, поэтому у нас всегда есть субтитры, которые набирает человек на каждой встрече.

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

ДП : А вы также были одним из организаторов Дня доступности WordPress?

АХ : Да, в День доступности WordPress, я на самом деле являюсь президентом правления. Мы отдельная некоммерческая организация. Он независим от WordPress Community Foundation. Это круглосуточное мероприятие, которое проводится каждую осень, и в этом году, в 2023 году, это было наше третье мероприятие, и мы были очень взволнованы. У нас зарегистрировалось и приняло участие более 2000 человек в одном треке, который длится 24 часа.

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

отследить это?

АХ : Да, конечно, посещение встреч — отличный способ. Мы также записываем их все и размещаем на нашем сайте. Если вы зайдете на слэш-встречу на сайтеqualizedvisual.com, вы сможете найти все записи всех встреч WordPress, посвященных специальным возможностям. Извините, встреча по специальным возможностям WordPress. И еще один способ: мы ведем группу в Facebook, группу WordPress Accessibility в Facebook, и это хорошее место, где можно общаться или задавать вопросы людям. Я думаю, что одна из самых важных вещей – это не бояться начинать. Это не обязательно должно быть идеально. Я думаю, что доступность — это во многом путешествие. Это не то, что происходит в одночасье. Это мелочи, которые вы делаете со временем. Итак, вы можете установить плагин и начать работу над небольшими исправлениями. Вы могли бы сказать: «Эй, каждый раз, когда я создаю новый веб-сайт, я буду использовать WordPress, проверять клавишу табуляции и убедиться, что я могу отправить все свои формы и использовать карусель или развернуть аккордеоны и прочитать контент без

с помощью мыши.

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

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

АХ : За последние два года я определенно заметил довольно большой сдвиг в том, насколько осведомлено сообщество WordPress, а также разработчики и агентства, использующие WordPress, о доступности. Я думаю, что это частично связано с ужесточением законодательства, которое происходит в Соединенных Штатах. Кроме того, во всем мире произошел довольно большой скачок после COVID, а в Европе существует Европейский закон о доступности, у которого есть обрыв, и он начнет применяться в июне 2025 года. Итак, существует множество законов, которые повышение осведомленности людей об этом, что-то вроде того, как GDPR заставил многих людей присоединиться к политике конфиденциальности.

Я думаю, что есть еще много действительно замечательных защитников, которые много делают, чтобы говорить и повышать осведомленность о важности этого. Итак, вы знаете, вы упомянули Гутенберга и то, как многие люди стали больше знать о нем примерно в то время, когда Гутенберг был представлен, ну, на самом деле это произошло благодаря WP Campus, некоммерческой организации, у которой есть группа Slack, и они управляют конференция, посвященная WordPress и высшему изд. И они заказали и оплатили аудит доступности Гутенберга, потому что было очень много опасений по поводу того, насколько недоступен Гутенберг. И этот аудит действительно помог гораздо большему количеству людей узнать о доступности.

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

ДП : И вы упомянули WP Campus и работу, которую они там проделали. Я просто хотел выразить огромную благодарность Рэйчел Черри. Я помню, что Рэйчел определенно способствовала повышению осведомленности сообщества. И я должен сказать, что именно такие люди, как Рэйчел, и, знаете, такие люди, как вы, выполняющие свою работу, больше всего запомнили мне это. Не то чтобы у меня был гигантский сайт, я не НАСА или что-то в этом роде, но сейчас я определенно гораздо больше думаю об этом, даже в социальных сетях я использую альтернативные описания. И во многом это сводится к тому, что я только что обнаружил, что доступность не обязательно, я начинаю немного проповедовать или что-то в этом роде, я уверен, что мы все это слышали раньше, но доступность не просто означает сделать Интернет доступным для некоторых людей. На самом деле, вы знаете, это более контрастные шрифты и альтернативные описания, а также адаптивность вашего сайта к мобильным устройствам, верно? Чтобы вы могли получить к нему доступ на разных вещах. Это те вещи, о которых мы говорим, которые на самом деле просто делают ваш сайт и сеть лучше для всех, а не просто, вы знаете, думая о том, что некоторым людям нужны эти улучшения. Нет, это действительно так, если подумать, верно? Надеюсь, мы просто делаем все лучше для всех.

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

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

Добро пожаловать обратно в Press This, подкаст сообщества WordPress. Мы завершаем наш разговор с Эмбер Хиндс. Мы говорили о встречах по доступности WordPress и о том, как люди могут узнать больше об улучшении своих сайтов и о доступности. Ранее в шоу мы говорили о плагине Accessibility Checker от Equalize Digital. И я просто хочу углубиться здесь немного больше. Я на странице цен, зарегистрировался сегодня. Я установил плагин на личном уровне, просто чтобы проверить его, но есть кое-что интересное на уровне малого бизнеса и агентств. Например, я видел, что на уровне малого бизнеса есть 30-минутная консультация по вопросам доступности, а также два часа работы в офисе по вопросам доступности каждый месяц, с которыми вы помогаете. Я просто хочу услышать немного больше о некоторых из этих функций, которые вы могли бы предложить агентствам и малому бизнесу на более высоких уровнях.

АХ : Да, на уровне малого бизнеса и на уровне агентств мы предлагаем персонализированную 30-минутную консультацию, которая на самом деле представляет собой телефонный звонок или звонок через Zoom, и мы общаемся, и это довольно удобно, потому что я не У меня нет сценария. Мы делаем то, что лучше всего подходит для этого конкретного бизнеса или агентства, а это означает, что иногда они уже, как правило, уже установили плагин, и есть некоторые проблемы, и мы можем просто потратить время на обсуждение того, как исправить определенные проблемы. На самом деле цель состоит в том, чтобы дать людям возможность начать работу с плагином, убедиться, что вы не видите ничего странного, а также предоставить, ну вы знаете, эту информацию, потому что, поскольку наш инструмент не является средством исправления цитат, да, вам все равно придется проделать часть работы, бывают случаи, когда вы сталкиваетесь с чем-то и, возможно, не уверены в том, какой подход лучше всего это исправить. И тогда мы это делаем.

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

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

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

АХ : Конечно, наш сайт —qualizedigital.com. Если вы зайдете на сайтqualizedigital.com/meetup, это лучший способ узнать больше обо всех встречах, вы сможете увидеть предстоящие встречи и просмотреть их записи. Я наиболее активен в Твиттере, поэтому, если вы пользуетесь социальными сетями, вы можете найти меня в X/Twitter по адресу @HeyAmberHinds. Это ЭЙ, Эмбер, ХИНДС.

ДП : Что ж, еще раз спасибо, что присоединились к нам сегодня, Эмбер, и спасибо всем, кто слушает Press This, подкаст сообщества WordPress на WMR.

Вы можете следить за нашими приключениями в Твиттере Torque Mag. Это журнал Torque Mag в Твиттере. Вы также можете зайти на TorqueMag.io, чтобы найти больше статей, а также расшифрованные версии каждого из этих подкастов после их выхода. Вы можете подписаться на шоу на RedCircle, iTunes, Spotify или на вашем любимом канале. Приложения для подкастов. Вы также можете скачать его прямо с WMR.fm. Я ваш ведущий, Доктор Популярность. Я поддерживаю сообщество WordPress через свою роль в WP Engine, и мне нравится каждую неделю освещать членов этого сообщества в Press This.