Créer des tableaux complexes accessibles dans des formulaires HTML5

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 des problèmes d’accessibilité avec les lecteurs d’écran qui ne prennent pas totalement en charge les rôles ARIA utilisés avec des tableaux de données, les formulaires HTML5 fournissent un rendu alternatif pour les tableaux. Ces tableaux sont basés sur le nouveau format de tableau introduit dans Designer prenant également en charge :

• les en-têtes de ligne ;
• l’étendue de ligne.

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

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.

Remarque : la création d’une étendue de ligne fonctionne pour les cellules situées les plus à gauche uniquement.

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.

• Absence de prise en charge des champs extensibles si l’étendue de ligne est utilisée dans le tableau
• Pas de prise en charge des tableaux imbriqués (tableaux dans les cellules d’un tableau)
• La prise en charge de l’étendue de ligne est limitée aux lignes d’en-tête et aux cellules d’en-tête
• La prise en charge est limitée aux tableaux standard
• Pas de prise en charge des préremplissages de données dans les tableaux avec une étendue de ligne > 1