Роли и aria-атрибуты

[PavelTkachev]

Подскажите, зачем нужны роли и aria-атрибуты?

По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

[PavelTkachev]

Неужели этим никто не пользуется?

[SelenIT]

Есть вот такой документ с общими правилами использования aria-ролей и табличкой ролей по умолчанию: http://w3c.github.io/aria-in-html/

[PavelTkachev]

А зачем это всё нужно и как это используется в жизни? То, что я их пропишу - это точно. Но я не могу понять в чём будет польза-то.

[SelenIT]

В теории, экранные читалки для слепых и т.п. будут зачитывать соотв. части страницы правильно. Напр. не просто "ссылка первая, ссылка вторая..." и так 100500 раз (в случае глубокого древовидного меню), а "Блок навигации. Пропустить?". Ну и как следствие, поисковикам тоже будет проще понять, для чего нужен тот или иной блок на странице.

 

Как на самом деле — надо тестировать с разными комбинациями таких читалок и браузеров, т.к. бывает по-разному.

[PavelTkachev]

Сделал я микроформаты, микроразметку, роли с aria-label, семантические теги из HTML5. Есть ещё что-то о чём я ещё не знаю, но стоит сделать для больше доступности?

[SelenIT]

Хорошие практические примеры неочевидного применения таких штук есть в этом блоге по тегу «A11y».

[PavelTkachev]

Спасибо!