Skapa tillgängliga komplexa tabeller i HTML5-formulär create-accessible-complex-tables-in-html-forms
Funktionen HTML5 Forms erbjuds som en del av programmet för tidig åtkomst. Om du vill begära åtkomst skickar du ett e-postmeddelande från din officiella (arbets) e-post till aem-forms-ea@adobe.com.
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, erbjuder HTML5 Forms 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