感覚的な特徴
Silktide は、クリックまたは押す対象を、その見た目(色、形、大きさ、画面上の位置)だけで特定していないことを確認するよう促します。「緑のボタンをクリックしてください」のような指示は、読み手がページを視覚的に見られることを前提としています。
これはです。自動化によって、あらゆる言語や表現を確実に判断することはできないため、Silktide は各ページでこのプロンプトを表示し、人が確認します。
<!-- 問題: 対象が色だけで特定されている -->
<p>続行するには、緑のボタンをクリックしてください。</p>
<!-- 修正後: 対象に名前が付けられており、色にも言及できる -->
<p>続行するには、緑色の「送信」ボタンをクリックしてください。</p>
重要な理由
見た目に依存する指示は、ページを視覚的に認識できないすべての人を排除します。を使う視覚障害のある訪問者は「丸いアイコン」を見つけられません。色覚異常のある訪問者は、どのボタンが緑色なのか判断できない場合があります。また、小さな画面では「右側のボタン」がまったく別の場所に移動している可能性があります。対象を「送信ボタン」のように名前で示せば、その名前が読み上げられ、検索でき、レイアウトに左右されないため、誰にとっても機能します。
チェックする内容
- ページ上の操作手順(フォーム、ウィザード、ヘルプテキスト、空の状態)を読みます。
- コントロールを指し示す各指示に、そのコントロールの名前が付いていることを確認します。名前は、表示テキスト、アクセシブルな名前、その他の非感覚的な手がかりによって示されます。
- 感覚に関する語(緑色、丸い、右側)は、名前と併用されていれば問題ありません。唯一の手がかりである場合にのみ不適合となります。
- 音だけによる指示(「チャイムが聞こえたら……」など)にも注意します。
すべての指示で対象に名前が付いている場合(またはページに指示がない場合)は、その検出結果をします。
修正方法
各指示を書き換え、対象の名前またはテキストラベルを含めます。感覚的な説明を追加の手がかりとして残すこともできます。「緑色の送信ボタンをクリックしてください」は、名前も含まれているため問題ありません。
Silktide によるテスト方法
Silktide は、感覚だけに依存する指示を自動的に確実に検出することはできません。英語のフレーズ照合では誤検出が生じ、他の言語を見落とすため、このチェックでは各ページにつき1件のレビュー用プロンプトを表示し、確認すべき内容を説明します。