Analisi del sito DisabiliFree

Analisi della differenza di contrasto e luminosità di colori su disabilifree.it

  1. Titoli delle foto (nero) e sfondo celle (marroncino) alla pagina gallery
  2. Rosso su sfondo viola nel menu laterale
  3. Nero su sfondo viola nel menu laterale
  4. Rosso su sfondo grigio nella pagina centrale (i link nella pagina centrale non hanno colori predefiniti)

Formule utilizzate (sui valori rgb red-blue-green)

LUMINOSITÀ:
red1 * 299 + green1 * 587 + blue1 * 114 + red2 * 299 + green2 * 587 + blue2 * 114 1000
CONTRASTO:
red1 red2 green1 green2 blue1 blue2
Tabella Riassuntiva
# red1 green1 blue1 red2 green2 blue2 diff.LUM. (soglia) diff.CON. (soglia)
1. 0 0 0 212 170 111 175 (125) 493 (500)
2. 0 144 120 204 204 255 111 (125) 399 (500)
3. 0 0 0 204 204 255 209 (125) 663 (500)
4. 237 237 237 204 0 0 177 (125) 507 (500)

Punti di Controllo per la Priorità 1

In Generale (Priorità 1) NoN/D
1.1 Fornire un equivalente testuale per ogni elemento non di testo (per esempio, mediante "alt", "longdesc" o contenuto nell'elemento stesso). Questo comprende: immagini, rappresentazioni grafiche di testo (compresi i simboli), zone di immagini sensibili, animazioni (ad es. GIF animate), applet e oggetti programmati, arte ascii frame, script, immagini usate come richiamo per elenchi, spaziatori, bottoni grafici, suoni (azionati con o senza l'intervento dell'utente), file di solo audio, tracce audio di video e video.   X  
2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori. X    
4.1 Identificare con chiarezza i cambiamenti nel linguaggio naturale del testo di un documento e in ogni equivalente testuale (per es. nelle didascalie).   X  
6.1 Organizzare i documenti in modo che possano essere letti senza i fogli di stile. Per esempio, quando un documento HTML viene reso senza i fogli di stile associati, deve essere sempre possibile leggere il documento. X    
6.2 Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia. X    
7.1 Fino a quando gli interpreti non permetteranno agli utenti di controllare lo sfarfallìo, evitare di far sfarfallare lo schermo. X    
14.1 Usare il linguaggio più chiaro e semplice possibile che sia adatto al contenuto di un sito. X    
Se si utilizzano immagini o mappe immagine (Priorità 1) NoN/D
1.2 Fornire ridondanti collegamenti di testo per ogni zona attiva di una immagine sensibile sul lato server.     X
9.1 Fornire immagini sensibili sul lato client invece di immagini sensibili sul lato server, con l'eccezione dei casi nei quali le zone non possono essere definite con una forma geometrica valida.     X
Se si utilizzano tabelle (Priorità 1) NoN/D
5.1 Per tabelle di dati, identificare le intestazioni di righe e colonne.     X
5.2 Per tabelle di dati che hanno due o più livelli logici di intestazioni di righe o colonne, usare marcatori per associare le celle di dati e le celle di intestazione.     X
Se si utilizzano i frame (Priorità 1) NoN/D
12.1 Dare un titolo a ogni frame per facilitare l'identificazione del frame e la navigazione.     X
Se si utilizzano applet e script (Priorità 1) NoN/D
6.3 Assicurarsi che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati. Se questo non è possibile, fornire informazione equivalente in una pagina accessibile alternativa. X    
Se si utilizzano elementi multimediali (Priorità 1) NoN/D
1.3 Fino a quando gli interpreti non potranno leggere automaticamente ad alta voce l'equivalente testuale di un filmato, fornire una descrizione audio delle informazioni essenziali del filmato di una presentazione multimediale.     X
1.4 Per ogni presentazione multimediale temporizzata (per es. un film o una animazione), sincronizzare alternative equivalenti (per es. didascalie o descrizioni parlate del filmato) con la presentazione.     X
Se tutto il resto fallisce (Priorità 1) NoN/D
11.4 Se, nonostante ogni sforzo, non si può creare una pagina accessibile, fornire un collegamento a una pagina alternativa che usi le tecnologie W3C, sia accessibile, contenga informazioni (o funzionalità) equivalenti, e sia aggiornata con la stessa frequenza della pagina (originale) inaccessibile.     X

Punti di Controllo per la Priorità 2

In Generale (Priorità 2) NoN/D
2.2 Assicurarsi che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto se visti da qualcuno con deficit percettivi sul colore o se visti su uno schermo in Bianco e Nero. [Priorità 2 per le immagini, Priorità 3 per il testo].   X  
3.1 Quando esiste un linguaggio di marcatori adatto, per veicolare informazione usare un marcatore piuttosto che le immagini.   X  
3.2 Creare documenti che siano validi rispetto alle grammatiche formali pubblicate.   X  
3.3 Usare fogli di stile per controllare l'impaginazione e la presentazione.   X  
3.4 Usare unità relative e non assolute nei valori degli attributi del linguaggio di marcatura e nei valori della proprietà del foglio di stile.   X  
3.5 Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.   X  
3.6 Marcare le liste ed elencare le voci della lista in modo appropriato.   X  
3.7 Marcare le citazioni. Non usare marcatura che definisca citazioni per ottenere effetti di formattazione come il rientro.   X  
6.5 Assicurarsi che il contenuto dinamico sia accessibile oppure fornire una presentazione o pagina alternativa.     X
7.2 Fino a quando i programmi utente non permetteranno agli utenti di controllare il lampeggiamento, evitare di far lampeggiare il contenuto (cioè di cambiare la presentazione a intervalli regolari, come se si accendesse e spegnesse).     X
7.4 Fino a quando i programmi utente non forniranno la possibilità di bloccare l'autoaggiornamento, non creare pagine che si autoaggiornano periodicamente. X    
7.5 Fino a quando i programmi utente non forniranno la capacità di bloccare l'auto-reindirizzamento, non usare marcatura per reindirizzare le pagine automaticamente. Piuttosto, configurare il server in modo che esegua i reindirizzamenti. X    
10.1 Fino a quando i programmi utente non permetterano agli utenti di bloccare la generazione di nuove finestre, non fare apparire finestre a cascata o di altro tipo e non cambiare la finestra attiva senza informare l'utente. X    
11.1 Usare le tecnologie W3C quando sono disponibili e sono appropriate per un certo compito e usare le versioni più recenti quando sono supportate.   X  
11.2 Evitare le caratteristiche delle tecnologie W3C che sono disapprovate.   X  
12.3 Dividere grandi blocchi di informazione in gruppi più maneggevoli quando è naturale ed appropriato. X    
13.1 Identificare con chiarezza l'obiettivo di ogni collegamento.   X  
13.2 Fornire metadata per aggiungere informazione di tipo semantico alle pagine e ai siti.   X  
13.3 Fornire informazione sulla configurazione generale di un sito (per es., una mappa oppure un indice del sito).   X  
13.4 Usare meccanismi di navigazione in modo coerente. X    
Se si utilizzano le tabelle (Priorità 2) NoN/D
5.3 Non usare tabelle per impaginazioni a meno che la tabella non sia comprensibile se letta in modo linearizzato. Altrimenti, se la tabella non risulta leggibile, fornire una alternativa equivalente (che può essere una versione linearizzata).   X  
5.4 Se per l'impaginazione viene usata una tabella non usare nessun marcatore di struttura per la formattazione della resa visiva. X    
Se si utilizzano i frame (Priorità 2) NoN/D
12.2 Descrivere lo scopo dei frame e il modo in cui essi interagiscono se non è evidente dai titoli dei frame da soli.     X
Se si utilizzano i moduli (Priorità 2) NoN/D
10.2 Fino a quando i programmi utente non supporteranno esplicite associazioni fra etichette e controlli dei moduli, assicurare, per tutti i controlli dei moduli che hanno etichette associate implicitamente, che l'etichetta sia posizionata correttamente.   X  
12.4 Associare esplicitamente le etichette ai loro controlli.   X  
Se si utilizzano applet e script (Priorità 2) NoN/D
6.4 Per quanto riguarda script e applet, assicurarsi che i gestori di eventi siano indipendenti dai dispositivi di input.     X
7.3 Fino a quando i programmi utente non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine. X    
8.1 Fare in modo che elementi di programmi come script e applet siano direttamente accessibili o compatibili con le tecnologie assistive [Priorità 1 se la funzionalità è importante e non presentata altrove, altrimenti Priorità 2].     X
9.2 Assicurarsi che ogni elemento che possiede una sua specifica interfaccia possa essere gestito in una modalità indipendente da dispositivo. X    
9.3 Negli script, specificare gestori di evento logici piuttosto che gestori di evento dipendenti da dispositivo. X    

Punti di Controllo per la Priorità 3

In Generale (Priorità 3) NoN/D
4.2 Specificare lo scioglimento di ogni abbreviazione o acronimo nel documento laddove compare per la prima volta.   X  
4.3 Identificare il linguaggio naturale principale di un documento.   X  
9.4 Creare un ordine logico di tabulazione fra i collegamenti, i controlli dei moduli, e gli oggetti. X    
9.5 Fornire scorciatoie da tastiera per i collegamenti importanti (compresi quelli nelle mappe immagini sul lato client), per i controlli dei moduli, e per i gruppi di controlli dei moduli.   X  
10.5 Fino a quando i programmi utente (comprese le tecnologie assistive) non renderanno in modo distinto collegamenti adiacenti, inserire caratteri stampabili (delimitati da spazi), non facenti parte dei collegamenti, per separare i collegamenti adiacenti.   X  
11.3 Fornire agli utenti l'informazione necessaria perché possano ricevere i documenti in maniera che si adattino alle loro preferenze (per es. lingua, tipo di contenuto ecc.)   X  
13.5 Fornire barre di navigazione per evidenziare e dare accesso ai meccanismi di navigazione. X    
13.6 Raggruppare i collegamenti correlati, identificare i gruppi (per i programmi utente) e, fino a quando i programmi utente non lo fanno, fornire un modo per saltare il gruppo.   X  
13.7 Se sono fornite funzionalità di ricerca, rendere possibili diversi tipi di ricerca per differenti livelli di abilità e per preferenze diverse.   X  
13.8  Posizionare l'informazione più significativa all'inizio delle intestazioni, dei paragrafi, delle liste, ecc.   X  
13.9 Fornire informazioni sulle raccolte di documenti (cioè documenti composti da più pagine).   X  
13.10 Fornire un mezzo per saltare l'arte ASCII multilinea.     X
14.2 Integrare il testo con presentazioni grafiche o uditive nei casi in cui esse possano facilitare la comprensione della pagina.   X  
14.3 Creare uno stile di presentazione coerente fra le pagine. X    
Se si utilizzano immagini e mappe immagine (Priorità 3) NoN/D
1.5 Fino a quando i programmi utente non renderanno disponibili equivalenti testuali per collegamenti delle mappe immagine sul lato client fornire collegamenti di testo ridondanti per ogni zona attiva di una mappa immagine sul lato client.     X
Se si utilizzano tabelle (Priorità 3) NoN/D
5.5 Fornire i sommari per le tabelle.   X  
5.6 Fornire abbreviazioni per le etichette di intestazione.     X
10.3 Fino a quando i programmi utente (comprese le tecnologie assistive) non renderanno in modo corretto il testo affiancato, fornire un testo lineare alternativo (nella pagina attiva o in qualche altra) per tutte le tabelle che dispongono testo su colonne parallele e andando a capo.   X  
Se si utilizzano moduli (Priorità 3) NoN/D
10.4 Fino a quando i programmi utente non gestiranno in maniera corretta controlli vuoti, inserire caratteri predefiniti come segnaposto nelle caselle per l'immissione di testo a una riga oppure a più righe. X    

Relazione finale

Breve descrizione del sito

Il sito nasce per dare spazio ai disabili nel variegato mondo del web. I contenuti vertono su vari servizi utili per la socializzazione e l'interazione tra gli utenti diversamente abili. Sono presenti, inoltre, varie notizie e aggiornamenti utili su eventi e iniziative nel panorama nazionale e sulla legislazione.

Analisi

Utilizzo delle immagini

Il sito fondamentalmente non utilizza immagini, se non per il titolo e per le gallerie fotografiche. Tuttavia nella galleria fotografica non vengono forniti gli equivalenti testuali. Nel caso specifico molte delle immagini sono foto degli utenti della community del sito; un possibile equivalente testuale potrebbe infatti essere la descrizione dell'aspetto fisico e dei dati anagrafici di ogni singolo utente. Sarebbe stato utile aggiungere anche un'adeguata simbologia visuale degli elementi del menu principale, tramite appropriate icone, per rendere più immediato l'aspetto semantico dei collegamenti.

Codice della pagina

L'utilizzo di attributi deprecati causa un veloce invecchiamento del sito. Nello specifico il sito utilizza l'html transitional anziché xhtml 1.0 strict. I marcatori non vengono utilizzati correttamente. Ad esempio il menù principale è realizzato in forma tabellare anziché utilizzando, come sarebbe stato corretto, una lista. In generale l'intero sito è strutturato secondo un'impaginazione tabellare che non è affatto necessaria. La presentazione del sito non sempre è demandata ai fogli di stile ma piuttosto alla marcatura interna all'html.

Elementi dinamici nelle pagine

Sono presenti due elementi dinamici: un controllo per la funzionalità di ricerca e il codice del contatore di accessi. Mentre il primo controllo è risultato compatibile ai dettami dell'accessibilità, del secondo non è stato possibile effettuare la verifica per via dell'impossibilità di ricavare il codice sorgente.

Elementi di navigazione e tasti di accesso rapido

Gli elementi di navigazione risultano coerenti in tutte le pagine. È presente una barra di navigazione non totalmente fruibile a causa del mancato scioglimento di alcuni acronimi e la scarsa esplicitezza di alcune voci di menu. Inoltre risultano assenti le informazioni di orientamento e di navigazione delle collezioni di documenti ed altri elementi di navigazione quali la mappa del sito. Infine la funzionalità di ricerca non è abbastanza dettagliata.

È presente un set di tasti di accesso rapido elencati in una pagina a parte. Tuttavia la scelta dei tasti rapidi nel sito in questione è inadeguata poiché si possono generare conflitti con alcuni comandi di default dei browser. Per ovviare al problema sarebbe stato opportuno preferire delle combinazioni numeriche piuttosto che alfabetiche.

Torna in cima