Perché i siti basati tavolo male per gli utenti di screen reader?

Question

Quanto più facile è per i lettori di schermo per gestire siti web in base <div> al contrario di vecchie siti web <table> base, e perché sono peggio?

Answer 1

I lettori di schermo assumono il contenuto all'interno di un table è tabellare, e lo legge come tale. Per esempio. "Riga 1, colonna 1: (contenuto)". Se si utilizzano tabelle per disporre il vostro sito, questo non sarà necessariamente alcun senso. Si sta dicendo il cliente finale si dispone di dati con un significato tabulare, quando in realtà non è così.

Al contrario, div non hanno alcun significato diverso da "sezione", così i lettori di schermo non fanno alcun tentativo per indicare loro. È possibile utilizzare div per rendere arbitrarie pause visive nel layout senza impattare il significa del markup.

Questo è ciò che intendiamo quando diciamo markup "semantica". Semantic significa il markup descrive accuratamente il significa del contenuto all'interno di esso -. Tabelle avvolgono dati tabulari, ULs avvolgono liste non ordinate, etc

Answer 2

siti basati tabella possono confondere il lettore di schermo per il tipo di dati che viene presentata. Originariamente tavoli sono stati usati per mostrare un elenco 2D dei dati. Ma con le tabelle utilizzate per adattare i disegni, i lettori avrebbero dovuto distinguere l'intenzione del tavolo.

Answer 3

Dipende da quello che viene usata una tabella per. Se viene usata una tabella per il layout del lettore schermo ha alcun modo di sapere questo e legge cella per cella, iniziando in fila uno, prima colonna, riga una colonna due, riga due colonne una riga due colonne due, ecc, che spesso non è il modo in cui il contenuto è pensato per essere visualizzato. Se i dati devono essere visualizzati in una forma strutturata tabelle sono il modo migliore per andare con gli screen reader in quanto i tasti possono essere utilizzati per leggere riga per riga e colonna per colonna. Come utente screen reader Trovo anoying quando i dati non sembra fare alcun sence perché è o spiegate male con un tavolo, o una tabella non è usato a tutti e qualche altra indicazione visiva viene utilizzato.

Answer 4

Il punto di vista che DIV funzionano meglio con gli screen reader di tabelle manca il vero problema.

standard attuale CSS e HTML semplicemente non forniscono alcun esplicito tag / indicatori per aiutare informazioni sullo schermo. Fino a quando lo fanno, a prescindere dal fatto che si utilizzi DIV o tabelle, si deve solo sperare che il vostro "page semanticamente corretto CSS", o "finire il lavoro" tavoli di lavoro con la maggior parte delle informazioni sullo schermo.

Non dimenticare, è altrettanto facile per creare una pagina utilizzando solo incomprensibile, DIV, come sta usando le tabelle.