Valutazione di conformità tecnica - Legge Stanca
Sito web Università Bocconi
Periodo di analisi: 10 gennaio 2011 - 16 gennaio 2011
Introduzione generale
La legge n.4 del 9 gennaio 2004, comunemente chiamata "Legge Stanca", definisce i soggetti che devono garantire l'accessibilità dei propri siti e sistemi informatici, per garantirne il completo accesso anche a tutti coloro che necessitano di tecnologie assistive. Successivamente il decreto ministeriale dell'8 luglio 2005 definisce i 22 requisiti che i siti devono rispettare per ritenersi accessibili.
Ad osservare la legge devono essere principalmente le pubbliche amministrazioni, gli enti pubblici economici, le aziende private concessionarie di servizi pubblici, gli enti di assistenza e di riabilitazione pubblici, le aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico, le aziende municipalizzate regionali e le aziende appaltatrici di servizi informatici.
Tale legge, inoltre, da una definizione di accesibilità definendola come:la capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari;
Torna all'inizio della pagina
Metodologia utilizzata
Per effettuare la verifica tecnica abbiamo seguito un'approccio basato su un'attenta analisi dei singoli requisiti, i quali sono stati poi valutati in maniera sistematica su ciascuna pagina scelta. Questa valutazione incrociata "requisito-pagina" è stata finalizzata alla redazione di una tabella riassuntiva di conformità. Nella nostra analisi un requisito risulta soddisfatto se è conforme nella sua interezza: se si riscontra anche una sola violazione la pagina non soddisfa il requisito.
Strumenti utilizzati
Per eseguire la verifica tecnica della Legge Stanca abbiamo utilizzato i seguenti strumenti:
Torna all'inizio della pagina
Perimetro d'indagine
Dopo aver esplorato l'intero sito abbiamo riflettuto su quali pagine un utente qualsiasi visiterebbe con maggior frequenza e abbiamo deciso di analizzare le seguenti pagine:
Torna all'inizio della pagina
Risultati
Il sito analizzato (nelle pagine da noi valutate) risulta essere non conforme per la maggior parte dei requisiti.I principali problemi riguardano:
- la validità del codice: HTML e CSS non sono validi e contengono moltissimi errori sintattici in tutte le pagine. Questo comporta un'elevata difficoltà di visualizzazione delle pagine da parte di molti browsers non recenti;
- le alternative testuali: molte delle immagini e dei contenuti informativi non testuali sono privi di testo alternativo. Ciò non permette alle persone che utilizzano tecnologie assistive di fruire pienamente del contenuto. Inoltre molte immagini decorative sono sprovviste di attributo
alt: un lettore di schermo quindi leggerebbe l'url della risorsa, fornendo pertanto una informazione inutile e disorientante;
- gli script e le applet: nel sito sono stati utilizzati oggetti script anche quando sarebbe stato più conveniente utilizzare HTML e CSS. Disabilitando gli script infatti tali contenuti non risultano fruibili, in quanto al codice degli script non è stata associata alcuna alternativa
<noscript>;
- le temporizzazioni: ciascuna pagina non permette all'utente di gestirne il ricaricamento automatico. Si tratta di un grosso problema per chi fa uso di tecnologie assistive, in quanto può provocare perdita di contesto e frustrazione all'utente disabile;
- le pagine equivalenti: anche se la legge prevede che per le pagine non accessibili siano associate pagine equivalenti adeguatamente fruibili, il sito non presenta tali pagine, ma si limita in alcuni casi a fornire pagine di solo testo, che comunque non garantiscono la fruizione del contenuto completo del sito.
Torna all'inizio della pagina
Sommario dei requisiti
Di seguito viene riportato l'esito di ogni singolo requisito per ciascuna pagina analizzata:
Torna all'inizio della pagina
Risultati in dettaglio
-
1. Verifica della validità del codice HTML e CSS
Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili quando sono supportate dai programmi utente. Utilizzare elementi ed attributi in modo conforme alle specifiche, rispettandone l'aspetto semantico.
-
Home Page
Esito
Non conforme
Descrizione Come dimostrano le immagini che seguono, l'HTML risulta essere non valido. Risulta non valido a causa di 4 errori. Il codice CSS invece risulta essere valido.
Rimedi
Seguire le linee guida consigliate dal Consorzio W3C per la realizzazione di codice valido.
Torna alla tabella
-
Scuole e Programmi
Esito
Non conforme
Descrizione Come dimostrano le immagini che seguono i codici HTML e CSS risultano essere non validi.
Rimedi
Seguire le linee guida consigliate dal Consorzio W3C per la realizzazione di codice valido.
Torna alla tabella
-
Servizi
Esito
Non conforme
Descrizione Come dimostrano le immagini che seguono i codici HTML e CSS risultano essere non validi.
Rimedi
Seguire le linee guida consigliate dal Consorzio W3C per la realizzazione di codice valido.
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione Come dimostrano le immagini che seguono i codici HTML e CSS risultano essere non validi.
Rimedi
Seguire le linee guida consigliate dal Consorzio W3C per la realizzazione di codice valido.
Torna alla tabella
-
2. No Frame
Non è consentito l'uso dei frame nella realizzazione di nuovi siti
-
Home Page
Esito
Conforme
Descrizione
Non sono presenti frame all'interno della pagina.
Torna alla tabella
-
Scuole e Programmi
Esito
Conforme
Descrizione
Non sono presenti frame all'interno della pagina.
Torna alla tabella
-
Servizi
Esito
Conforme
Descrizione
Non sono presenti frame all'interno della pagina.
Torna alla tabella
-
MyPortal
Esito
Conforme
Descrizione
Non sono presenti frame all'interno della pagina.
Torna alla tabella
-
3. Uso di alternative testuali
Fornire una alternativa testuale equivalente per ogni oggetto non di testo presente in una pagina e garantire che quando il contenuto non testuale di un oggetto cambia dinamicamente vengano aggiornati anche i relativi contenuti equivalenti predisposti; l'alternativa testuale equivalente di un oggetto non testuale deve fare le veci dell’oggetto stesso (lo deve, quindi descrivere).
-
Home Page
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
Scuole e Programmi
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
Servizi
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
4.Colore
Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.
-
Home Page, Scuole e programmi, Servizi
Esito
Conforme
Descrizione
Le informazioni contenute nella pagine rimangono.
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione
Le informazioni contenute nella pagine variano e si ha perdita di contenuto.
Rimedi
Ralizzare la pagina facendo in modo che anche in assenza di colore, l'utente sia in grado di recepire le stesse informazioni.
Torna alla tabella
-
5.Scritte ed oggetti lampeggianti
Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile o disturbi della concentrazione, ovvero possano causare il malfunzionamento delle tecnologie assistive utilizzate; qualora esigenze informative richiedano comunque il loro utilizzo, avvertire l'utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi.
-
6.Contrasto
Garantire che siano sempre distinguibili il contenuto informativo (foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto (nel caso del testo) o a differenti livelli sonori (in caso di parlato con sottofondo musicale); evitare di presentare testi in forma di immagini.
-
Home Page
Esito
Non conforme
Descrizione
Non vengono rispettati i parametri richiesti per soddisfare il requisito.
Rimedi
Modificare i colori utilizzati durante la realizzazione della pagina facendoli rientrare nei seguenti valori: differenza di luminosità superiore a 125; differenza di colore deve essere superiore a 500.
Torna alla tabella
-
Scuole e Programmi
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
Servizi
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione
Ci sono delle immagini all'interno della pagine che non contengono l'attributoalt.
Rimedi
Inserire le immagini all'interno della pagina provviste degli attributi alt, title come nell'esempio:
<img src="URL"alt="ALTERNATIVA TESTUALE" title="TITOLO"/>
Torna alla tabella
-
7.Mappe immagine
Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server, salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata.
-
Home Page, Servizi, MyPortal
Esito
Non applicabile. Non vengono utlizzate mappe immagine.
Torna alla tabella
-
Scuole e Programmi
Esito
Non conforme
Descrizione
La mappa immagine non viene implementata con i tag specifici. Viene omesso il tag OBJECT.
Rimedi
Utilizzare i tag specifici come descritto dal seguente codice:
<OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
<P>This is a navigation bar.<p>
</OBJECT>
<MAP name="map1">
<AREA href="guide.html" alt="Access Guide" shape="rect" coords="0,0,118,28"/>
<AREA href="search.html" alt="Search" shape="rect" coords="184,0,276,28"/>
<AREA href="shortcut.html" alt="Go" shape="circle" coords="184,200,60"/>
<AREA href="top10.html" alt="Top Ten" shape="poly"
coords="276,0,276,28,100,200,50,50,276,0"/>
<AREA shape="circle" coords="100,200,50" alt="I'm inactive"/>
<AREA href="outer-ring-link.html" shape="circle"
coords="100,200,250" alt="I'm active"/>
</MAP>
Torna alla tabella
-
8.Mappe immagine (lato server)
In caso di utilizzo di mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa.
-
9.Tabelle dati
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne.
-
10.Tabelle dati(b)
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne.
-
11. Fogli di stile
Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati.
-
Home Page
Esito
Non conforme
Descrizione
Vengono utilizzati tag relativi allo stile nella parte HTML.
Rimedi
Utilizzare solo i fogli di stile CSS per controllare la presentazione dei contenuti.
Torna alla tabella
-
Scuole e Programmi
Esito
Non conforme
Descrizione
Vengono utilizzati tag relativi allo stile nella parte HTML.
Rimedi
Utilizzare solo i fogli di stile CSS per controllare la presentazione dei contenuti.
Torna alla tabella
-
Servizi
Esito
Non conforme
Descrizione
Vengono utilizzati tag relativi allo stile nella parte HTML.
Rimedi
Utilizzare solo i fogli di stile CSS per controllare la presentazione dei contenuti.
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione
Vengono utilizzati tag relativi allo stile nella parte HTML. Se viene disattivato il CSS si ha perdita di contenuti.
Rimedi
Utilizzare solo i fogli di stile CSS per controllare la presentazione dei contenuti; far sì che anche in assenza di quest'ultimi non si abbia perdita di informazioni.
Torna alla tabella
-
12. Layout fluido
La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra del browser utilizzata dall'utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto, anche in caso di ridimensionamento, ingrandimento o riduzione dell'area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri.
-
Home Page, Scuole e programmi
Esito
Non conforme
DescrizioneNelle operazioni di ridimensionamento della pagina e di utilizzo dello zoom si ha perdita di informazioni come possiamo vedere dagli
stamp fatti della pagina.
Rimedi
Utilizzare le unità di misura: em, % oppure utilizzare i valori simbolici small, x-small,... .
Torna alla tabella
-
Servizi, MyPortal
Esito
Conforme
Descrizione
Il layout risulta fluido.
Torna alla tabella
-
13. Tabelle di layout
In caso di utilizzo di tabelle a scopo di impaginazione, garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato.
-
Home Page, Scuole e programmi, Servizi
Esito
Non applicabile.
Descrizione
Non sono presenti tabelle di layout.
Torna alla tabella
-
MyPortal
Esito
Non conforme
Descrizione
Nelle tabelle di layout utilizzate nella pagina sono presenti elementi strutturali(th,td)che non permettono la linearizzazione delle tabelle. nonostante ciò l'ordine di lettura del lettore di schermo è corretto.
Rimedi
Linearizzare le tabelle di layout, eliminando i tag strutturali. Eventuali strutture devono essere gestite dal CSS.
Torna alla tabella
-
14. Form
Nei moduli (form), associare in maniera esplicita le etichette ai rispettivi controlli, posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive.
-
Home Page,Scuole e programmi, Servizi
Esito
Non conforme
Descrizione
Nella pagina in analisi si trova un form di ricerca in cui non è presente il tag label.
Rimedi
Utilizzare i tag label con gli attributi title,for.
Torna alla tabella
-
MyPortal
Esito
Conforme
Descrizione
Sono presenti i tag specifici con i relativi attributi.
Torna alla tabella
-
15. Script, applet
Garantire che le pagine siano utilizzabili quando script, applet, o altri oggetti di programmazione sono disabilitati oppure non supportati; ove ciò non sia possibile fornire una spiegazione testuale della funzionalità svolta e garantire una alternativa testuale equivalente, in modo analogo a quanto indicato nel requisito n.3.
-
16. Eventi
Garantire che i gestori di eventi che attivano script, applet o altri oggetti di programmazione o che possiedono una propria specifica interfaccia, siano indipendenti da uno specifico dispositivo di input.
-
Home Page, Scuole e programmi, Servizi
Esito
Non conforme
Descrizione
Gli eventi dipendono da determinati dispositivi e, dove essi non lo sono, vengono omessi i tag specifici.
Rimedi
Utilizzare i corretti tag per la gestione degli eventi e far sì che siano indipendenti da specifici dispositivi di input.
Torna alla tabella
-
MyPortal
Esito
Conforme
Descrizione
Gli eventi sono gestiti in maniera corretta e non sono dipendenti da uno specifico dispositivo di input.
Torna alla tabella
-
17. Script, Applet, PDF
Garantire che le funzionalità e le informazioni veicolate per mezzo di oggetti di programmazione, oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate, script e applet siano direttamente accessibili.
-
Home Page
Esito
Non conforme
Descrizione
Gli script che si trovano all'interno della pagina non sono direttamente accessibili, in quanto privi di testo alternativo ai contenuti informativi presentati.
Rimedi
Rendere accessibili gli script contenuti nella pagina e, fornire testo alternativo.
Torna alla tabella
-
Scuole e Programmi, Servizi, MyPortal
Esito
Non applicabile
Descrizione
Non risultano elementi di questo tipo all'interno della pagina.
Torna alla tabella
-
18. Multimediale
Nel caso in cui un filmato o una presentazione multimediale siano indispensabili per la completezza dell'informazione fornita o del servizio erogato, predisporre una alternativa testuale equivalente, sincronizzata in forma di sotto-titolazione o di descrizione vocale, oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficoltà di realizzazione nel caso di trasmissioni in tempo reale.
-
19.Link non ambigui
Rendere chiara la destinazione di ciascun collegamento ipertestuale (link) con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative, nonché prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.
-
20. Temporizzazioni
Nel caso che per la fruizione del servizio erogato in una pagina è previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni, è necessario avvisare esplicitamente l'utente, indicando il tempo massimo consentito e le alternative per fruire del servizio stesso.
-
21. Link distanti
Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina; per facilitare la selezione e l'attivazione dei collegamenti presenti in una pagina è necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0,5 em, le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0,5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l'etichetta in essi contenuta.
-
Home Page
Esito
Non conforme
Descrizione
Alcuni link della pagina non sono selezionabili da tastiera, nonostante la distanza sia corretta.
Rimedi
Rendere selezionabili i link in considerazione, quindi implementarli con tag accessibili da tastiera.
Torna alla tabella
-
Scuole e Programmi, Servizi, MyPortal
Esito
Conforme
Descrizione
Tutti i link sono selezionabili da tastiera e rispettano le distanze minime richieste la legge.
Torna alla tabella
-
22. Pagine equivalenti
Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti (pagine non accessibili), in sede di prima applicazione, fornire il collegamento a una pagina conforme a tali requisiti, recante informazioni e funzionalità equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza, evitando la creazione di pagine di solo testo; il collegamento alla pagina conforme deve essere proposto in modo evidente all'inizio della pagina non accessibile.
-
Home Page, Scuole e programmi,Servizi, MyPortal
Esito
Non conforme
Descrizione
Non sono presenti pagine equivalenti che rispettino i requisiti dichiarati dalla Legge Stanca, pe cui si ha una non conformità.
Rimedi
Fornire link che mandano a pagine equivalenti, quindi conformi alla Legge Stanca o rendere accessibili e le pagine principali.
Torna alla tabella
Torna all'inizio della pagina