Dove mi Trovo: Home Page > Valutazione della conformitą alle WCAG1.0 AA

Valutazione della conformitą alle WCAG1.0 AA

Valutazione della conformità alle WCAG1.0 AA

del sito: www.regione.sardegna.it


Presentazione:

Abbiamo effettuato la valutazione della conformità per l'accessibilità riferendoci alle linee guida WCAG1.0 [http://www.aib.it/aib/cwai/WAI-trad.htm#Guidelines] considerando il livello "Doppia-A".


Lo strumento utilizzato per verificare eventuali violazioni di accessibilità è WebXACT [http://webxact.watchfire.com/] che evidenzia la linea guida violata, il codice sorgente specifico della pagina e la priorità della violazione.

Visto che è stato richiesto un livello di conformità "Doppia-A" ci siamo soffermati alle violazioni di priorità 1 e 2.


La struttura del sito http://www.regione.sardegna.it/ che utilizza lo stesso layout nella maggior parte delle pagine ci ha permesso, prendendo un campione di pagine, di rilevare le violazioni comuni.

Altre pagine, con layout differente, sono state esaminate con maggior cura, rivelandosi non accessibili a causa di violazioni più gravi.


Si riportano le violazioni individuate specificando la linea guida, la priorità della violazione, la pagina e l'eventuale codice html, fornendo infine il metodo per risolvere il problema.


LINEA GUIDA 1: "Fornire alternative equivalenti al contenuto audio e visivo".


Pagina: galleria [link]

Priorità: [Priorità 1]

Punto di controllo: 1.1 - Se l'immagine nasconde contenuti importanti utilizzare una descrizione come integrazione ad un testo alternativo.

Analisi e soluzione al problema: La pagina Galleria può essere di poco interesse per un utente con browser testuale o per una persona non vedente. Questo risulta comunque un ottimo caso in cui il tag Alt di un immagine è insufficiente nella descrizione di un immagine.


Pagina: agenzia del lavoro [link]

Priorità: [Priorità 1]

Punto di controllo: 1.1 - Se l'immagine nasconde contenuti importanti utilizzare una descrizione come integrazione ad un testo alternativo.

Codice:

<img border="0" src="immagini/e-mail.gif" width="37" height="40"></a></p>

Analisi e soluzione al problema: in questa pagina ci sono 16 immagini senza attributo ALT.


LINEA GUIDA 3: "Usare marcatori e fogli di stile e farlo in modo appropriato".


Pagina: home [link] e agenzia del lavoro [link]

Priorità: [Priorità 2]

Punto di controllo: 3.1 - Quando esiste un linguaggio di marcatori adatto, per veicolare informazione usare un marcatore piuttosto che le immagini.

Analisi e soluzione al problema: Nella pagina sono state utilizzate delle immagini come titoli dei menu. Si poteva ottenere lo stesso effetto utilizzando opportune proprietà dei fogli di stile.

Esempio:

Esempio


Pagina: internazionalizzazione [link] e agenzia del lavoro [link]

Priorità: [Priorità 2]

Punto di controllo: 3.2 - Creare documenti che facciano riferimento a grammatiche formali pubblicate.

Analisi e soluzione al problema: La pagina esaminata non presenta la dichiarazione sul tipo del documento che rimandi a un DTD pubblicato

Esempio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


Pagina: internazionalizzazione [link]

Priorità: [Priorità 2]

Punto di controllo: 3.3 - Usare fogli di stile per controllare l'impaginazione e la presentazione.

Analisi e soluzione al problema: In questa pagina sono stati utilizzati tag dell'html per formattare il testo. E' consigliabile ricorrere, quando possibile, ai fogli di stile (CSS).

Esempio:

<table border="0" width="100%" bgcolor="#9BA1A4" cellpadding="0" cellspacing="0" height="27">


Pagina: Agenzia del lavoro [link]

Priorità: [Priorità 2]

Punto di controllo: 3.4 - Usare unità relative e non assolute nei valori degli attributi del linguaggio dei marcatori e i valori della proprietà del foglio di stile.

Analisi e soluzione al problema: L'utilizzo di valori assoluti per gli elementi della pagina, rendono questa poco flessibile ai cambi di risoluzione o al variare delle dimensioni dello schermo. La soluzione al problema è l'utilizzo di valori relativi.

Esempio:

<table border="0" width="100%" height="72">

<tr>

<td width="14%" height="68">


LINEA GUIDA 5: "Creare tabelle che si trasformino in maniera elegante".


Pagina: agenzia del lavoro [link]

Priorità: [Priorità 2]

Punto di controllo: 5.3 - Non usare tabelle per impaginazioni a meno che la tabella non sia comprensibile se letta in modo linearizzato.

Analisi e soluzione al problema: Mancano i fogli di stile e le tabelle usate servono solo per il layout.


LINEA GUIDA 6: "Assicurarsi che le pagine che danno spazio a nuove tecnologie si trasformino in maniera elegante".


Pagina: internazionalizzazione [link]

Priorità: [Priorità 1]

Punto di controllo: 6.2 - Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia.

Analisi e soluzione al problema: L'utilizzo di frame è sconsigliato per la navigazione perché browser obsoleti o testuali possono essere non compatibili o avere difficoltà nella visualizzazione del contenuto.

Esempio di codice :

<frameset rows="99%,*" framespacing="0" border="0" frameborder="0">

<frame name="superiore" src="http://82.85.18.137/index.mv">

<frame name="inferiore" src="http://82.85.18.137/zero.htm" scrolling="no" noresize>

<noframes>

<body>

<p>La pagina corrente utilizza i frame. Questa caratteristica non è

supportata dal browser in uso.</p>

</body>

</noframes>

</frameset>

Sostituire con :

<P> <OBJECT data="nav.html"> vai a <A href="nav.html">tabella contenuti</A> </OBJECT>


Pagina: Immagini e Servizi [link]

Priorità: [Priorità 1]

Punto di controllo: 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.

Analisi e soluzione al problema:

Nella pagina galleria non si utilizza il tag NOSCRIPT o il tag OBJECT. Senza javascript quindi non si possono visualizzare le immagini.

La pagina dei servizi presenta due script java. Uno script per selezionare tramite i cookie il foglio di stile e un altro per la gestione dei campi form; nella pagina però non sono inseriti dei form quindi questa riga di codice è inutile. Disabilitando i java-script funziona in modo corretto la sezione servizi.


Pagina: immagini [link]

Priorità: [Priorità 2]

Punto di controllo: 6.4 - Per quanto riguarda script e applet, assicurarsi che i gestori di eventi siano indipendenti dai dispositivi di input.

Analisi e soluzione al problema: Lo script java non permette l'utilizzo da input diverso dal mouse.


LINEA GUIDA 8: "Assicurare l'accessibilità diretta delle interfacce utente incorporate."


Pagina: galleria [link]

Priorità: [Priorità 2]

Punto di controllo: 8.2 - Fare in modo che elementi di programmi come script e applet siano direttamente accessibili o compatibili con le tecnologie assistite.


LINEA GUIDA 9: "Progettare per garantire l'indipendenza da dispositivo".


Pagina: galleria [link]

Priorità: [Priorità 2]

Punto di controllo: 9.2 - Assicurarsi che ogni elemento che possiede una sua specifica interfaccia possa essere gestito in una modalità indipendente da dispositivo.


LINEA GUIDA 11: "Usare le tecnologie e le raccomandazioni del W3C."


Pagina:Agenzia del lavoro [link]

Priorità: [Priorità 2]

Punto di controllo: 11.2 Evitare le caratteristiche delle tecnologie W3C che sono disapprovate

Analisi e soluzione al problema: Uso del tag FONT che è disapprovato dal W3C. In altre istanze segnalate da bobby troviamo i tag CENTER, U anch'essi disapprovati.

Es.

<font size="2" color="#0000FF"><b>&nbsp;07 Marzo 2005</b></font>

   

Linea Guida 12: "Fornire informazione per la contestualizzazione e l'orientamento."


Pagina:Internazionalizzazione [link]

Priorità: [Priorità 1]

Punto di controllo: 12.1 Dare un titolo a ogni frame per facilitare l'identificazione del frame e la navigazione.

Analisi e soluzione al problema: Nel nostro caso viene utilizzato solamente l'attributo frame name.

Es.

<frame name="superiore" src="http://82.85.18.137/index.mv">

Sostituire con:

<frame name="superiore" title="" src="http://82.85.18.137/index.mv">


LINEA GUIDA 13: "Fornire chiari meccanismi di navigazione".


Pagina: Agenzia del lavoro

Priorità: [Priorità 2]

Punto di controllo: 13.1 Identificare con chiarezza l'obiettivo di ogni collegamento.

Analisi e soluzione al problema: Manca l'attributo title in 13 link.

Es.

<a href="http://www.insar.it"><img border="0" src="immagini/insar.jpg.jpg" width="118" height="35"></a>

Pagina: Internazionalizzazione [link]

Priorità: [Priorità 2]

Punto di controllo: 13.3 Fornire informazione sulla configurazione generale di un sito

Analisi e soluzione al problema: Nella mappa del sito sarebbe molto utile trovare anche le caratteristiche di accessibilità disponibili.

Ultimo aggiornamento 18/07/2005
Sito Realizzato da Mi Laureo.com