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:

  • Intestazioni di riga
  • Estensione riga

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

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

Le tabelle contrassegnate come complexTable seguono la rappresentazione nativa di HTML e forniscono un migliore supporto per l'accessibilità per 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.

NOTE
La creazione di un'estensione di riga funziona solo per le celle più a sinistra.

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 nel nuovo formato AccessibleTable:

  • Mancanza di supporto per i campi espandibili se nella tabella viene utilizzato rowspan
  • Tabelle nidificate (tabelle all’interno di celle di tabella) non supportate
  • Il supporto per rowspan è limitato alle righe e alle celle di intestazione
  • Il supporto è limitato alle tabelle regolari
  • Nelle tabelle con rowspan > 1 non è supportato alcun tipo di precompilazione dei dati
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2