適用 (対象)
CSS を用いているウェブページ
これは達成基準 1.4.8: 視覚的提示 (G146: リキッドレイアウトを使用するの達成方法として十分) に関する達成方法である。
解説
この達成方法の目的は、テキストを読むためにはテキストサイズ大きくする必要がある利用者が、1 行のテキストを横スクロールなしで読めるようにすることである。この達成方法を用いるには、コンテンツ制作者はテキストコンテナの幅をパーセント値で指定する。
事例
例 1
ある新聞サイトでは、画面の中央にコンテンツを表示させている。コンテンツのコンテナ幅は、ページ全体に対するパーセンテージで指定しているため、ロービジョンの人がフォントサイズを大きくしたときも、ブラウザ画面のサイズにあわせてテキストが折り返しされ、横スクロールバーは表示されない。
検証
手順
- 全てのコンテナ幅をパーセント値で指定していることを確認する。
- テキストサイズを 200% に増やす。
- どの行のテキストを読むにも、横スクロールの必要がないことを確認する。
- 全てのテキストが、ページ上に見えたままであることを確認する。
期待される結果
- #1、#3 及び #4 の結果が真である。