適用 (対象)
全てのウェブコンテンツ技術
これは達成基準 1.4.8: 視覚的提示 (十分な達成方法) に関する達成方法である。
解説
認知障害のある利用者の多くは、均等割り付けの (左と右マージンの両方に位置合わせされた) テキストのブロックに大変に苦労する。単語の間の空白は、ページの下のほうへ流れている「リバー (rivers of white)」を作り、一部の人々にとってテキストを読むことが困難になる。この問題を避ける最も良い方法は、テキストを均等割り付けにしないことである。
事例
事例 1
ほとんどのウェブコンテンツ技術において、すべての位置決めの宣言を単純に省く。例えば、以下のテキストは、ページの言語が左から右に流れる HTML において、初期設定として左に揃えられる。
<p>
Lorem ipsum dolor sit amet, ...
</p>
事例 2
ウェブページは配置指定が混在した区域を含んでいる。ページの本文の段落は左のマージンに揃えられている。また、テキストには、多くのプルクオートがあり、それらは右のマージンに揃えられている。
訳注:
プルクオートとは、大きめの文字で表示された記事からの引用または手を入れた抜粋のことである。英語版 Wikipedia Pull quote も参考にされたい。
検証
手順
- 一般的なブラウザでページを開く。
- コンテンツが均等割り付け (左と右マージンの両方に揃える) になっていないことを確認する。
期待される結果
- 2.の結果が真である。