部品やアイコン、ページの領域が何を表すかを、ソフトにも伝える。

05条件と補足

対象は部品・アイコン・領域

この基準は、マークアップ言語で実装されたコンテンツを対象にします。対象は入力欄だけではありません。

目的を表す意味の情報やメタデータを関連付け、ソフトが取得して利用できるようにします。見慣れたアイコンへの置き換えなどは、その情報を利用する支援の例です。サイト自身に、すべての利用者向けの記号セットや表示切替を実装することが、この基準の要件という意味ではありません。

目的に合う意味の指定

領域では、HTMLの要素やARIAランドマークを使う方法が公式テクニックARIA11にあります。例えばnavigationは移動用リンクの領域、mainは主要な本文の領域を表します。regionなど、領域として扱うために名前が必要なものもあります。

同じ種類のナビゲーションが複数ある場合は、「講座メニュー」「関連する講座」のように区別します。ページ全体の構造や、要素が置かれる場所にも合わせます。目的と異なる役割を付けたり、独自の属性名を書くだけで、支援技術に伝わると判断したりしません。

標準HTMLやARIAは方法の例です。特定の属性や、開発中の仕様を、すべての部品へ一律に追加する基準ではありません。利用する技術で、その対象の目的を取得できるかを確かめます。

1.3.5・4.1.2との違い

1.3.5「入力目的の特定」は、一覧に含まれる利用者本人の情報を入力する欄が対象です。1.3.6は、操作する部品・アイコン・領域へ対象を広げ、何を表すものかをソフトに伝えるAAAの基準です。

4.1.2「名前 (name)・役割 (role)・値 (value)」で「ボタン」という種類や名前を伝えることと、その部品がホームへ戻るなどの目的を伝えることを区別します。読める名前やrole="button"を付けただけで、すべての目的が伝わるとは限りません。