AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.
The default implementation of tables in HTML5 Forms uses HTML DIV elements to render a table. Rendering involves using ARIA roles to satisfy the accessibility requirements.
To avoid accessibility issues with screen-readers which do not fully support the ARIA-roles used with data-tables, HTML5 Forms provides an alternate rendition for the tables. These tables are based on the new table format introduced in Designer which also supports:
To use the new format in HTML5 Forms, mark the table as complex. To mark the table as complex, add extras
tag in the XML source of table subform as follows:
</extras>
<text name="complexTable">1</text>
</extras>
The tables which are marked as complexTable follow the native HTML rendition, and provide better accessibility support for certain screen readers. To create a row span, select consecutive cells of a table in the same column, right-click on the selection, and then click Merge Cells.
Note: Creating a row-span works for leftmost cells only.
To mark a row as row header, select all cells in the row, right-click on the selection, and then click Mark Header.
To mark a cell as column header, select any cell in the column, right-click on the selection, and then click Mark Header.
Limitations in new AccessibleTable format: