目的の特定
Silktide は、ページ上の領域、アイコン、コントロールの目的をプログラムで特定できることを確認するよう促します。これにより、ユーザーエージェントは訪問者に合わせてページを調整できます。これは 達成基準 1.3.6(レベル AAA)です。
これはです。あらゆる目的をマークアップするための完成した W3C 語彙は存在せず、存在するセマンティクスが各領域やコントロールの目的と実際に一致しているかどうかを自動化ツールで判断することもできません。Silktide は各ページでこのプロンプトを表示し、人が確認します。
これが重要な理由
認知障害のある人、識字能力が低い人、注意力が限られている人は、ウェブを自分に合わせてカスタマイズすることがよくあります。必要のない領域を非表示にしたり、認識しやすいアイコンのセットに置き換えたり、コントロールを簡素化したりします。これは、各要素がどのような見た目かだけでなく、何のためのものかをページが示している場合にのみ機能します。
プログラムで目的を示さなければ、支援技術は「ホーム」リンクと「検索」ボタンと装飾的なアイコンを区別できず、パーソナライズツールも利用できる情報がありません。
チェックする内容
- 領域 - ページの主要な領域でランドマーク(
<header>、<nav>、<main>、<aside>、<footer>、または対応する ARIA ロール)を使用し、同じ種類の領域が複数ある場合は、アクセシブルな名前で区別します。 - コントロール - インタラクティブ要素で適切なネイティブ HTML または ARIA ロールを使用し、その目的が明確になるようにします(ボタンはボタン、リンクはリンクにします)。
- アイコン - 機能を持つアイコンには目的を示すアクセシブルな名前を付け、装飾的なアイコンは支援技術から非表示にします。
- ユーザーデータを収集するフォームフィールド - 該当する場合は、
autocompleteを使用して入力目的の特定(1.3.5)も満たします。
W3C は、ランドマークとロールを超える推奨パーソナライゼーション語彙をまだ完成させていません。そのため、現在ほとんどのサイトで実用的な基準となるのは、ランドマーク、正しいロール、名前付きアイコンです。
修正方法
- HTML5 のセクショニング要素または ARIA ランドマークでページの領域をマークします。
- クリック可能な
<div>よりも、ネイティブコントロール(<button>、<a>、フォーム入力)を優先します。 - すべての機能を持つアイコンにアクセシブルな名前を付け、装飾的なアイコンには
aria-hidden="true"を設定します。 - ユーザーデータのフィールドに
autocompleteトークンを追加します(1.3.5 を参照)。
ページの領域、アイコン、コントロールがその目的を明確に示している場合(または、目的を示す必要があるものがページにない場合)は、検出結果をします。
Silktide によるテスト方法
既存のセマンティクスが目的を正確に伝えているかどうかを Silktide が判断することはできないため、このチェックではページごとに 1 件のレビュープロンプトを表示します。1.3.1 と 4.1.2 にある Silktide の およびランドマーク関連のチェックでは、壊れたマークアップを自動的に検出します。このレビューでは、残された判断を扱います。1.3.6 を自動化する一般的なツールはありません。これに対応する W3C ACT ルールも存在しません。