Технические характеристики веб-доступности
Инициатива по обеспечению доступности веб-сайтов – доступные многофункциональные интернет-приложения ( WAI-ARIA ) – это техническая спецификация, опубликованная Консорциумом Всемирной паутины (W3C), которая определяет, как повысить доступность веб -страниц , в частности, динамического контента и компонентов пользовательского интерфейса , разработанных с использованием Ajax , HTML , JavaScript и связанных с ними технологий.
В рабочем проекте SVG 1.2 Tiny от 15 сентября 2008 года была добавлена поддержка WAI-ARIA. [1] 20 марта 2014 года WAI-ARIA 1.0 стал завершённой рекомендацией W3C. [2] 14 декабря 2017 года был выпущен WAI-ARIA 1.1. [3]
5 правил ARIA
- Не используйте ARIA, если вы можете достичь той же семантики с помощью собственного элемента или атрибута HTML [4]
- Не изменяйте семантику собственного HTML (если только это не действительно необходимо) [5]
- Все интерактивные элементы управления ARIA должны быть доступны для использования с клавиатурой. [6]
- Не удаляйте семантику и не скрывайте фокусируемые элементы (используя role="presentation" или aria-hidden="true" для фокусируемого элемента) [7]
- Убедитесь, что все интерактивные элементы имеют доступное имя (доступное имя API доступности). [8]
Объем
Веб-разработчики все чаще используют клиентские скрипты для создания элементов управления пользовательского интерфейса, которые невозможно создать только с помощью HTML. Они также используют клиентские скрипты для обновления разделов страницы без запроса совершенно новой страницы с веб-сервера . Такие методы на веб-сайтах называются насыщенными интернет-приложениями . Эти элементы управления пользовательским интерфейсом и обновления контента часто недоступны для пользователей с ограниченными возможностями , особенно для пользователей программ чтения с экрана и пользователей, которые не могут использовать мышь или другое указывающее устройство . WAI-ARIA позволяет веб-страницам (или частям страниц) объявлять себя приложениями, а не статическими документами , добавляя информацию о ролях, свойствах и состоянии в динамические веб-приложения. ARIA предназначен для использования разработчиками веб-приложений , веб-браузеров , вспомогательных технологий и инструментов оценки доступности. [9]
WAI-ARIA описывает, как добавлять семантику и другие метаданные в HTML-контент, чтобы сделать элементы управления пользовательского интерфейса и динамический контент более доступными. Например, с помощью WAI-ARIA можно идентифицировать список ссылок как навигационное меню и указать, развернуто оно или свернуто. Хотя изначально WAI-ARIA был разработан для решения проблем доступности в HTML, его использование не ограничивается HTML: в принципе, его можно использовать и в других языках разметки, таких как масштабируемая векторная графика (SVG). [10] [11]
Документы
Инициатива по обеспечению доступности веб-сайтов опубликовала обзор WAI-ARIA, который знакомит читателей с предметом и направляет их к документам пакета WAI-ARIA: [9]
- Доступные многофункциональные интернет-приложения (WAI-ARIA) Версия 1.0
- Это в первую очередь нацелено на разработчиков веб-браузеров , вспомогательных технологий и других пользовательских агентов , а также на разработчиков других технических спецификаций и разработчиков инструментов оценки доступности. WAI-ARIA был отмечен как завершенный 20 марта 2014 года и, следовательно, является рекомендацией W3C . [12]
- Обзор WAI-ARIA
- Это техническое введение в WAI-ARIA. Оно описывает проблемы, которые пытается решить WAI-ARIA, базовые концепции, технический подход и бизнес-причины принятия WAI-ARIA. [9]
- Практики авторской разработки WAI-ARIA
- В этом документе описываются передовые методы предоставления многофункциональных интернет-приложений с помощью WAI-ARIA: в нем обсуждаются такие темы, как общие шаги по созданию доступных виджетов , навигация с помощью клавиатуры, отношения, свойства форм , поддержка перетаскивания , окна оповещений и диалоговые окна , повторно используемые библиотеки компонентов и тестирование . [13]
- Дорожная карта для доступных многофункциональных интернет-приложений (дорожная карта WAI-ARIA)
- Большая часть содержания этого документа была перенесена в другие документы. [14]
Редакторами спецификаций ARIA были Лиза Симан , Рич Швердтфегер, Джеймс Крейг, Майкл Купер и Лиза Паппас. [12]
Смотрите также
Ссылки
- ^ "Спецификация масштабируемой векторной графики (SVG) Tiny 1.2". www.w3.org . Получено 09.05.2023 .
- ^ "Доступные многофункциональные интернет-приложения (WAI-ARIA) 1.0". www.w3.org . Получено 2023-05-09 .
- ^ "Доступные многофункциональные интернет-приложения (WAI-ARIA) 1.1". www.w3.org . Получено 2023-05-09 .
- ^ "ARIA и HTML". web.dev . Получено 2023-05-09 .
- ^ "5 правил ARIA". Сообщество DEV . Получено 2023-05-09 .
- ^ "StackPath". www.deque.com . Получено 2023-05-09 .
- ^ "WebAIM: Введение в ARIA - Доступные многофункциональные интернет-приложения". webaim.org . Получено 2023-05-09 .
- ^ "Использование ARIA". www.w3.org . Получено 2023-05-09 .
- ^ abc Купер, Майкл, ред. (2011-01-18). "Обзор WAI-ARIA". Рабочая группа по доступным многофункциональным интернет-приложениям, Рабочая группа по образованию и пропаганде. W3C (опубликовано в декабре 2006 г.) . Получено 21 апреля 2021 г.
- ^ Рабочая группа SVG (22.12.2008). «Структура документа – SVG Tiny 1.2 § 5.10.1 Атрибуты, общие для всех элементов». W3C . Получено 21.04.2021 .
- ^ Рабочая группа SVG (22.12.2008). «Структура документа – SVG Tiny 1.2 § 18.3 Расширяемые атрибуты метаданных». W3C . Получено 21.04.2021 ..
- ^ ab "Доступные многофункциональные интернет-приложения (WAI-ARIA) 1.0". W3.org . Получено 11.04.2014 .
- ^ Кинг, Мэтт; Ку, Джаын Джемма; Нуртен, Джеймс; Бийл, Зои; Купер, Майкл; Шойхаммер, Джозеф; Паппас, Лиза; Швердтфегер, Рич, ред. (14.08.2019). "WAI-ARIA Authoring Practices 1.1". Рабочая группа по доступным многофункциональным интернет-приложениям . Получено 09.04.2021 .
- ^ Schwerdtfeger, Richard, ed. (2008-02-04). "Дорожная карта для доступных многофункциональных интернет-приложений (WAI-ARIA Roadmap)". W3C . Protocols & Formats Working Group . Получено 2012-12-06 .
Внешние ссылки
- Инструменты проверки доступности веб-сайтов Гарета Слинна
- Введение в WAI ARIA от Геза Лемона
- Документация, видео и статьи портала разработчиков ARIA, касающиеся ARIA (материалы по лицензии Creative Commons Attribution-Share Alike)
- Хенни Свон (Opera): Настройка тестовой среды для программы чтения с экрана для WAI-ARIA