- PVSM.RU - https://www.pvsm.ru -

Инструменты и примеры кода для разработки ARIA

Подборка инструментов, примеров кода и других ресурсов по теме разработки с использованием WAI-ARIA [1] (Web Accessibility Initiative — Accessible Rich Internet Applications), инициативы обеспечения доступности высокофункциональных Интернет-приложений.

Подборка взята из блога Web Axe [2], но было бы интересно увидеть в комментариях и другие ссылки, если кому-либо есть чем поделиться по этой теме.

Инструменты

Примеры кода

Ещё

Автор: Tseikovets

Источник [17]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/html/31124

Ссылки в тексте:

[1] WAI-ARIA: http://www.w3.org/TR/wai-aria/

[2] Web Axe: http://www.webaxe.org/tools-code-examples-for-aria-development/

[3] aViewer: http://blog.paciellogroup.com/2012/07/latest-aviewer-alpha-2012/

[4] Инспектор доступности для Firebug: http://code.google.com/p/ainspector/

[5] Juicy Studio Accessibility Toolbar: https://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/

[6] WAVE 5: http://wave.webaim.org//

[7] Web-инструменты оценки WeBookmarklet: http://accessibility.oit.ncsu.edu/tools/web-evaluation-tools/

[8] Deque WorldSpace FireEyes: http://www.deque.com/deque-fireeyes

[9] Методы WAI-ARIA с примерами кода (© 3Needs): http://3needs.org/en/testing/sr-aria.html

[10] Доступные компоненты jQuery-UI (© Ханс Хиллен): http://hanshillen.github.com/jqtest/#goto_slider

[11] Примеры ARIA OpenAjax (без использования якорей, что всё-таки рекомендуется).: http://www.oaa-accessibility.org/examples/

[12] Ресурсы по ARIA на MDN: https://developer.mozilla.org/en-US/docs/Accessibility/ARIA

[13] Использование WAI-ARIA в HTML (набросок W3C): https://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html

[14] Введение в ARIA (© Slideshare): http://www.slideshare.net/kwahlbin/introduction-to-waiaria

[15] ARIA Gone Wild (© CSUN): http://www.slideshare.net/jared_w_smith/aria-gone-wild

[16] Схема структурных элементов HTML5 с ARIA Landmark Roles (© Flickr): http://www.flickr.com/photos/odmag/8467120722/

[17] Источник: http://habrahabr.ru/post/175323/