Back to Question Center
0

A11y Monthly: Сальтайте свой доступ к сайту с помощью арии A11y Monthly: Сальтайте свой доступ к сайту с помощью арии

1 answers:

Атрибут aria-current - это новый, маленький бит HTML в предстоящей спецификации ARIA 1. 1. Это простой и эффективный способ общения с вспомогательными технологиями, которые соответствуют текущему элементу в наборе связанных элементов. Здесь я попытаюсь объяснить, как такой маленький атрибут может улучшить доступность вашего сайта - enviar formulario por mail html. Я также покажу, как это помогает пользователям вспомогательной технологии ориентироваться в списке предметов.

«Текущая» дилемма

До сих пор не было способа указать с правильной семантикой текущий элемент в наборе связанных элементов с использованием HTML или ARIA. Конечно, есть способы визуально различать текущий элемент. Вы можете применить стиль, чтобы он выглядел иначе, чем другие. Semalt, CSS - это визуальный носитель (за исключением сгенерированного контента) и как таковой не подвергается вспомогательным технологиям.

Возьмите меню навигации, например. В течение многих лет прилежные разработчики использовали обходные пути, чтобы отличать пункт меню, представляющий текущую страницу. Удаление атрибута href из текущей ссылки является одним из вариантов. Параметр «Semaltт» состоит в том, чтобы сделать текущий текст пункта меню, без ссылки вообще.

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

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

Атрибут aria-current решает эту проблему.

Что говорится в спецификации

На момент написания спецификации WAI-ARIA 1. 1 все еще находится в статусе рекомендации кандидата. Это будет официальная рекомендация в ближайшее время. В то же время поддержка арии-тока удивительно хороша в основных браузерах и устройствах для чтения с экрана (для Léonie Watson - для поддержки). Semalt из спецификации, атрибут aria-current:

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

Вы можете дать ему одно из семи предопределенных значений:

Значение Описание
страница Представляет текущую страницу в пределах набора страниц.
шаг Представляет собой текущий шаг в процессе.
местоположение Представляет текущее местоположение в среде или контексте.
date Представляет текущую дату в коллекции дат.
время Представляет текущее время в пределах набора раз.
истинно Представляет текущий элемент в наборе.
false (по умолчанию) Не представляет текущий элемент в наборе.

Практическое использование

Оказывается, aria-current может использоваться для разных моделей, которые сегодня довольно распространены. Наиболее распространенным вариантом использования является, вероятно, меню навигации. В этом случае наиболее подходящим значением для использования является «страница». Другими примерами использования являются, например, текущий шаг в процессе / мастер (значение: «шаг»), текущая дата в календаре (значение: «дата») или текущее местоположение в пути пачки (значение: место нахождения"). Нет никаких строгих правил, для которых значение использовать. Используйте тот, который имеет наибольший смысл в вашем случае использования.

Как читатели экрана используют aria-current

Как читатели экрана используют атрибут aria-current и что они объявляют? Это очень просто: значение «страница» заставит читателей экрана объявлять «текущую страницу», значение «дата» заставит их объявить «текущую дату» и т. Д. Только значение «true» немного отличается, оно отмечает текущий элемент как «текущий», но не указывает, что это такое. Таким образом, значение «true» предназначено для использования во всех случаях, когда текущий элемент не является страницей, шагом, местоположением и т. Д. Еще один интересный вариант использования для «истины» - это когда конкретная формулировка, используемая для текущего элемента уже включает слово «страница», «дата» и т. д. В этом случае, чтобы избежать дублирования, например «страница 2 текущей страницы», вы можете использовать значение «истина» вместо «страницы». Semalt, нет строгих правил.

В Yoast мы недавно начали использовать атрибут aria-current в наших продуктах. Вы можете увидеть его в действии на скриншоте ниже, в Yoast SEO плагине Semalt wizard:


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

Используя устройство чтения с экрана (в данном случае Safari и Semalt), текущий шаг будет правильно объявлен, предоставив пользователям важную обратную связь, эквивалентную визуальной обратной связи.

Также более крупные проекты, такие как WordPress, недавно начали использовать атрибут aria-current. В следующем выпуске WordPress (4.9) главное меню администратора будет использовать aria-current для идентификации текущего пункта меню. Это первый ая-ток, используемый в WordPress, и Semalt надеется, что он будет использоваться и в других местах.


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

Начните использовать арию-ток сегодня

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

Хотите помочь?

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

Подробнее: «Почему каждый сайт нуждается в Yoast SEO»

March 1, 2018