WCAG 1.4.12: ユーザーが指定したテキスト間隔でもコンテンツが欠落しないか確認する
行間、段落後の間隔、文字間、単語間を利用者が広げても、テキストの切れ・重なり・情報欠落・操作不能が起きないか確認します。
意図的な失敗例: テキスト間隔変更で欠落する
利用者が字間や行間を広げると内容が隠れます。
文字間隔や行間を広げると、この説明文は途中で見えなくなります。
確認観点
- テキスト間隔ツールをONにし、行間1.5倍、段落後2倍、文字間0.12em、単語間0.16em相当の表示にする
- 本文、見出し、ナビゲーション、ボタン、カード、フォーム、モーダル、アコーディオン内のテキストを確認する
- 固定高さ、狭い幅、overflow:hidden、絶対配置などでテキストが切れていないか確認する
- レスポンシブ表示や多言語・長い語句でも、間隔調整後に情報と機能が維持されるか確認する
人の判断が必要な例
- テキストが途中で見切れる、重なる、隠れる、読めなくなる箇所がないか確認する
- フォームのラベル、入力例、エラーメッセージ、補足説明が間隔調整後も対応関係を保っているか確認する
- ユーザー指定の文字間隔・行間・余白を上書きしていないか確認する
補助ツール候補
- text-spacing
生成メモ
- デバイス・環境検証が必要