Realizzazione siti web Accessibili e Usabili

Le disposizioni della Legge Stanca del 2004 tutelano il diritto di accesso ai servizi informatici e telematici della Pubblica Amministrazione e ai servizi di pubblica utilità da parte delle persone diversamente abili: queste disposizioni hanno sicuramente segnato un passo importante nel mondo del Web.

L'Accessibilità consiste nel permettere agli utenti disabili di accedere ai contenuti e ai servizi Web aggirando o rimuovendo tali ostacoli.

L'Usabilità è invece il grado in cui un sito Web può essere usato da particolari utenti per raggiungere certi obiettivi con efficacia, efficienza e soddisfazione.

I siti che non offrono servizi di pubblica utilità non sono obbligati ad adeguarsi alla legge, anche se questa piccola accortezza significherebbe di certo prestare un'attenzione e una cortesia particolare a quelle persone che sono state meno fortunate di noi.

Inoltre questo consentirebbe di aumentare la visibilità del sito e di non perdere quegli utenti che, a causa della loro disabilità, trovano difficile, se non impossibile, navigare in un sito che non segue gli Standard di accessibilità e usabilità.

A richiesta il Cliente potrà quindi richiedere al nostro staff di progettare il proprio sito seguendo le specifiche del W3C (l'organo che si occupa di creare gli standard di riferimento per il Web).

Opera Digitale, seguendo le linee guida della WAI, Web Accessibility Initiative, (Iniziativa per l'accessibilità del Web) del W3C fornirà al Cliente un sito accessibile e usabile, bello da vedere e semplice da usare. 

A chi serve

• Aziende
• Enti privati
• Enti pubblici
• Associazioni
• Chi vuole avere un sito allo stato dell'arte  

Vantaggi

• Potenziamento delle caratteristiche tecniche e grafiche del sito
• Migliore navigazione per tutti gli utenti, anche per i normodotati.
• Reale possibilità di aumentare gli utenti del sito
• Fidelizzazione degli utenti

 

Google presenta il motore dell'Accessibilità

L'ultima novità è un motore di ricerca che indicizza e dà priorità ai siti in base alla loro accessibilità. Uno strumento pensato per ha problemi di vista o ama un Web senza fronzoli e ben stutturato.

http://labs.google.com/accessible/

 

Un esempio di sito che rispetta le caratteristiche di usabilità e accessibilità è quello degli Istituti per il Raggiungimento del Potenziale Umano Europa(IRPUE).

 

 

 

 

 

 

Caratteristiche di accessibilità del sito web

1. Qualsiasi pagina di questo sito è conforme al livello AAA delle WCAG 1.0 del W3C, nel rispetto delle priorità 1, 2 e 3 definite nelle suddette linee guida. Dal momento che non esiste la possibilità di una validazione automatica di tutti i punti necessari per ottenere questo livello di accessibilità, la presente affermazione è da considerarsi equivalente ad un'autocertificazione.
2. Qualsiasi pagina di questo sito è validata XHTML 1.0 Strict. L'icona corrispondente che trovate in fondo a tutte le pagine del sito permette di controllare la veridicità di questa affermazione mediante il validatore del W3C.
3. Infine i fogli di stile di questo sito sono validati CSS 2. Anche in questo caso l'icona che trovate in fondo a tutte le pagine del sito permette di controllare la veridicità di questa affermazione mediante il validatore del W3C.

Differenze di luminosità e contrasti cromatici

Per verificare che il livello di luminosità e di contrasto del sito siano sufficienti (e nel rispetto del punto 2.2 delle WCAG 1.0 ), tutte le coppie di colori (sfondo/primo piano) definite nei fogli di stile CSS sono state verificate attraverso il servizio offerto da Juicy Studio disponibile al seguente collegamento: Colour Contrast Test.

Sono comunque stati previsti altri temi grafici, alternativi a quello predefinito, che permettono ad utenti con particolari disabilità visive di migliorare la fruizione dei contenuti.

Il primo è quello di default.

Il secondo rende la struttura del sito "adattabile" nel senso che qualsiasi sia la risoluzione video dell'utente il sito vi si adatta automaticamente ed aumenta un po' la dimensione base dei caratteri.

Per cambiare il tema utilizzato potete usare i link sottostanti.

• Tema standard
• Tema ad altro contrasto

Testi ridimensionabili

Le unità di misura dei testi nei fogli di stile utilizzano dimensioni relative.

Questo permette all'utente di ingrandire o diminuire la dimensione del testo a piacimento, agendo sulle impostazioni del proprio browser.

Per verificare questa affermazione ad esempio con Internet Explorer utilizzate il menù principale del browser e date il comando Visualizza - Carattere - Grande. Vedrete i testi ingrandirsi (a meno che l'opzione non sia già selezionata).

Testo esplicativo su link ed immagini

Qualsiasi link di questo sito web dispone di testo esplicativo per migliorare la comprensione dell'azione conseguente al click.

Anche tutte le immagini di questo sito web (eccetto quelle di sfondo che servono solo per l'aspetto grafico) dispongono di testo esplicativo.

Per verificare queste affermazioni è sufficiente porsi sopra un link o un'immagine ed attendere un attimo per vedere apparire il testo alternativo.

Link, abbreviazioni ed acronimi

I link delle pagine sono facilmente individuabili grazie alla differenza di luminosità ed alla sottolineatura che li caratterizza.

Al passaggio del mouse inoltre le parole con link assumono colore di primo piano differente, per un'ulteriore evidenziazione.

Abbreviazioni ed acronimi sono invece caratterizzati dal colore rosso, al passaggio del mouse il cursore si trasforma in un punto di domanda e visualizza testo esplicativo.

Tabelle di dati

L'uso delle tabelle per l'impaginazione è ridotto allo stretto necessario. Si è cercato di renderle accessibili grazie all'utilizzo di tag e attributi appositi, così da permettere, a chi fruisce di questi contenuti con lettori vocali, una corretta sequenza di lettura.

Aiuti alla navigazione: indice dei contenuti

Qualsiasi pagina del sito dispone in alto ed in basso dell'indice dei contenuti di questo sito, così da poter più rapidamente accedere a ciò che si cerca. Inoltre la pagina visualizzata è indicata nel menù dal colore rosso che la evidenzia.