Pick a Squad

Pick a Squadのアクセシビリティ

WCAG 2.2 AAを意識した基本機能を目指し、画面が対応することと、手動確認が残ることを明記します。

キーボードとフォーカス

フォーム、任意ルール、生成、結果の操作、ナビゲーションはキーボードで使えることを意図しています。フォーカスは見える状態を保ち、生成された名前へ突然移動せず、文書順に進みます。

ラベル、エラー、ステータスメッセージ

表示ラベルで入力欄と操作を識別します。検証メッセージは注意が必要な設定を説明し、丁寧なステータス領域は変更のたびに全員の名前を読み上げず、短い結果概要だけを通知します。

見出し、ランドマーク、リスト、チーム人数で構造を示します。リーダー、エラー、モード、状態を色だけで区別しません。

ズーム、コントラスト、動き、レスポンシブ表示

幅320ピクセル、400%ズームでも横スクロールなしで使える表示を意図しています。文字と操作はAAコントラストを目標とし、頻繁に使う操作には押しやすい領域を確保し、フォーカスを隠さないようにします。

作業の理解や完了に動きは必要ありません。動きを減らす設定を尊重し、生成結果は点滅、音、常時アニメーションに依存しません。

書き出しと印刷

コピーとCSVは、画面上のカード一覧を読む以外の手段になります。印刷ではチーム見出しと予測可能な読み順を使うため、拡大、投影、PDF保存、紙での利用ができます。

クリップボードとダウンロードの動作はブラウザ権限に左右されます。コピーに失敗しても結果を選択し、手動でコピーできます。

確認範囲の限界

自動チェックだけで完全なアクセシビリティを確認することはできません。VoiceOver、NVDA、TalkBackの動作はブラウザーや端末によって異なる場合があります。問題は利用規約の連絡先へお知らせください。参加者の名前は含めないでください。

チーム分けツールを開く