アクセシビリティ資料 検査項目事例集 WCAG 1.4.8

WCAG 1.4.8: 視覚的提示

読書や長文の閲覧において、利用者が前景色と背景色を自由に選択でき、1行の文字数(全角40文字/半角80文字以下)、行間(1.5倍以上)、段落間隔(行間の1.5倍以上)、横スクロールなしの拡大表示が保たれるようにします。

Level AAA 確認方法: 手動確認

意図的な失敗例: 読みやすい版面調整ができない

幅が広く行間が狭い固定レイアウトです。

長い説明文が横に広く詰め込まれ、行間も狭いため読みづらい状態です。利用者が読みやすい幅や間隔へ調整しにくい例です。

確認観点

  • 長文ページで文字色と背景色を利用者が変更できる仕組み、または利用者側のスタイル設定を妨げない実装になっているか確認する
  • 1行の長さが長すぎないよう、本文幅を制限する
  • 本文を両端揃えにせず、行間と段落間隔を十分に確保する
  • テキストを200%に拡大しても横スクロールなしで読めるか確認する

人の判断が必要な例

  • ブログ記事、利用規約、行政情報、教材など長文を読むページで、行を迷わず追いやすい設定になっているか確認する
  • 利用者がカスタムスタイルを適用した際に、本文の欠落・重なり・固定ヘッダーへの潜り込みが起きないか確認する
  • 1.4.4、1.4.10、1.4.12のAA要件を満たしたうえで、AAA水準として必要な調整ができているか判断・確認する

補助ツール候補

  • text-spacing
  • font-size-200

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。