アクセス可能なテーブルの作成に関する作成者と編集者向けのベスト プラクティス

表は、構造化コンテンツをリッチ テキスト フィールドで視覚的に整理する強力な方法ですが、アクセシビリティに関するガイドラインを念頭に置いておく必要があります。

表は表形式のデータにのみ使用する

情報を視覚的に整理するために表を使用しないでください。たとえば、スペースを節約するために、非常に長い文字列のリストを 2 列の表に配置しないでください。表は、グリッド内の表形式データ (つまり、行に構造化されたデータで、それぞれに何らかの情報が含まれている) を整理するためのものです。

表には列ヘッダーまたは行ヘッダーが必要

表の最初の行または最初の列にヘッダーを作成し、各ヘッダー セルにテキストを入力します。

一番上の行をヘッダーにするには、リッチ テキスト フィールドで、一番上の行を右クリックし、表示されるコンテキスト メニューから[行] > [行のプロパティ]を選択します。次に、[行の種類]で、[ヘッダー]を選択し、[保存]を選択して変更を適用します。これにより、各列に列ヘッダーが作成されます。

一番左の列をヘッダーにするには、リッチ テキスト フィールドで、その列の各セルを右クリックし、表示されるコンテキスト メニューから[セル] > [セルのプロパティ]を選択します。次に、[セルの種類]で、[ヘッダー セル]を選択し、[保存]を選択して変更を適用します。最初の列のセルごとにこの手順を繰り返します。これにより、各行に行ヘッダーが作成されます。

表にはキャプションが必要

次のいずれかの方法で、表にキャプションを付けます。
  • Content Manager Explorer または Experience Manager で、[表エディタ]ダイアログの[キャプション]プロパティを設定します。
  • Experience Space で、表を右クリックし、コンテキスト メニューから[表のプロパティ]を選択します。ポップアップ ダイアログで、[キャプションの表示]を選択します。この後で、表のキャプションを入力できます。

Experience Space ユーザー インターフェイスには、リッチ テキスト フィールド用の[アクセシビリティ確認機能]オプションがあります。表を挿入している作成者や、表をチェックしている編集者は、チェック機能を実行して、キャプション (表のタイトル) がない表に関して警告を得ることができます。

スクリーン リーダー テスト

次のキーストロークをテストする必要があります。
キーストローク効果
T次のテーブルにジャンプする
Shift + T前の表にジャンプする
Ctrl + Alt + Up1 つ上のセルに移動する
Ctrl + Alt + Down1 つ下のセルに移動する
Ctrl + Alt + ←1 つ左のセルに移動する
Ctrl + Alt + →1 つ右のセルに移動する

補足資料

表の HTML 構造について詳しくは、W3C の表に関するチュートリアルを参照してください。