3.2.1 フォーカス時
適合レベル:AA
概要
フォーカスがキャンセルされたり、フォーカスした瞬間になにかが動作することがない。
対応方法
フォーカス移動で以下のようなことがおきないようにする
・フォームが自動的に送信される
・新しいウィンドウを開く
・ページ内の現在位置を移動したり別のページに移動したりさせるコンポーネント
・分割されたカード番号の入力欄で、4桁入力した瞬間に自動で次の欄にフォーカスが移る
入力フィールドの文字サイズを16px以上にして、iPhoneでフォーカス時にズームされないようにする
各ページの検査結果
ページ名 | 検査結果 | 達成基準チェックリスト |
---|---|---|
フロントエンド, UI/UX, アクセシビリティのリベロジック株式会社 https://www.liberogic.jp/ |
適合 | 達成基準チェックリストを見る |
サービス | リベロジック株式会社 https://www.liberogic.jp/service/ |
適合 | 達成基準チェックリストを見る |
フロントエンド実装 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/frontend/ |
適合 | 達成基準チェックリストを見る |
ヘッドレスCMS構築 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/headless_cms/ |
適合 | 達成基準チェックリストを見る |
UIデザイン | サービス | リベロジック株式会社 https://www.liberogic.jp/service/design/ |
適合 | 達成基準チェックリストを見る |
アクセシビリティ対応 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/accessibility/ |
適合 | 達成基準チェックリストを見る |
様々なソリューション | サービス | リベロジック株式会社 https://www.liberogic.jp/service/other_services/ |
適合 | 達成基準チェックリストを見る |
私たちについて | リベロジック株式会社 https://www.liberogic.jp/about/ |
適合 | 達成基準チェックリストを見る |
実績紹介 | リベロジック株式会社 https://www.liberogic.jp/works/ |
適合 | 達成基準チェックリストを見る |
トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/ |
適合 | 達成基準チェックリストを見る |
お問い合わせ | リベロジック株式会社 https://www.liberogic.jp/contact/ |
適合 | 達成基準チェックリストを見る |