Skapa tillgängliga komplexa tabeller i HTML 5-formulär create-accessible-complex-tables-in-html-forms
Standardimplementeringen av tabeller i HTML5 Forms använder HTML DIV-element för att återge en tabell. Återgivning innebär att ARIA-roller används för att uppfylla tillgänglighetskraven.
För att undvika tillgänglighetsproblem med skärmläsare som inte har fullt stöd för de ARIA-roller som används med datatabeller kan HTML5 Forms erbjuda en alternativ återgivning för tabellerna. Tabellerna är baserade på det nya tabellformatet som introducerades i Designer och som även stöder:
- Radrubriker
- Radomfång
Om du vill använda det nya formatet i HTML5 Forms markerar du tabellen som komplex. Om du vill markera tabellen som komplex lägger du till taggen extras i XML-källan för tabelldelformuläret enligt följande:
</extras>
<text name="complexTable">1</text>
</extras>
Tabellerna som markeras som complexTable följer den inbyggda HTML-renderingen och ger bättre hjälpmedelsstöd för vissa skärmläsare. Om du vill skapa ett radintervall markerar du celler i följd i en tabell i samma kolumn, högerklickar på markeringen och klickar sedan på Merge Cells.
Om du vill markera en rad som radhuvud markerar du alla celler i raden, högerklickar på markeringen och klickar sedan på Mark Header.
Om du vill markera en cell som kolumnrubrik markerar du en cell i kolumnen, högerklickar på markeringen och klickar sedan på Mark Header.
Begränsningar i det nya formatet AccessibleTable:
- Brist på stöd för utökningsbara fält om rowspan används i tabellen
- Inget stöd för kapslade tabeller (tabeller i tabellceller)
- Stödet för radutvidgning är begränsat till rubrikrader och rubrikceller
- Stödet begränsas till vanliga tabeller
- Inget stöd för dataförifyllningar i tabeller med radutvidgning > 1