WCAG2.1 AA 準拠

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/
適合 達成基準チェックリストを見る