WCAG2.2 AA 準拠

2.4.7 フォーカスの可視化

適合レベル:AA

概要

フォーカスインジケーターが表示されている。

対応方法

・親にoverflowや、clip-pathを指定していてフォーカスが欠ける場合は、outline-offsetでマイナス値を指定したりpaddingなどで調整する
・重なる場合はfocus時のz-indexなどで調整する
・ラジオボタンやチェックボックスのデザインを変える際、display:none;にしない

各ページの検査結果

ページ名 検査結果 達成基準チェックリスト
フロントエンド, 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/works/
検査結果: 適合 達成基準チェックリストを見る
様々なソリューション | サービス | リベロジック株式会社
https://www.liberogic.jp/service/other_services/
検査結果: 適合 達成基準チェックリストを見る
私たちについて | リベロジック株式会社
https://www.liberogic.jp/about/
検査結果: 適合 達成基準チェックリストを見る
トピックス | リベロジック株式会社
https://www.liberogic.jp/topics/
検査結果: 適合 達成基準チェックリストを見る
お問い合わせ | リベロジック株式会社
https://www.liberogic.jp/contact/
検査結果: 適合 達成基準チェックリストを見る