Должен ли я использовать WAI-ARIA при сборке моего сайта? Будет ли это иметь какую-то выгоду? Кто-нибудь добавляет «роль» в свой код в данный момент?

Некоторая информация о WAI-ARIA - www.w3.org/WAI/intro/aria .

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

Кроме того, дополнительный вопрос, принесут ли поисковые системы какие-либо преимущества сайтам, использующим WAI-ARIA?

Список безопасных ролей для использования (я думаю)

•   role="article"
•   role="banner"
•   role="complementary"
•   role="contentinfo"
•   role="form"
•   role="heading"
•   role="main"
•   role="navigation"
•   role="search"

Примеры использования в коде HTML5:

<header role="banner"></div>для основного заголовка баннер допускается только один раз на страницу

<header role="heading"></div>- для всех заголовков после основного

<aside role="complementary"></aside>

<form role="search"></form>

Хорошо, я размышлял и исследовал это с тех пор, как вы спросили об этом.

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

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

Если бы больше веб-мастеров приняли WAI-ARIA, мы могли бы начать видеть больше преимуществ и ограничений.

Так как есть некоторые плюсы, и никаких негативов (за исключением небольшого увеличения времени записи и размера HTML), я говорю, пойти на это.

Вот интересная запись в блоге на эту тему.

Эта. является. дерьмо.

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

Но этот материал должен прекратиться.

Согласно сообщению в блоге, указанному выше.

Хотя может показаться, что тег nav будет определять «роль» элемента nav, не каждый браузер поймет его (если браузер может отображать его, это не означает, что он понимает тег).

Послушайте, если вы слепы и не можете обновить свой браузер до совместимого с HTML5 ридера, нам нужно начать смотреть на вас в том же свете, что и на пользователей IE6. Вы можете быть слепым; но ты не глупый. Быть слепым не оправдывает лени. Вам просто нужен новый читатель экрана.

<div class="sr_only">
  <span role="navigation">
  <span role="heading">
  <span role="article">
  <span role="search">
    Dear Blind community, we write semantic HMTL5 for a purpose.
    Update your screen reader!

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

Также важно то, что многие из этих вещей портят новые программы чтения с экрана, если они сделаны неправильно. Например, <nav>обычно это простой контейнер для <ul>. Если у вас есть <ul role="navigation">под, <nav>вы можете столкнуться с проблемой с бесполезным многословием .