2.4.3 フォーカス順序

適合レベル：A

概要

意味が通じる、適切な順序でフォーカス位置を変更していける。

対応方法

フォーカスの移動順序が意味のある順序になるようにする
・フォーカスを受け取れない要素にフォーカスさせるためにtabindexを使用する
・フォーカス順を変える目的でのtabindexはなるべく使用しない
・モーダル、ハンバーガーメニューを開いた時にフォーカスがモーダル、メニュー内だけに限定されるようにする
※モーダル、ハンバーガーメニューはテンプレートで用意しているコンポーネントの使用で達成できる

全体的な読み上げ順序については1.3.2
フォーカス可能な要素間の移動順序については2.4.3

各ページの検査結果

ページ名	検査結果	達成基準チェックリスト
フロントエンド, 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/	検査結果：適合	達成基準チェックリストを見る