Prima Parte – Introduzione al problema

Introduzione

 Un calendario in genere è costruito con una tabella.
Questa tabella è costruita da 5 o 6 righe (in dipendenza dei giorni delle settimane che costituiscono un mese oltre l’intestazione) e 7 colonne (quanti sono i giorni di una settimana).
L’effetto ottenuto con una tabella è tipicamente tra i migliori che si possono ottenere visivamente. Visivamente…Visivamente! Visivamente???
E se uno avesse problemi visivi? E se qualcuno non riuscisse affatto a vedere? Ah beh la tabella ci viene incontro. Se qualcuno ha provato a scrivere una tabella e darla in pasto ad uno screen reader ci verrà fornita un informazione simile a quanto vi accingete a leggere:

Tabella, sei righe, sette colonne.
Riga di intestazione.
Colonna uno, Abbreviazione, Lunedì.
Colonna due, Abbreviazione, martedì.
...
Riga uno,
colonna uno, lunedì primo gennaio,
colonna due, martedì due gennaio,
colonna tre, mercoledì tre gennaio,
...
Riga due
colonna uno, lunedì sette gennaio,

Insomma tante informazioni, che ci fanno immaginare una tabella. Ciascuno screen reader potrebbe interpretare tali informazioni in modo leggermente differente. Ma il senso della tabella rimane.
Proviamo insieme ad immaginare un’alternativa alle tabelle. Cosa ci potrebbe essere? Immaginato? Si proprio quello. Un elenco puntato non ordinato.

Una causa inconfutabile

Ok quello che abbiamo detto non ci giustifica completamente nell’utlizzare un elenco puntato non ordinato al posto di una tabella.
Allora prendiamo in analisi gli smart phone. Alcuni utilizzano un sistema di parsing del xhtml che linearizza le tabelle. Quale sarebbe la conseguenza di un azione simile?

  1.         Lunedì
  2.         Martedì
  3.         Mercoledì
  4.         Giovedì
  5.         Venerdì
  6.         Sabato
  7.         Domenica
  8.         Lunedì 1 Gennaio
  9.         Martedì 2 Gennaio
  10.         Mercoledì 3 Gennaio
  11.         …

Quante informazioni inutili, sprecate, non necessarie presentate su uno smart phone!

Lo so non siete ancora soddisfatti della spiegazione, allora cercherò di convincere anche i meno convinti di questa soluzione. Ci sono dei siti che si lodano con la   frase “This site is tableless”: “Questo sito è senza tabelle”, allora questi “poveracci” (per modo di dire, non me ne vogliano a male!) dovranno fare a meno di usare un calendario che abbia la forma di un calendario sulle loro pagine? Chi ha risposto si, non ha motivo di proseguire in questo viaggio propositivo su cui si basa questo tutorial.

Ok allora proviamo a sviluppare qualcosa che visualmente somigli ad una tabella, semanticamente mantenga la sua struttura gerarchica, e che sia navigabile in modo accessibile.

Potrebbero interessarti anche i seguenti articoli

Condividi:

Informazioni sull'autore

Diego La Monica
Diego La Monica
Programmatore esperto nei linguaggi del Web, ha scritto diversi articoli di carattere tecnico. Ha partecipato allo sviluppo di alcuni progetti OpenSource e ha tenuto diversi corsi per lo sviluppo di applicazioni web con strumenti Open Source. Le sue competenze in materia di analisi e sviluppo software gli hanno consentito di sviluppare un Framework Javascript per rendere più agevole lo sviluppo di applicazioni e siti web di ultima generazione cross-browser e multi piattaforma. La sua membership in IWA, gli ha consentito di partecipare ad alcuni gruppi di lavoro del W3C: HTML5 Working Group e Protocols and Formats Working Group al quale attualmente partecipa attivamente. Inoltre per IWA ha incarichi di responsabilità per la gestione e coordinamento delle Mailinglist tecniche e supporto alla manutenzione dei siti web.  Grazie alle sue competenza in materia di Standards, Usabilità ed Accessibilità ha avuto incarichi da diverse PA per lo  sviluppo e la resa di accessibilità dei siti istituzionali oltre ad avere incarichi per la manutenzione di software orientato al Web.

Commenti

Nessun commento

    Rispondi

    Link e informazioni