Toegankelijke complexe tabellen maken in HTML5-formulieren create-accessible-complex-tables-in-html-forms
De standaardimplementatie van lijsten in HTML5 Forms gebruikt HTML div elementen om een lijst terug te geven. Bij het renderen worden ARIA-rollen gebruikt om aan de toegankelijkheidsvereisten te voldoen.
Om toegankelijkheidsproblemen met schermlezers te voorkomen die de ARIA-rollen die worden gebruikt met gegevenstabellen niet volledig ondersteunen, biedt HTML5 Forms een alternatieve uitvoering voor de tabellen. Deze tabellen zijn gebaseerd op de nieuwe tabelindeling die in Designer is geïntroduceerd en die ook ondersteuning biedt voor:
- Rijkoppen
- Rijbereik
Als u de nieuwe indeling wilt gebruiken in HTML5 Forms, markeert u de tabel als complex. Als u de tabel als complex wilt markeren, voegt u als volgt extras -tag toe aan de XML-bron van het tabelsubformulier:
</extras>
<text name="complexTable">1</text>
</extras>
De lijsten die als complexTable duidelijk zijn volgen de inheemse vertoning van de HTML, en verstrekken betere toegankelijkheidssteun voor bepaalde het schermlezers. Als u een rijbereik wilt maken, selecteert u opeenvolgende cellen van een tabel in dezelfde kolom, klikt u met de rechtermuisknop op de selectie en klikt u op Merge Cells .
Als u een rij als rijkop wilt markeren, selecteert u alle cellen in de rij, klikt u met de rechtermuisknop op de selectie en klikt u op Mark Header .
Als u een cel als kolomkop wilt markeren, selecteert u een willekeurige cel in de kolom, klikt u met de rechtermuisknop op de selectie en klikt u vervolgens op Mark Header .
Beperkingen in nieuw AccessibleTable formaat:
- Gebrek aan steun voor kweekbare gebieden als het rowspan in de lijst wordt gebruikt
- Geen ondersteuning voor geneste tabellen (tabellen in tabelcellen)
- De ondersteuning voor de rowspan is beperkt tot de koptekstrijen en kopcellen
- De ondersteuning is beperkt tot reguliere tabellen
- Geen ondersteuning voor gegevensvooraf ingevulde tabellen met rowspan > 1