L’implémentation par défaut des tableaux dans les formulaires HTML5 utilise des éléments DIV HTML pour créer le rendu d’un tableau. Le rendu requiert l’utilisation de rôles ARIA pour répondre aux exigences en matière d’accessibilité.
Pour éviter les problèmes d’accessibilité avec les lecteurs d’écran qui ne prennent pas entièrement en charge les rôles ARIA utilisés avec les tableaux de données, HTML5 Forms fournit un rendu alternatif pour les tableaux. Ces tableaux sont basés sur le nouveau format de tableau introduit dans Designer prenant également en charge :
Pour utiliser le nouveau format dans les formulaires HTML5, indiquez que le tableau est complexe. Pour marquer le tableau en tant que tel, ajoutez la balise extras
dans la source XML du sous-formulaire du tableau comme suit :
</extras>
<text name="complexTable">1</text>
</extras>
Les tableaux marqués comme complexeTable suivent le rendu HTML natif et offrent une meilleure prise en charge de l’accessibilité pour certains lecteurs d’écran. Pour créer une étendue de ligne, sélectionnez les cellules consécutives d’un tableau dans la même colonne, cliquez avec le bouton droit de la souris sur la sélection, puis cliquez sur l’option Fusionner les cellules.
La création d’une étendue de ligne fonctionne uniquement pour les cellules les plus à gauche.
Pour marquer une ligne comme en-tête de ligne, sélectionnez toutes les cellules d’une ligne, cliquez avec le bouton droit de la souris sur la sélection, puis cliquez sur En-tête de repère.
Pour marquer une cellule en tant qu’en-tête de colonne, sélectionnez une cellule de la colonne, cliquez avec le bouton droit de la souris sur la sélection, puis cliquez sur Marquer l’en-tête.
Limites dans le nouveau format AccessibleTable :