適用 (対象)
CSS をサポートする全てのウェブコンテンツ技術
これは達成基準 1.4.8: 視覚的提示 (十分な達成方法) に関する達成方法である。
解説
この達成方法は、CSS の text-align プロパティを使って、テキストのブロックを左または右に揃える方法を説明している。
事例
例 1
以下の例では、テキストは左揃えになっている。スタイルシートでクラスを定義する:
p.left {text-align: left}コンテンツで、そのクラスを呼び出す。
<p class="left"> Lorem ipsum dolor sit …</p>
例 2
以下の例では、テキストは右揃えになっている。
p.right {text-align: right}コンテンツで、そのクラスを呼び出す。
<p class="right"> Lorem ipsum dolor sit …</p>
検証
手順
- テキストが、左揃え又は右揃えのいずれかになっていることを確認する。
期待される結果
- #1 の結果が真である。