WAI-ARIA (ウェブデザイン技能検定 用語集)

WAI-ARIA

Web Accessiblity Initiative - Accesible Rich Internet Application の略。

WAI-ARIA は、W3Cによって定められた仕様です。
HTMLの属性などを定義しており、アクセシビリティの向上を目的としています。

ここで規定される仕様は主に3つあります。

1、roles
要素が何であるか、何をするための要素かを定義します。
例えば、nav タグには、navigation という role が標準で付与されています。
その他、banner, search, tabgroup など様々なroleが存在し、
タグにrole指定して使う事も可能です。

2、properties
要素の性質を定義します。
例えば、aria-required = "true" となっていた場合、inputフォームの入力が必須となります。

3、states
要素の現在の状態を定義します。
例えば、aria-disabled = "ture" となっていた場合、inputがdisabledであることをスクリーンリーダーに伝えます。