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