Per rendervi veramente conto di cos'e' un sito INACCESSIBILE, scaricatevi pwWebSpeak e andate sul sito di trenitalia ( www.trenitalia.com )
Per comodita' di chi non vuole scaricarsi il browser, riporto qui di seguito (tradotto in italiano) quello che viene fuori dalla navigazione di sole 3 pagine del sito, ovvero il minimo per arrivare al contenuto.
Ho colorato di verde le parti che il browser aggiunge per farvi capire i vari elementi della pagina ed in rosso i miei commenti.
Iniziamo?
-----------------------------------------------
Trenitalia
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine – FS Trenitalia
Immagine
Immagine
Oggetto
Immagine
Immagine
Immagine con mappa: Link Home italianoLink Home English (li ha attaccati)
Immagine
Fine documento
Fine pagina
-----------------------------------------------
Clicchiamo sull’unico link che il programma vede e finiamo sulla pagina italiana.
Siamo stati fortunati, dopotutto: se avessimo avuto un lettore di schermo o avessimo usato un programma che si "attacca" a IE, a quest'ora staremmo leggendo una finestra di popup che si e' aperta sopra all'altra.
Ci e' andata bene: pwwebspeak non apre i popup.
-----------------------------------------------
Trenitalia
Link ad un frame: topFrame
Link ad un frame: medio
Link ad un frame: bottomFrame
Fine pagina
-----------------------------------------------
E adesso? Beh.. proviamo a scegliere il frame di mezzo: dopotutto dovrebbe essere quello che ci interessa, ma come sapere se ci sono informazioni importanti negli altri due?
Proviamo a selezionare il frame chiamato "medio".
-----------------------------------------------
Trenitalia
Script non supportato
Script non supportato
Script non supportato
Script non supportato
Script non supportato
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Form per inserimento dei dati chiamata: clipart
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Una casella per l’inserimento testo semplice
Da dove vuoi partire?
Immagine
Dove vuoi arrivare?
Immagine
Quando vuoi partire?
Immagine
A che ora?
Immagine
Link: Clikka qui per effettuare la ricerca
Scrivere clikka con le k non sara' fuorviante? Tenete presente che
ad esempio in braille alcune combinazioni di caratteri vengoo sintetizzate con un unico simbolo
Immagine
Fine della form per inserimento dati
Immagine
Immagine
Oggetto
Immagine
Immagine
Link Immagine Orario acquisto biglietti
Immagine
Immagine
Immagine
Immagine: immagine etr500
Immagine
Immagine con mappa: in treno con un click
Immagine
Immagine
Immagine Accedi ai servizi on-line di Trenitalia e acquista il tuo biglietto
Immagine
Immagine
Immagine
Immagine con mappa
Immagine
Immagine con mappa
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Link Immagine link a: Intercity card
Immagine
Immagine
Immagine con mappa
Immagine
Link: Immagine Sabato di Trenitalia
Immagine
Immagine con mappa
Immagine
Immagine con mappa
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine infoTreno novita’
Immagine
Immagine
Script non supportato
Immagine
Immagine con mappa
Immagine con mappa
Immagine
Immagine
SPECIALE
Immagine
Link: Immagine link a Liberta’ di non fumare
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Immagine
Novita’ Milano - Torino
Immagine
10 eurostar al giorno
Link "e cosi’ via" (ha tradotto i tre puntini ... con " e cosi' via") 80 minuti di qualita’
Immagine
Immagine
Immagine
Immagine
Link Immagine link a: Milano -Roma 30 euro
Immagine
Immagine
Immagine
Immagine
Immagine
Link a Trasporto regionale: i treni della tua regione Link a: Treni storici Link a: FS cargo: trasporto merci per le imprese Link a: PVTrain news Link a: UTMR: tecnologie del treno Link a: Le ferrovie dello stato Link a: la societa’ Registrati ora acquistare in sicurezza
Li ha attaccati tutti assieme
Script non supportato
Numero call center: 892021
Link a: ticketless
Fine documento
Fine pagina
-----------------------------------------------
Ora ditemi: quanti di voi hanno usato la barra di scorrimento invece che leggersi tutta questa pappardella?
Provate a scaricare pwWebSpeak, a spegnere il video e a stare 30 minuti a sentre la parola Immagine... poi fatevi passare il nervoso e date un'occhiata alla pagina di trenitalia con un normale browser.
Vi sembra una pagina immensa? Enorme? Riempie tutto lo schermo di dati ed immagini?
Ma dove cavolo stanno quelle immagini?!?!?!?
Ve lo dico io: sono piccole gif usate come spazi tra gli elementi.
Provate a navigare ancora un po', magari su altri siti come portali e simili.
Poi provate ad andare su un sito accessibile: http://www.webaim.org/ e notate la differenza!!
Spero che questo esempio possa servire a tutti gli sviluppatori, a me ha cambiato la vita.
:D
