WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

C19: CSSでテキストの配置を左寄せ又は右寄せに指定する

適用(対象)

CSSをサポートする全てのウェブコンテンツ技術

これは、次の達成基準に関連する実装方法である:

解説

この実装方法は、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. テキストが、左揃え又は右揃えになっている。

判定基準

注意: この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。