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. Lägg till extras -taggen i XML-källan för tabelldelformuläret enligt följande:
</extras>
<text name="complexTable">1</text>
</extras>
Tabellerna som är markerade 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 en radrubrik markerar du alla celler i raden, högerklickar på markeringen och klickar sedan på Mark Header.
Markera en cell som kolumnrubrik genom att markera en cell i kolumnen, högerklicka på markeringen och sedan klicka Mark Header.
Begränsningar i nya AccessibleTable format:
- 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