キーボードIGTは、ページのタブストップのテストを案内します。タブ順序分析を自動化することで、このテストは複雑なアクセシビリティの問題を非常に短い時間と労力で検出することができます。
仕組み
最初に行うべきことは、ページをテストしたい状態にすることです。その後、キーボードアクセシビリティを判定するアクセシビリティテストの完了まで、いくつかの簡単な質問があなたを案内します。キーボードIGTは自動的にすべての要素をタブで移動し、すべてのタブストップを記録します。
ステップ1: 自動タブ移動
「START」がクリックされると、キーボードIGTは自動タブ移動を開始し、ページの自然なタブ順序に沿って移動しながら各タブストップをハイライトします。タブ順序の最後が検出されると、「タブ移動完了」メッセージが表示され、記録されたタブストップの数と共に表示されます。
遅延読み込みのあるページでは、いつでも「TAB 移動を停止」をクリックして自動タブ移動を手動で終了できます。
ステップ2: 欠落要素
タブ順序に含まれることを期待していたが、含まれていなかった要素はありますか?
自動タブ移動が記録され、各タブストップを確認した後、タブ順序から欠落している要素を選択できます。
ステップ3: 代替手段
タブ順序でスキップされた要素を特定しました。それぞれの要素に対して、キーボードのみで同じ機能を使用する手段がありますか?
The Keyboard IGT attempts to predict elements that すべき be in the tab order based on a number of heuristics. If your page contains any of these, you will be able to review them and determine if the given skipped element has an alternative (an element which performs the same action) that was in the tab order.
ステップ4: 目的
タブ順序に含まれている要素で、支援技術にインタラクティブ性を示す役割を持たない要素を特定しました。
タブ順序に含まれる要素がインタラクティブな役割を持たない場合、それぞれを確認するように求められます。要素が何らかの形でインタラクティブであり、クリック、ホバー、フォーカス、またはその他のユーザーインタラクションによって機能がトリガーされる場合は、「要素はインタラクティブです」を選択します。要素がスクロール可能な領域であり、キーボード専用ユーザーが領域をスクロールできるようにフォーカス可能である必要がある場合は、「要素はスクロール可能な領域です」を選択します。それ以外の場合は、「要素はインタラクティブでもスクロール可能でもない」を選択します。
以上です。キーボードアクセシビリティテストのほとんどを成功裏に実行しました。見つかった問題を修正することで、ユーザーの5人中1人以上にとって最も難しい問題を排除できます!
自動モードでの実行
自動IGTモードが有効になると、キーボードIGTはAIを使用して自動タブ移動完了後にページのタブストップを自動的に分析します。
自動モード: 自動タブ移動フェーズ
IGTは、標準のキーボードIGTと同様の自動タブ移動から始まり、ページの自然なタブ順序に従い各タブストップを記録します。タブ移動が完了すると、AIが即座に分析を開始します。
自動モード: AI分析フェーズ
AIは、フォーカスインジケーターの有無、役割、および可視性について記録された各タブストップを自動的に評価します。また、欠落したタブストップを確認し、キーボードトラップがある場合は自動的に脱出を試みます。
分析が完了すると、分析された要素の総数と合格・不合格の結果の内訳を含むAI分析概要が表示されます。そこから、AIの結果をレビューし、修正を加え、テストを完了することができます。テストのレビュー、修正、完了の詳細については、自動IGTsをご覧ください。
テストの対象
キーボードIGTは以下をテストします:
- フォーカスインジケーターの有無
- フォーカスされた状態での各タブストップのコントラストの問題
- フォーカスを受けない隠されたアイテム
- 新しいウィンドウが起動したときにフォーカスが新しいウィンドウに移動する
- 要素にフォーカスが当たったときに予期しない変更が発生しない
- キーボードトラップ
