Lo scrolling di pagina

Ma e' poi vero che l'utente non vuole scrollare la pagina? Gia' al lavoro capita che il cliente mi faccia notare "ci sono le barre di scorrimento", ma c'e' veramente tutto questo problema?

Un test di Jakob Nielsen ha si dimostrato che gli utenti non amano scorrere in verticale le pagine, lo sanno un po' tutti, ma non tutti sanno che il test risale al 1995. 1995 significa monitor piccoli, spazio sprecato nelle pagine e il mouse mancava della famosa rotellina. Non e' che le abitudini degli utenti siano un po' cambiate da allora?

E' vero, gli elementi piu' importanti devono essere visibili subito; un testo non deve per forza essere incluso in una schermata, per la lettura scorrere la pagina e' naturale, per cercare informazioni e link un po' meno. Da evitare quindi quei tentativi come box nella pagina che racchiudono il testo con una propria scrollbar. Potrebbero apparire nello schermo due barre e confondere il visitatore.

Immagini: il testo alternativo

L'alt (spesso chiamato tag, ma in realta' e' un attributo) fornisce una versione alternativa in testo delle immagini. Per l'accessibilità è il primo punto da soddisfare secondo la checklist del W3C.

Il testo alternativo è efficace quando:

1. Conciso
2. Significativo nel contesto
3. Significativo fuori dal contesto

La lunghezza massima:150 lettere inclusi spazi e punteggiatura. Come ho visto in alcuni siti, l'alt perde valore se diventa descrittivo e non alternativa dell'immagine. Il logo che collega alla home page puo avere come testo alternativo "Vai alla home page", evitare testi come "Nome azienda - slogan" o peggio ancora "Il logo e' rosso con sfondo bianco con scritto ecc...".

Significativo nel contesto: il testo alternativo deve essere integrato nel contesto della pagina. Immaginate di convertire le immagini con i loro alt: leggendo l'intera schermata come fosse una pagina i testi alternativi devono sentirsi parte di quel contesto. Esempio se il titolo o degli elementi sono in immagini, con i testi alternativi leggo l'insieme senza problemi.

Significativo fuori dal contesto: l'alt deve spiegarsi da solo. Se una immagine e' un link, l'utente deve capirlo soltanto leggendo quel testo.

Da ricordare

• gli screen reader leggono il testo molto lentamente: quindi anche i testi alternativi saranno letti alla stessa maniera. Motivo in piu' per essere concisi.
• L'alt non e' una didascalia dell'immagine. In Internet Explorer appaiono sempre come tooltips, in Mozilla e simili l'alt viene usato (correttamente) come alternativa se le immagini sono disabilitate. Per le didascalie usate il triumvirato di tag dd, dl, dt.

Per testare i testi alternativi usate un browser testuale come Lynx o la modalita' testo di Opera. Firebird e Mozilla possono essere arricchiti di una estensione chiamata Webdeveloper:segnala nella pagina le immagini senza alt.

Archivio: