Creare tabelle complesse accessibili in moduli HTML5 create-accessible-complex-tables-in-html-forms

L’implementazione predefinita delle tabelle in HTML5 Forms utilizza gli elementi DIV di HTML per eseguire il rendering di una tabella. Il rendering prevede l’utilizzo dei ruoli ARIA per soddisfare i requisiti di accessibilità.

Per evitare problemi di accessibilità con gli assistenti vocali che non supportano completamente i ruoli ARIA utilizzati con le tabelle di dati, HTML5 Forms fornisce una rappresentazione alternativa per le tabelle. Queste tabelle si basano sul nuovo formato di tabella introdotto in Designer che supporta anche:

Per utilizzare il nuovo formato in HTML5 Forms, contrassegna la tabella come complessa. Per contrassegnare la tabella come complessa, aggiungere extras nell'origine XML della sottomaschera di tabella, come segue:

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

Tabelle contrassegnate come complexTable segui il rendering nativo di HTML e fornisci un migliore supporto per l’accessibilità di determinati assistenti vocali. Per creare un'estensione di riga, selezionare celle consecutive di una tabella nella stessa colonna, fare clic con il pulsante destro del mouse sulla selezione e quindi scegliere Unisci celle.

Per contrassegnare una riga come intestazione di riga, selezionare tutte le celle nella riga, fare clic con il pulsante destro del mouse sulla selezione e quindi scegliere Contrassegna intestazione.

Per contrassegnare una cella come intestazione di colonna, selezionare una cella qualsiasi nella colonna, fare clic con il pulsante destro del mouse sulla selezione e quindi scegliere Contrassegna intestazione.

Limitazioni nelle nuove AccessibleTable formato: