HTML + CSSUsabilità e accessibilità dei siti web.

LEZIONE 4

1/19

I siti web sono degliIPERTESTI, ovvero dei

documenti di testo non lineari che consentono a chi legge di

scegliere quale percorso di lettura seguire

2/19

Negli ipertesti le pagine sono collegate tra loro secondo

associazioni di idee diverse, tramite link ipertestuali, e il

lettore decide liberamente quali link seguire

3/19

Per questi motivi, la struttura ipertestuale, il sistema di

navigazione e la veste grafica di un sito web sono fondamentali

4/19

Questi tre elementi costituiscono

l’INTERFACCIA di un sito web, ovvero l’insieme delle sue

componenti che entrano in relazione con l’utente

5/19

Non tutti i link sono uguali:

6/19

• Link strutturali (navigazione in larghezza e in profondità)• Link topici (stessi argomenti, approfondimento)• Link associativi (argomenti correlati)

Architettura dell’informazionedefinisce la struttura dei contenuti e delle

funzionalità di un sistema informatico

7/19

• Organizza i contenuti• Etichetta i contenuti• Definisce il sistema di navigazione• Definisce i sistemi di ricerca

Un sito web deve essere USABILE e ACCESSIBILE

8/19

L’usabilità di un prodotto secondo la norma ISO 9241:

l’efficacia, l’efficienza e la soddisfazione con le quali può essere usato da determinati

utenti per raggiungere determinati obiettivi in

determinati contesti9/19

In particolare:

10/19

• Utilità (serve a qualcosa? A chi?)• Efficace (accuratezza e completezza)• Efficienza (economicità, rapidità)• Facilità di apprendimento e di ricordo• Prevenzione degli errori• Soddisfazione

Accessibilità di un sito web:

la possibilità di garantire la fruibilità dei contenuti al

maggior numero possibile di persone (es. disabili o con

dotazioni tecnologiche ristrette)

11/19

Il consorzio W3C e il WAI hanno messo a punto delle linee guida:

12/19

• Livello A: norme che devono essere rispettate da tutti (pena l’impossibilità)• Livello AA: norme che dovrebbero essere rispettate (pena la difficoltà)• Livello AAA: norme che potrebbero essere rispettate (per migliorare ancora)

In Italia: decreto legislativon° 4 del 4 gennaio 2004

(Legge Stanca):“disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici” che riguarda anche i

siti web delle P. A.

13/19

La scrittura per il web è diversa dalla scrittura tradizionale e

prevede dei canoni da rispettare che riguardano il contenuto, lo

stile, i destinatari e l’aspetto visivo

14/19

CONTENUTO

15/19

Riportare solo l’informazione necessaria: massima quantità,

massima qualità, massima pertinenza, massima chiarezza

CONTENUTO

16/19

Riportare i concetti principali per primi dedicando un

paragrafo ad ogni concetto

STILE e DESTINATARI

17/19

Utilizzare un linguaggio conciso, pratico, oggettivo, preciso,

brillante, scorrevole, tenendo conto dei destinatari

dell’informazione

ASPETTI VISIVI

18/19

• Spezzare i periodi• Evidenziare le parole chiavi• Colonne non troppo larghe• Elenchi puntati e numerati• Scegliere colori contrastanti• Utilizzare font standard

Grazie dell’attenzione ;-)

Vincenzo Caicovincenzocaico@gmail.com