adrianodistasi

Ciao ragazzi,
a volte vi capita di realizzare una pagina web o un sito e di commettere sempre gli stessi errori per renderlo accessbile a tutti.

Ecco a voi 10 consigli UTILISSIMI che vi diranno "cosa fare" e "cosa non fare" per rendere il vostro sito accessibile!

1. Non usare testi ALT troppo lunghi
Gli sviluppatori di siti accessibili spesso inseriscono troppo testo nel tag ALT delle immagini, credendo che facilitino gli utenti di screen reader. I testi ALT per immagini descrittive devono essere brevi e succinti e contenere esattamente la stessa informazione contenuta nell’immagine.

Le immagini decorative devono sempre contenere testi ALT vuoti, o alt="", così da essere ignorati dagli screen reader. Assegnare testi ALT che non aggiungono altro significato rende più difficile la navigazione dal momento che all’utente giunge contenuto ridondante.

2. Non usare caratteri casuali per separare i collegamenti
Uno dei consigli più elementari richiede di separare i collegamenti adiacenti con elementi non ipertestuali. Ciò è dovuto al fatto che i browsers più datati non gestiscono correttamente i collegamenti adiacenti, di fatto portando l’utente alla stessa pagina.
Questa indicazione non è più obbligatoria ma può spesso indurre gli sviluppatori di siti accessibili a inserire caratteri invisibili (ad esempio barre verticali) tra i collegamenti. Sfortunatamente, ogni barra verticale viene vista come tale dagli screen reader, generando confusione e rendendo la navigazione all’utente più difficoltosa.

3. Non inserire testo nei campi vuoti dei moduli
Un’altra vecchia e superata indicazione stabilisce che tutti i campi vuoti devono avere un testo all’interno. Ciò poiché alcuni vecchi screen reader non erano in grado di interpretare i campi vuoti.

Ora tutti i principali screen reader sono in grado di farlo percui si può ignorare senza problemi questa indicazione e tralasciare il testo nei campi vuoti. In effetti, gli screen reader ne ignorano il contenuto e quindi l’utente può inserire ciò che vuole senza rendersene conto.

4. Non usare le accesskey
Si può assegnare un’accesskey a qualsiasi collegamento o elemento di un modulo per fornire scorciatoie da tastiera. Può sembrare ottimo in teoria e gli utenti che usano solo la tastiera dovrebbero attivare facilmente le accesskey da qualunque punto della pagina.

Tuttavia esse non andrebbero utilizzate poiché offuscano le scorciatoie degli screen reader, rendendole inutili. L’altro problema con le accesskey è che non esiste una convenzione sul loro uso percui i pochi siti che le implementano lo fanno a loro discrezione. Ed è improbabile che i visitatori perdano il loro tempo per familiarizzare con le combinazioni di access key di ciascun sito.

5. Usare i sommari di tabella quando realmente necessari
I sommari di tabella forniscono una descrizione veloce dei contenuti della tabella e vengono letti dagli screen reader prima di passare al resto della tabella.

Tuttavia essi non sono necessari nelle tabelle grafiche perché in questo caso la descrizione sarebbe solo decorativa e quindi superflua.

6. Non sottovalutate il contenuto
Il modo in cui il contenuto è strutturato sul sito gioca un ruolo vitale per l’accessibilità. Un sito può avere un codice perfetto ed essere aderente agli standard più stringenti. Se il suo contenuto è tuttavia mal strutturato, il sito sarà di cattivo o addirittura scarso utilizzo per determinati bisogni degli utenti.

Ci sono una serie di importanti considerazioni al riguardo:

Portare in primo piano il contenuto così da far iniziare ciascun paragrafo con la sua conclusione
Suddividere il contenuto in più pezzi, ciascuno col suo sottotitolo
Usare gli elenchi puntati tutte le volte che è possibile farlo
Usare un linguaggio chiaro e comprensibile.

7. Non preoccuparsi troppo della dichiarazione di accessibilità
Gli amministratori di siti che vogliono mostrarsi il più accessibili possibile creano lunghe e, secondo loro, utili dichiarazioni sull’accessibilità. Generalmente queste pagine contengono informazioni sulle caratteristiche di accessibilità del sito, sul ridimensionamento dei caratteri, ecc.

In realtà, gli utenti con disabilità visive e/o motorie molto raramente leggono queste dichiarazioni. Come utenti non siamo soliti consultare le guide di “aiuto” sui vari siti - piuttosto, vi capitiamo nel tentativo di raggiungere il nostro scopo. A esclusione degli addetti ai lavori quindi (enti di certificazione, istituzioni, pubbliche amministrazioni e soggetti privati tenuti a dar conto del livello di accessibilità del sito) non è necessario spendere molto tempo a definire una dichiarazione di accessibilità.

8. Non impazzire con acronomi e abbreviazioni

Definire se qualcosa è un’abbreviazione o un acronimo è facile con l’HTML, usando i tag <acronym> e <abbr>. All’interno di questi tag si può inserire la descrizione completa dell’acronimo o dell’abbreviazione.

Ma gli screen reader non sono abilitati per questi tag pertanto non sono di grande aiuto ai loro utenti. Gli utenti che ne beneficiano sono per lo più vedenti e abili a usare il mouse - passando il mouse sull’acronimo o sull’abbreviazione possono leggere il testo completo. Di certo sono una funzione utile per l’usabilità del sito ma non per la sua accessibilità.

9. Non cambiare l’ordine delle tabulazioni (a meno che non ci sia un buon motivo)
L’attributo tabindex può essere uato per spostarsi da una pagina all’altra del sito ma raramente è usato. L’ordine iniziale delle tabulazioni è perfettamente logico e non è necessario cambiarlo.

Gli utenti degli screen reader o chi usa solo la tastiera si muovono con le tabulazioni attraverso collegamenti e campi moduli nell’ordine in cui sono collocati nel codice HTML, muovendosi dall’alto a sinistra in basso a destra della pagina.

10. Non dimenticare di testare con uno screen reader.
Mentre costruiamo il sito accessibile, non dimentichiamo di fare un test alle pagine in corso d’opera. In particolare, può essere utile usare uno screen reader per fare in modo che le caratteristiche di accessibilità che sono state implementate funzionino a dovere.

Ad esempio, se abbiamo inserito testi non visibili per aiutare gli screen reader usando il selettore display: none; noterai che non verrà letto. Gli screen reader ignorano il testo con questo attributo CSS e ne oscurano il testo.

Articolo tradotto dall’originale di Trenton Moss su Webcredible - User experience, usability, accessibility & web design

__________________
Web Agency | Blog-Seo | Seo Salerno
"Chi possiede tutti i mezzi stabilisce tutti i fini".

Biagio Di Stefano

Grazie Adri, faremo tesoro di queste semplici regole!

__________________
Biagio Di Stefano

adrianodistasi

Ragazzi dovremmo già rendere i nostri siti accessibili, inoltre chi realizza siti web secondo la Legge Stanca del 2004 già avrebbe dovuto realizzare siti web seguendo le regole previste. ...
Il mio prossimo post sarà in merito alle linee guida sull'accessiblità.
Dei links di riferimento per le linee guida sono
Linee Guida per l'accessibilità ai contenuti Web .
Governo Italiano - L'accessibilità dei siti web
Web Content Accessibility Guidelines 2.0 Working Draft
Webaccessibile.org - ISSN: 1721-4874 dei cari amici dell'IWA

__________________
Web Agency | Blog-Seo | Seo Salerno
"Chi possiede tutti i mezzi stabilisce tutti i fini".