コンテンツに移動
Silktideヘルプ

目的の特定

Silktide は、ページ上の領域、アイコン、コントロールの目的をプログラムで特定できることを確認するよう促します。これにより、ユーザーエージェントは訪問者に合わせてページを調整できます。これは 達成基準 1.3.6(レベル AAA)です。

これはです。あらゆる目的をマークアップするための完成した W3C 語彙は存在せず、存在するセマンティクスが各領域やコントロールの目的と実際に一致しているかどうかを自動化ツールで判断することもできません。Silktide は各ページでこのプロンプトを表示し、人が確認します。

これが重要な理由

認知障害のある人、識字能力が低い人、注意力が限られている人は、ウェブを自分に合わせてカスタマイズすることがよくあります。必要のない領域を非表示にしたり、認識しやすいアイコンのセットに置き換えたり、コントロールを簡素化したりします。これは、各要素がどのような見た目かだけでなく、何のためのものかをページが示している場合にのみ機能します。

プログラムで目的を示さなければ、支援技術は「ホーム」リンクと「検索」ボタンと装飾的なアイコンを区別できず、パーソナライズツールも利用できる情報がありません。

チェックする内容

  1. 領域 - ページの主要な領域でランドマーク(<header>、<nav>、<main>、<aside>、<footer>、または対応する ARIA ロール)を使用し、同じ種類の領域が複数ある場合は、アクセシブルな名前で区別します。
  2. コントロール - インタラクティブ要素で適切なネイティブ HTML または ARIA ロールを使用し、その目的が明確になるようにします(ボタンはボタン、リンクはリンクにします)。
  3. アイコン - 機能を持つアイコンには目的を示すアクセシブルな名前を付け、装飾的なアイコンは支援技術から非表示にします。
  4. ユーザーデータを収集するフォームフィールド - 該当する場合は、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 ルールも存在しません。

詳細情報

最終更新

このページは役に立ちましたか?