Vai direttamente al contenuto della pagina.

3.2 Sezione Giunta del sito www.regione.calabria.it

La pagina oggetto della valutazione seguente è visionabile al link Sezione Giunta Regionale

Sommario Pagina
3.2.1 WCAG 1.0 Priorità 1 - Tabella riassuntiva dei problemi riscontrati
IN GENERALE
Esito
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), applets 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 Negativo
2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori. Positivo
4.1 Identificare con chiarezza i cambiamenti nel linguaggio naturale del testo di un documento e in ogni equivalente testuale (per es. nelle didascalie). Negativo
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. Positivo
6.2 Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia. ???
7.1 Fino a quando gli interpreti non permetteranno agli utenti di controllare lo sfarfallìo, evitare di far sfarfallare lo schermo. Positivo
14.1 Usare il linguaggio più chiaro e semplice possibile che sia adatto al contenuto di un sito. Positivo
SE VENGONO USATE IMMAGINI E IMAGE MAPS
Esito
1.2 Fornire ridondanti collegamenti di testo per ogni zona attiva di una immagine sensibile sul lato server. N/V
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. N/V
SE VENGONO USATE TABELLE
Esito
5.1 Per tabelle di dati, identificare le intestazioni di righe e colonne. Negativo
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. N/V
SE VENGONO UTILIZZATI FRAME
Esito
12.1 Dare un titolo a ogni frame per facilitare l'identificazione del frame e la navigazione. Negativo
SE VENGONO UTILIZZATI APPLETS E SCRIPTS
Esito
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. N/V
SE È PRESENTE CONTENUTO MULTIMEDIALE
Esito
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. N/V
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. N/V
SE NONOSTANTE TUTTO FALLISCE
Esito
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. Negativo
Torna al Sommario della Pagina
3.3.1 WCAG 1.0 Priorità 2 - Tabella riassuntiva dei problemi riscontrati
IN GENERALE
Esito
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. Positivo
3.1 Quando esiste un linguaggio di marcatori adatto, per veicolare informazione usare un marcatore piuttosto che le immagini. Positivo
3.2 Creare documenti che facciano riferimento a grammatiche formali pubblicate. Positivo
3.3 Usare fogli di stile per controllare l'impaginazione e la presentazione. Negativo
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 Negativo
3.5 Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche. Negativo
3.6 Marcare le liste ed elencare le voci della lista in modo appropriato. N/V
3.7 Marcare le citazioni. Non usare marcatura che definisca citazioni per ottenere effetti di formato come il rientro. N/V
6.5 Assicurarsi che il contenuto dinamico sia accessibile oppure fornire una presentazione o pagina alternativa. N/V
7.2 Fino a quando gli interpreti 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 spengesse). Positivo
7.4 Fino a quando gli interpreti non forniranno la possibilità di bloccare l'autoaggiornamento, non creare pagine che si autoaggiornano periodicamente. Positivo
7.5 Fino a quando gli interpreti 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. Positivo
10.1 Fino a quando gli interpreti 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. Negativo
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. vedere
11.2 Evitare le caratteristiche delle tecnologie W3C che sono disapprovate. Negativo
12.3 Dividere grandi blocchi di informazione in gruppi più maneggevoli quando è naturale ed appropriato. Positivo
13.1 Identificare con chiarezza l'obiettivo di ogni collegamento. Positivo
13.2 Fornire metadata per aggiungere informazione di tipo semantico alle pagine e ai siti. Positivo Nota
13.3 Fornire informazione sulla configurazione generale di un sito (per es., una mappa oppure un indice del sito). Negativo
13.4 Usare meccanismi di navigazione in modo coerente. Negativo
TABELLE
Esito
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 Positivo
5.4 Se per l'impaginazione viene usata una tabella non usare nessun marcatore di struttura per la formattazione della resa visiva. Positivo
FRAMES
Esito
12.2 Descrivere lo scopo dei frame e il modo in cui essi interagiscono se non è evidente dai titoli dei frame da soli. Negativo
FORMS
Esito
10.2 Fino a quando gli interpreti 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. Negativo
12.4 Associare esplicitamente le etichette ai loro controlli. Negativo
APPLETS, OBJECTS, SCRIPTS
Esito
6.4 Per quanto riguarda script e applet, assicurarsi che i gestori di eventi siano indipendenti dai dispositivi di input. N/V
7.3 Fino a quando gli interpreti non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine. Negativo
8.1 Fare in modo che elementi di programmi come script e applet siano direttamente accessibili o compatibili con le tecnologie assistive N/V
9.2 Assicurarsi che ogni elemento che possiede una sua specifica interfaccia possa essere gestito in una modalità indipendente da dispositivo. N/V
9.3 Negli script, specificare gestori di evento logici piuttosto che gestori di evento dipendenti da dispositivo. N/V
Torna al Sommario della Pagina
Dettaglio problemi riscontrati per le WCAG 1.0 Priorità 1
Linea guida 1.1

Nessuna immagine della pagina contiene l’attributo alt. Sono state riscontrate 6 istanze che contengono questo tipo di errore, 2 nella pagina della ricerca delle sedute, all’interno della quale sono stati riscontrati errori per la mancanza dell’alt negli elementi input, 3 nel frame di sinistra della pagina della giunta, dove l’attributo alt non è stato inserito nelle immagini per il layout (le frecce che antecedono i link) e 1 nella Home Page della giunta, nella quale l’attributo alt è stato omesso nell’ immagine contenente il logo della regione.
Esempi di codice relativi a immagini di layout prive dell’attributo alt

Errore :

<img height=8 src="img/freccia.gif"> 

Soluzione :

<img height=8 alt="" src="img/freccia.gif"> 

Esempi di immagine informativa priva dell’attributo alt

Errore :

<img  src="img/regione2b.jpg" ></div>

Soluzione :

<img alt="Logo regione calabria" src="img/regione2b.jpg" >

Torna alla tabella
Linea guida 4.1

È stato riscontrato un cambiamento di lingua, dall’italiano all’inglese, all’interno della pagina dedicata alla ricerca delle sedute. Questo tipo di cambiamento dovrebbe essere segnalato attraverso l’utilizzo dell’attributo lang

.

Errore :

<div>Copyright ©2001 by AbramoTel s.r.l. - ALL RIGHTS RESERVED</div>

Soluzione :

<div><span lang="en"> Copyright ©2001 by </span>
AbramoTel s.r.l. - <span lang="en">
ALL RIGHTS RESERVED</span></div>

Torna alla tabella
Linea guida 5.1

Le tabelle di dati analizzate relative alle sedute della giunta, non fanno un uso corretto del markup appropriato per le tabelle. Proponiamo qui di seguito una possibile

Soluzione :

<table> 
<tr> <th scope="row" ><strong>DATA SEDUTA:</strong></th><td >2005.05.02</td></tr>   
<tr> <th scope="row" ><strong> DECISIONE : </strong></th> <td > 522</td> </tr>  
<tr> <th scope="row" ><strong> NUMERO DELIBERA: </strong></th> <td > ESECUTIVA </td>  </tr>  
<tr><th scope="row" ><strong> OGGETTO : </strong></th>
 <td > INCARICHI DIRIGENZIALI - PROVVEDIMENTI </td>  </tr>
 </table>   

Torna alla tabella
Linea guida 12.1

Non viene dato nessun titolo ai frame per identificarli.

Errore :

  <FRAME name=RIsx borderColor=#cc9966 src="RIsx.htm" noResize scrolling=no>
   <FRAME name=RIdx src="RIdx.htm" scrolling=yes>

Soluzione :


Sarebbe meglio evitare di utilizzare i frame in generale ma se proprio gli sviluppatori non ne vogliono fare a meno proponiamo la soluzione seguente

<frame name="RIsx" src="RIsx.htm" scrolling="no" title="menu di navigazione">
<frame name="RIdx" src="RIdx.htm" scrolling="yes" title="contenuto della pagina">

Torna alla tabella
Dettaglio problemi riscontrati per le WCAG 1.0 Priorità 2
Linea guida 3.3

Errore :


Nella pagina viene fatto largo uso del tag html font per speficiare colore,sfondo e dimensione del testo.

Soluzione :


Utilizzare regole css appropriate poichè esse permetteono di separare il contenuto della pagina dalla presentazione,rendendo più leggibile il codice e facilitando le future modifiche.

Torna alla tabella
Linea guida 3.4

Errore :


Nella pagina vengono usate misure assolute per specificare dimensioni di celle e testo.

	
<div "align="center"><font class="menu" size="2"><font color="#ab63ff">Organi 
                  della Regione </font></font></div>


Soluzione :


Utilizzare misure relative

	
Buon esempio di codice html:
<div class="menu">Organi della Regione <div>
Buon esempio di codice css da abbinare all'html:
.menu { text-align=center ; color: #FFFFFF ; font-size: 2em }

Torna alla tabella
Linea guida 3.5

Nella sezione giunta non vengono utilizzati elementi di intestazione

Torna alla tabella
Linea guida 5.3

Errore :

La pagina è interamente basta su un layout tabellare ma la sua lettura con un browser vocale quale IBM Home Page Reader risulta difficoltosa,anche se organizzata in maniera lineare, poichè è difficile isolare l’ascolto dei vari link. Inoltre non è sempre possibile percepire l’inizio e la fine di una nuova sezione della pagina poichè i titoli di alcune di esse sono essi stessi dei link.

Soluzione :

Organizzare la pagina in modo da permettere una lettura chiara ed efficace facendo uso di markup appropriato per dividere le varie sezioni (tag div ) ed identificandole con i tag header appropriati.

Torna alla tabella
Linea guida 7.3

Errore :

Le news della home page scorrono poichè contenute all’interno dell’attributo marquee che oltre ad essere deprecato non permette in alcun modo di disabilitare il movimento o di controllarlo.

	
 <marquee>
 <strong><span class="style1">- Calabria Web -   
 Progetto FIELD:  riaperti i termini di due bandi
 Avviso di gara per lavori adeguamento sismico dell'Autoparco di Reggio C.    
 Consigliere di Parit&agrave;: pubblicato l' avviso  pubblico per la designazione. 
 Sito internet: un apposito motore facilita la ricerca.
 </span>
 </strong>
 </marquee>

Soluzione :

E’ possibile sostituire la funzione del tag marquee utilizzando javascript e costruendo quindi uno script in grado di permettere all’utente di modificare e/o annullare il movimento del testo a suo piacimento. Inoltre si raccomanda di inserire del codice all’interno del tag noscript per permette di fruire degli stessi contenuti anche nel caso in cui javascript non sia disponibile nel browser utilizzato dall’utente oppure sia disabilitato.

Torna alla tabella
Linea guida 10.1

Errore :

La pagina contiene numerosi link simili a quello sottostante che,quando premuti, aprono una nuova pagina per via dell’attributo target="_blank".

<font color="#FFFFFF"><a href="gare-appalti/index.htm" 
target="_blank">Bandi e Avvisi<br>

Soluzione :

Ad esempio differenziare i link che aprono un collegamento in una nuova finestra dagli altri tramite la combinazione di markup e colore , usare l’attributo alt oppure con uno script che informi l’utente:

<a href="gare-appalti/index.htm" title="l’apertura della pagina Bandi e Concorsi
 avverrà in una nuova finestra" target="_blank">Bandi e Avvisi</a>

Torna alla tabella
Linea guida 10.2

Errore :

Nessuno dei due form presenti nella pagina rispetta questo punto. Vediamo ad esempio l’errore nel form dedicato alla "Ricerca nel Web" :

<form method="get" action=http://it.search.yahoo.com/search/it target="_blank">
  <div align="center"> 
  <input size="15" name="p" class="menu">
  <input type="SUBMIT" name="Action" value="Cerca">
  </div>
</form>

Soluzione :

Associare una label all’input di tipo testo.

	
<form method="get" action="http://it.search.yahoo.com/search/it" target="_blank">
    <label for="ricerca">Inserisci le parole chiave :</label>
    <input type="text" size="15" id="ricerca" name="ricerca" class="menu"/>
    <input type="submit" name="Action" value="Cerca">
 </form>

Torna alla tabella
Linea guida 11.1

Errore :

Non è possibile conoscere quale versione delle tecnologie html venga usata per la mancanza di un DTD. Provando a validare la pagina con il validatore del W3C e del WDG risultano però numerosi errori anche provando a confrontare la pagina esaminata con grammatiche obsolete come HTML 3.2.

Soluzione :

Utilizzare le ultime grammatiche html e css per il markup della pagina.

Torna alla tabella
Linea guida 11.2

Errore :

La pagina utilizzata tag html come font e marquee ed anche attributi di tag html ormai deprecati.

Soluzione :

Vedi punto 11.1

Torna alla tabella
Linea guida 12.2

Errore :

I frame non contengono né gli attributi indicanti il titolo né una descrizione del loro contenuto

<FRAME name=RIsx borderColor=#cc9966 src="RIsx.htm" noResize scrolling=no>
<FRAME name=RIdx src="RIdx.htm" scrolling=yes>

Soluzione :

impiegare coerentemente gli attriuti title e longdesc per i frame come nell'esempio seguente

<frame name="risc" src="RIsx.htm" title="menu navigazione giunta" 
longdesc="descrizione estesa del men&ugrave;" scrolling="no">

<frame name="ridx" src="RIdx.htm" title="contenuto principale della pagina" 
longdesc="descrizione del contenuto centrale della pagina"scrolling="yes">

Torna alla tabella
Linea guida 12.4

Errore :

Nessuno dei due form presenti nella pagina presenta delle etichette, pertanto non è possibile associarle ai campi di controllo.

Soluzione :

Vedi punto 10.2

Torna alla tabella
Linea guida 13.3

Soluzione :

Aggiungere al sito una mappa e/o un indice sinottico dei contenuti.

Torna alla tabella
Linea guida 13.4

Soluzione :

Utilizzare breadcrumbs per permettere una navigazione consapevole all’interno delle pagine.

Torna alla tabella