specsfy-specialist-web-accessibility

Web アクセシビリティ

ワークフロー

1. 対象ユーザー、必要な WCAG レベル、重要なフローを定義します。
2. ARIA やカスタムウィジェットより先に、ネイティブ HTML 要素を使用します。
3. 構造、ランドマーク、見出し、ラベル、アクセシブルな名前を確認します。
4. キーボード操作、フォーカス順序、可視フォーカス、変更後のフォーカス管理を実装します。
5. 色、コントラスト、ズーム、リフロー、動き、メディアを検証します。
6. 自動解析と手動検査を実施します。
7. 重要なフローをスクリーンリーダーでテストし、制限事項を記録します。

パターン

• 操作がホバー、色、ジェスチャー、または正確なポインター操作だけに依存してはなりません。
• すべてのコントロールに、正しい名前、役割、値、状態を設定します。
• モーダルはフォーカスを閉じ込め、予測可能な方法で閉じられ、フォーカスを元に戻します。
• エラーはフィールドに関連付け、必要に応じて要約します。
• 非同期の更新では、関連する情報のみを通知します。
• チャートには同等のテキストまたは表を用意し、色に依存しないようにします。
• ARIA で誤ったネイティブセマンティクスを修正してはなりません。

検証

• トラップのない、完全なキーボード操作。
• 200% ズーム、400% リフロー、コントラスト、および該当する場合は強制カラー。
• Axe／リンターとアクセシビリティツリーの検査。
• リスクの高いフローでのスクリーンリーダーによるテスト。

WCAG の基準、APG のパターン、フォーム、ダッシュボード、テストについては、references/standards.md を参照してください。