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 extras label in het XML-bron van het tabelsubformulier als volgt:

</extras>
 <text name="complexTable">1</text>
 </extras>

De tabellen die als complexTable volgt de native HTML-uitvoering en biedt betere toegankelijkheidsondersteuning voor bepaalde 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 vervolgens op Merge Cells.

NOTE
Het maken van een rijbereik werkt alleen voor uiterst linkse cellen.

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 vervolgens 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 indeling:

  • 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
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2