Riepilogo delle verifiche
In questa pagina trovate riepilogati i suggerimenti e gli strumenti per verificare la qualità di siti ed applicazioni.
Verifiche su menù e liste
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
Verifiche sui fogli di stile
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
-
Codice CSS (per pagine on-line): Controlla> Validatore CSS del W3C > Valida il CSS
-
Semantica ed equivalenza di contenuti o funzioni: CSS > Disabilita il CSS
la pagina deve essere ugualmente comprensibile, ciò che è titolo deve ad esempio averne l'aspetto anche con gli stili disabilitati
-
Fogli di stile esterni: CSS > Disabilita gli stili inline
la pagina deve mantenere lo stesso aspetto
-
Stile per la stampa: CSS > Visualizza i(l) Fogli(o) di Stile
in aggiunta è consigliato sempre stampare le pagine per verificare la qualità del sito anche su carta (non è necessario che l'aspetto sia il medesimo che a video, solo che il contenuto sia correttamente stampato e l'immagine coerente con le pagine a video)
-
Dimensioni relative dei caratteri: CSS > Visualizza i(l) Fogli(o) di Stile
è necessario controllare gli stili a mano o verificare sperimentalmente se testi e campi dei form effettivamente si ingrandiscono (occorre Internet Explorer 6 o precedenti)
-
Dimensioni della pagina: Ridimensiona > 800x600
occorre anche verificare che su Internet Explorer il carattere sia impostato su grande (Visualizza> Impostazioni > Carattere> Grande) e che a questa risoluzione la pagina sia fruibile senza sovrapposizioni di testi
Verifiche sui frames
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
-
Presenza Frames: Frame > Bordi dei frame
-
Titoli, nomi e elemento NOFRAMES: Frame > Name/Title dei frames
Verifiche sul testo
-
Dalla barra dell'accessibilità 2.0 scegliete:
Ridimensiona> 800x600
Impostate i caratteri su grande (Internet Explorer 6: Visualizza> Carattere> Grande)
Se leggete tutto correttamente e non ci sono sovrapposizioni tali da rendere il contenuto incomprensibile, il livello di accessibilità è accettabile
- Verificate che nei fogli di stile non siano definite dimensioni dei font in px
Verifiche per le mappe immagine
Tramite la
barra dell'accessibilità (versione 2.0) , si possono individuare rapidamente le mappe immagine da:
Immagini > Visualizza le mappe immagine [nuova finestra].
Una verifica manuale anche senza strumenti particolari si può effettuare con Internet Explorer: sulle zone sensibili delle mappe immagini correttamente marcate, appare un "fumetto" contentente l'alternativo testuale
Verifiche per le tabelle dati
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
- Intestazioni: Tabelle > Intestazioni di tabella
per verificare che tutte le intestazioni siano correttamente marcate come tali
- Associazione celle intestazioni: Tabelle > Visualizza le tabelle dati
vengono mostrati anche id ed headers e si può verificare manualmente l'associazione
Verifiche sui form
Provare il form con la sola tastiera è la prima verifica necessaria.
Mediante la barra dell'accessibilità (versione 2.0), verificare l 'associazione tra campi ed etichetta:
Struttura > Elementi fieldset/Label
Verifiche per script, applet e plugin
Verificare l'accessibilità di questi tipi di oggetto può essere molto complesso perchè essi potrebbero richiedere la verifica pratica sia con diversi browser che con tutte le tecnologie assistive.
Un metodo per verificare la rispondenza ai requisiti è:
- Verificare che esista almeno un'alternativa accessibile con il browser testuale Lynx per navigare la pagina.
- Utilizzare la pagina per verificare che funzioni correttamente con i seguenti browser (pari al 96% degli user agent che visitano il sito ERMES da gennaio 2007) anche su sistemi operativi diversi ove possibile:
- Microsoft Internet Explorer 7.x per Windows XP o Vista
- Microsoft Internet Explorer 6.x per Windows XP o 2000
- Mozilla Firefox 2.x su Windows/OsX/Linux
- Apple Safari 2.x per OSX o 3 per Windows/OSX
- Opera 9 per Windows/OsX/Linux
- Utilizzare la pagina con la sola tastiera
Alcune verifiche possono essere fatte con la barra dell'accessibilità (versione 2.0) , controllando:
- Fruibilità in assenza di applet: IE > Attiva/Disattiva ActiveX
- Fruibilità in assenza di Javascript: IE > Attiva/Disattiva Javascript
- Presenza di popup: Informazioni > Javascript / Link in nuove finestre
Verranno evidenziati i link in nuove finestre per facilitarne la verifica
Verifiche per i files multimediali
Con la
barra dell'accessibilità (versione 2.0), si può verificare la presenza di files multimediali nella pagina da:
Informazioni > Elenco dei files multimediali [nuova finestra]
Verifiche per le tabelle di layout
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
- Linearizzazione: Tabelle > Linearizza
per capire se il contenuto ha ancora senso una volta tolte le strutture che gli danno forma
- Intestazioni: Tabelle > Intestazioni di tabella
per verificare che non siano state marcate le intestazioni
Verifiche sui link
Alcune verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
- Link significativi: Informazioni > Visualizza i link [nuova finestra]
apparirà una lista in cui sarà semplice capire se il testo dei link ha senso quando letto fuori dal contesto.
- Selezione da tastiera: Struttura > Ordine di tabulazione
verrà mostrato un numero corrispondente all'ordine, verificare che ogni link abbia un numero e che la numerazione segua una sequenza logica.
- Link attivi (on-line): Controlla > Controllo dei link del W3C > Controlla la pagina corrente
Verificare che tutti i link siano funzionanti.
Verifiche per le immagini
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
- Alternativi: Immagini > Rimuovi immagini
per verificare che tutte le immagini che veicolano informazioni o hanno una funzione abbiano il corretto testo alternativo
- Immagini in movimento: Immagini > Test frequenza GIF animate
verranno segnalate le eventuali immagini in movimento e quelle che per il loro lampeggiamento, potrebbero causare problemi a chi soffre di epilessia fotosensibile (solo per pagine on-line)
Verifiche sui colori
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0) , controllando:
- Colore: Colore > Scala di grigi
per verificare che tutte le informazioni siano veicolate anche in modo alternativo al colore (es. campi obbligatori, segnali di errore,...)
- Contrasti: Colore > Contrast Analyser (applicazione)
tramite l'applicazione che si aprirà, è possibile selezionare colore di sfondo e colore del testo in primo piano. E' necessario che tra i due colori ci sia una sufficiente "Differenza di colore" (vedi l'immagine di esempio)
Verifiche sulla struttura delle pagine
Per verificare la correttezza del codice XHTML di una pagina consigliamo di utilizzare Mozilla Firefox e l'HTML Validator attivando entrambi i parser (vedi sezione link).
In alternativa si può usare la Web Developer Toolbar
Tutte le verifiche possono essere fatte anche con la
barra dell'accessibilità (versione 2.0), controllando:
-
Codice (per pagine on-line): Controlla> Validatore HTML del W3C > Valida l'HTML
-
Codice (per pagine off-line): Controlla> Validatore HTML WDG> Valida l'HTML
-
DTD: Informazioni > Visualizza il DOCTYPE
-
Lingua: Informazioni > Visualizza gli attributi LANG
-
Skip-link: Informazioni > Visualizza i link [nuova finestra]
oppure da CSS >Disabilita il foglio di stile
-
Accesskey: Struttura> Accesskey
-
Intestazioni: Struttura> Intestazioni
oppure da Struttura> Struttura delle intestazioni
-
Liste: Struttura> Elementi di lista
Sono possibili analoghe verifiche anche con Opera, di cui però non aprofondiremo i dettagli.
Linee guida per siti ed applicazioni web della Regione Emilia-Romagna
