ARIA

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Accessible Rich Internet Applications (ARIA) определяет способ сделать веб контент и веб приложения (особенно те, которые разработаны с помощью Ajax и JavaScript) более доступными для людей с ограниченными возможностями. Например, ARIA делает доступным навигационные маркеры, JavaScript виджеты, подсказки на форме, сообщения об ошибках, автоматические обновления и многое другое.

ARIA - это набор специальных атрибутов, которые могут быть добавлены в любую разметку,  но особенно подходят для HTML. Атрибут role определяет тип объекта (такие как статья, оповещение или ползунок). Дополнительные ARIA атрибуты предоставляют другие полезные возможности, такие как описания для форм или текущее значение индикатора выполнения.

Поддержка ARIA реализована в большинстве современных браузеров и программах экранного доступа. Конечно, реализации различаются, и старые технологии не поддерживают их полностью (либо вообще не поддерживают). Используйте либо постепенно деградирующий "щадящий" ARIA, или просить пользователей использовать новые технологии.

Note: Пожалуйста, примите участие в написании и/или переводе статей чтобы сделать ARIA понятнее и доступнее для тех, кто только начинает изучать материал! Не хватает на это времени? Тогда отправьте свои предложения в список рассылки Mozilla по теме accessibility, или на IRC каналс тэгом #accessibility.

Начало работы с ARIA

Введение в ARIA
Быстрое введение в превращение динамического контента в доступный с помощью ARIA. Смотрите также классическую статью ARIA intro by Gez Lemon, from 2008.
Web Applications and ARIA FAQ
Ответы на часто задаваемые вопросы о том как и почему нужно использовать ARIA в разработке интерфейсов веб-приложений.
Записи использования экранных читалок с ARIA.
На этих видео можно увидеть реальные и учебные примеры того ARIA улучшает доступность.
Использование ARIA в HTML
Практическое руководство для разработчиков. Содержит рекомендации по использованию ARIA-атрибутов при разметке.

Простое улучшение ARIA

Улучшение навигации по странице с помощью ARIA Landmarks
Хорошее введение в использование ARIA landmarks для улучшения навигации для пользователей с экранными читалками. Стоит также заглянуть в заметки по поддержке ARIA landmarks читалками и примеры использования на реальных сайтах (опубликовано в Июле 2011).
Улучшение доступности форм
ARIA используется не только для обозначения динамического контента! Узнайте, как улучшить доступность форм HTML используя дополнительные ARIA-атрибуты.
Live regions (в процессе написания)
Live regions подсказывают экранным читалкам как правильно обрабатывать изменения контента на странице.
Использование ARIA Live Regions для оповещения об изменении контента страницы
Краткая сводка об использовании live regions от создателей JAWS screen reader software. Live regions также поддерживаются NVDA в Firefox и VoiceOver в Safari.

ARIA для виджетов на JavaScript.

Навигация с помощью клавиатуры и фокус в виджетах на JavaScript
Первый шаг в создании доступных JavaScript виджетов, позволяющих производить навигацию с помощью клавиатуры. Статья описывает последовательные шаги по достижению цели. Еще один хороший ресурс - статья Yahoo! об управлении фокусом.
Style Guide for Keyboard Navigation
В этом руководстве описываются способы управления самыми распространенными виджетами с клавиатуры.

Дополнительные ресурсы по ARIA

Виджеты. Техники, руководства, примеры.
Нужен слайдер, меню или другой виджет? здесь вы можете найти все, что нужно
JavaScript UI библиотеки со встроенной поддержкой ARIA.
Если вы начинаете новый проект, то вам стоит обратить внимание на UI библиотеки, имеющие встроенную поддержку ARIA. Внимание: статья 2009 года — то, что она описывает, стоит вынести в отдельную статью на MDN, которая будет поддерживаться в актуальном состоянии.

Список рассылки.

Открытая Google Group, посвященная ARIA
Здесь можно задать вопрос об ARIA, а также предложить улучшение существующей документации, которая находится там же.

Блоги

Хотя информация в блогах быстро теряет актуальность, все же в них можно почерпнуть ценную информацию из первых рук - разработчиков, развивающих ARIA.

Paciello Group

Accessible Culture

Обнаружение багов.

Сообщайте об ошибках ARIA в браузерах, экранных читалках и библиотеках JavaScript.

Примеры

ARIA. Библиотека примеров.
Набор примеров по которым можно многому научиться.
Различные демки библиотек с доступными JS виджетами.
jQuery, YUI
Yahoo! Mail
Детище Yahoo! - Yahoo! Mail, веб-приложение, выглядящее практически как нативное и вполне доступное. После обзора Yahoo! Mail с использованием экранной читалки Marco Zehe сказал: "Хорошая работа, не сбавляйте обороты!".
Yahoo! Search
Yahoo! проделали невероятную работу по продвижению ARIA в своем поисковике, используя все возможности и делясь своим опытом. Yahoo! Search использует одновременно ARIA landmarks, live regions, и widgets.

Стандартизация.

WAI-ARIA Activities Overview at W3C
Authoritative Overview of WAI-ARIA Standardization efforts by the Web Accessibility Initiative (WAI)
WAI-ARIA Specification
The W3C specification itself, useful as a reference. Note that, at this stage, it is important to test compatibility, as implementations are still inconsistent.
WAI-ARIA Authoring Practices

Like the W3C WAI-ARIA specification, the official best practices represents a future ideal — a day when authors can rely on consistent ARIA support across browsers and screen readers. The W3C documents provide an in-depth view of ARIA.

For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.

Open AJAX Accessibility Task Force
The Open AJAX effort centers around developing tools, sample files, and automated tests for ARIA.
Under Construction: WCAG 2.0 ARIA Techniques
The community needs a complete set of WCAG techniques for WAI-ARIA + HTML, so that organizations can be comfortable claiming their ARIA-enabled content is WCAG compliant. This is important when regulations or policies are based on WCAG.

Accessibility, AJAX, JavaScript

Метки документа и участники

 Внесли вклад в эту страницу: gudkovdanila, Banzay, EvgenyI
 Обновлялась последний раз: gudkovdanila,