ランダム動物ジェネレーター

誰でも同じ操作を

アクセシビリティ

WCAG 2.2 AAの基本を目標とし、マウス、音、ドラッグ、動物画像なしで抽選を完了できるようにしています。

キーボードとスクリーンリーダー

操作には見えるラベル、論理的なキーボード順、明確なフォーカス、十分なタッチ領域があります。結果は構造化テキストで、状態は丁寧なライブ領域から通知され、抽選後にフォーカスが突然移りません。

一般名、学名、フィルター、操作は、装飾シーンの解釈に依存しません。出典とエラーもテキストで確認できます。

動きと視覚表現

通常は暗いレイヤーが右から左へ現れ、短い順序でタイトルが続きます。この効果が意味を持つ結果の表示を遅らせたり、時間内の反応を求めたりすることはありません。

prefers-reduced-motionが有効な場合、移動は即時に完了するか約120ミリ秒の最小限のフェードになります。装飾用CSS要素は支援技術から隠し、色だけで情報を伝えません。

表示の適応と個人設定

狭い画面では配置を組み替え、ブラウザーの拡大にも対応する設計です。セッション保存や分類リンク先が利用できない場合も、主要な名前と端末内抽選は使えます。

音声、自動再生、点滅、動物画像を使いません。ホイール、キャンバス上のジェスチャー、ポインター専用操作も必要ありません。

検証とフィードバックの状況

自動検査とレスポンシブ確認だけでは、VoiceOver、NVDA、TalkBack、キーボードのみの操作、200〜400%拡大、強制色の手動テストを代替できません。これらは公開条件であり、認証取得は主張しません。

アクセシビリティ上の障壁は公開連絡先から報告できます。対象ページ、試した操作、必要に応じてブラウザーや支援技術を記載してください。