WAI-ARIA — перманентно временное решение, которое работает

Комплекс решений, направленный на решение проблем доступности, воплощенный в пополнение к 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>

Начнем с ролей. Их задача — сообщать вспомогательным технологиям (например, программам экранного доступа) о структуре и назначении документа или элементов, его составляющих.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *