WCAG 1.4.12: テキストの間隔
利用者が行送り(line-height 1.5倍以上)、段落後の間隔(フォントサイズの2倍以上)、文字間隔(letter-spacing 0.12倍以上)、単語間隔(word-spacing 0.16倍以上)を指定した場合でも、文字の欠損や重なり、コンテナ外へのあふれによる非表示、操作不能が発生しないようにします。
意図的な失敗例: テキスト間隔変更で欠落する
利用者が字間や行間を広げると内容が隠れます。
文字間隔や行間を広げると、この説明文は途中で見えなくなります。
確認観点
- テキスト間隔チェッカー(ブックマークレットや拡張機能)を適用してスタイルを変更する
- ボックスの高さ固定(height固定)や overflow: hidden によって文字が途切れていないか確認する
- ボタンやメニュー項目内のテキストがボタン枠からはみ出して重なっていないか確認する
人の判断が必要な例
- テキスト間隔を広げた状態でも、すべてのテキストが読め、ボタンやリンクがクリックできるか確認する
補助ツール候補
- text-spacing
生成メモ
- デバイス・環境検証が必要