WCAG2.2 AA 準拠

1.3.1 情報及び関係性

適合レベル:A

概要

ページの情報が適切にHTMLで構造化されている。色、形、配置に依存した情報が、読み上げた場合にもきちんと伝わるようになっている。

対応方法

・見出し箇所が見出しタグになっているか
・見出しの階層構造が適切か(h1からh6の使い方)
・構成やデザイン上見出しがない場合、.sr-only(.visually-hidden)を付与した見出しで補完する
・セマンティックな要素を適切に使用する
・ランドマーク要素を適切に使用する
・リストを適切にマークアップする(ul、olの使い分け)
・表を適切にマークアップする
・フォームのラベル付け(label要素でラベルとフィールドを関連付ける)
・必須項目のある入力フォームでは「必須」と明記する
・現在地にはaria-currentを入れる

見出し
構造的なマークアップの正しさ、論理構造として必要な見出しの提供については1.3.1
見出しの内容の分かりやすさについては2.4.6
セクショニングコンテンツでの見出しの存在と配置については2.4.1、2.4.10

ラベル
ラベル、説明が正しくマークアップ、関連付けがされているかは1.3.1
UI全般のラベル、説明の文言がわかりやすいかについては2.4.6
視覚的なラベルとアクセシブルネームの一致については2.5.3
フォームのラベル、説明の文言がわかりやすいかについては3.3.2
ラベル、説明をARIAなどで補助することについては4.1.2

各ページの検査結果

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