WCAG 2.0 達成方法集

Skip to Content (Press Enter)

-

F48: 達成基準 1.3.1 の失敗例 - 表形式の情報をマークアップするために、pre 要素を使用している

達成方法に関する重要な情報

これらの達成方法(参考)の使用法及び、それらがWCAG 2.0 達成基準(規定)とどのように関係するかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用(対象)セクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法があるからといって、WCAG 2.0 を満たすコンテンツを作成する際に、常にその技術が使用可能であるわけではない。

適用(対象)

HTML 及び XHTML

これは、次の達成基準に関連する失敗例である:

解説

この文書は、表形式の情報をマークアップするために HTML の pre 要素を使用することによる失敗例について述べている。pre 要素は、テキストの視覚的なフォーマットだけを保持するためのものである。pre 要素を用いて表形式の情報をマークアップすれば、利用者が画面を見ることができない場合、又はその視覚的な表現が大きく変わってしまった場合には、表のデータセルと見出しセルとの間で視覚的にほのめかされている論理的な関係性は失われてしまう。

その代わりに、HTML には表形式のデータを提示するために用いる table 要素がある。支援技術は、利用者にデータを論理的な方法で提示するために、HTML のテーブルの構造を用いている。pre 要素を使用した際には、支援技術はその構造に関する情報を得ることができない。

事例

失敗例 1: 列の間をタブ区切りで整形したスケジュール

コード例:


<pre>
 	月曜日		火曜日	水曜日		木曜日		金曜日
 8:00-
 9:00	サムと会う				
 9:00-
 10:00				Dr.ウィリアム	再びサムと	サン・アントニオに出発
 </pre>

失敗例 2: フォーマット済みのテキストを用いて表示した選挙結果

コード例:


<pre>
   サーキット COURT JUDGE 支部 3
                                                   ラ
                                                    イ
                                          M R エ    ト
                                           ア .  ル    
                                     マ ラ   リ   バ    
                                      イ ン   ー   ー    ・
                                       ク グ        ト     イ
                                                         ン
                                       -----   -----   -----
0001 アルビオンタウン WDS 1-2            22      99       0
0002 ベリータウン WDS 1-2                52     178       0
0003 ブラックアースタウン                16      49       0
0004 ブルーミンググローブタウン WDS 1-3  44     125       0
0005 ブルータウン MOUNDS                 33     117       0
0006 ブリストルタウン WDS 1-3            139    639       1
0007 バークタウウン WDS 1-4              80     300       0
0008 クリスティーナタウン WDS 1-2        22      50       0

 </pre>

参考リソース

この達成方法に関する参考リソースはない。

検証

チェックポイント

  1. pre 要素が使われている。

  2. pre 要素が使われている部分について、それが表形式の情報である。

判定基準