Quale metodo è maggiormente supportato dagli screen reader - id e scope attributi?"id" e "intestazioni" o "ambito" per l'accessibilità della tabella di dati?
Sto trovando informazioni contrastanti su come uno di questi metodi supporta l'associazione di intestazioni di tabella HTML a celle di tabella.
Dipende dalla complessità della tabella dei dati. L'utilizzo di scope è generalmente la scelta migliore.
Se si utilizza colspan o rowspan per esempio, utilizzando id e headers sarebbe una scelta migliore.
H43: Using id and headers attributes to associate data cells with header cells in data tables:
Questa tecnica viene utilizzata quando le celle di dati sono associati a più di una riga e/o una colonna. Ciò consente agli screen reader di pronunciare le intestazioni associate a ciascuna cella di dati quando le relazioni sono troppo complesse per essere identificate utilizzando l'elemento th da solo o l'elemento th con l'attributo scope.
Detto questo, quando una tabella di dati ha bisogno di tali attributi supplementari, potrebbe essere difficile per altre persone (che non utilizzano screen reader) per associare una cella con le sue intestazioni, e potrebbe essere una cosa necessaria per avere supplementare segnali visivi per le intestazioni (come colori alternati, effetti mouseover, ecc.).