HTML5 フォームでのテーブルのデフォルト実装では、テーブルのレンダリングに HTML DIV 要素が使用されます。さらに、アクセシビリティ要件を満たす目的で ARIA ロールも使用されます。
データテーブルで使用される ARIA-roles を完全にサポートしていないスクリーンリーダーでのアクセシビリティの問題を回避するため、HTML5 Formsでは、テーブル用の代替レンディションを提供しています。 これらのテーブルは、Designer で導入された新しいテーブル形式に基づいており、次の項目もサポートしています。
HTML5 フォームで新しい形式を使用するには、テーブルを複雑なテーブルとしてマークする必要があります。複雑なテーブルとしてマークするには、テーブルのサブフォームの XML ソースに extras
タグを次のように追加します。
</extras>
<text name="complexTable">1</text>
</extras>
次のマークが付いたテーブル complexTable ネイティブのHTMLレンディションに従い、特定のスクリーンリーダーに対してより優れたアクセシビリティサポートを提供する。 行幅を作成するには、テーブル内の 1 つの列で連続する複数のセルを選択し、選択範囲を右クリックして、「セルの結合」をクリックします。
注:行幅の作成は一番左のセルでのみ機能します。
行を行ヘッダーとしてマークするには、その行のすべてのセルを選択し、選択範囲を右クリックして、「ヘッダーをマーク」をクリックします。
セルを列ヘッダーとしてマークするには、その列内の任意のセルを選択し、選択範囲を右クリックして、「ヘッダーをマーク」をクリックします。
新しい機能の制限 AccessibleTable 形式: