G188: 行間及び段落の間隔を広げるボタンをウェブページ上に提供する

適用 (対象)

全てのウェブコンテンツ技術

これは達成基準 1.4.8: 視覚的提示 (十分な達成方法) に関する達成方法である。

多くの認知障害を持つ人々は行間がシングルスペースに設定されたテキストを読む事が困難である。行の高さを増やすボタンは彼らが内容を読む助けとなる。段落の間が離れている状態を維持するためには、段落間の幅は、行送り幅の少なくとも 1.5 倍の高さになるように広げられるべきである。

注記

この達成方法は、不適合コンテンツに対して、適合している代替版のページを提供するための、スタイルスイッチの達成方法と組み合わせて用いることができる。詳細は、 C29: 適合している代替版を提供するために、スタイルスイッチャーを使用する及び適合している代替版を理解するを参照のこと。

ページを変更するための標準的なスタイルスイッチングを用いる。スタイルシートを切り替えるためのボタン又はリンクをページに用意する。新しいスタイルシートには、行送りを広げるルールと段落の間隔を広げるクラスが含まれている。

              p {line-height: 150%; margin-bottom: 2em;}

参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。