Комплекс решений, направленный на решение проблем доступности, воплощенный в пополнение к HTML-разметке, называется WAI-ARIA (Web Accessibility Initiative — Accessible Rich Internet
Applications). Он носит характер рекомендаций и стал доступным еще до появления HML5. Он разработан консорциумом W3C в 2008-2009 годах, актуальной является версия WAI-ARIA 1.0.
Проблемы доступности
Принцип работы WAI-ARIA довольно прост: стандарт задает набор атрибутов HTML, позволяющих определить интерфейсные функции, обозначить их взаимодействие с пользователем и другими объектами. Ничего не понятно? Давайте посмотрим, как это выглядит на практике.
<!DOCTYPE html PUBLIC "Accessible Adaptive Applications//EN” Http://www. w3.org/TR/xhtml1/DTD/xhtml1-strict. dtd”>
<body>
<div role=”menu” aria-haspopup=”true” tabindex=-1>
</div >
<input type=”image” src=”thumb. gif” alt=”Effectiveness” role=”slider” aria-valuemin=”0” aria-valuemax=”100” aria-valuenow=”42” aria-valuetext=”42 percent” aria-labelledby=”leffective”>
</body>
</html>
В стандарте WAI-ARIA предопределены следующие сущности:
— Роль (role) — предназначена для описания активного элемента, такого как nav или slider. Эти же роли могут определять и структурно или семантически значимые элементы. Пример:
<div role = ”header”>…</div>
<div role = ”button”></div>
— Атрибуты, описывающие состояния и свойства объектов, например checked, selected:
<a role=”menuitemcheckbox” aria-checked=”false” >
<li role=”menuitemcheckbox” aria-checked=”true”>
<img src=”checked. gif” role=”presentation” alt=””>
Sort by Last Modified </li>
Начнем с ролей. Их задача — сообщать вспомогательным технологиям (например, программам экранного доступа) о структуре и назначении документа или элементов, его составляющих.
Добавить комментарий