Vai direttamente al contenuto della pagina.

3.3 Homepage sito www.regione.calabria.it

La pagina oggetto della valutazione seguente è visionabile al link Homepage sito Regione Calabria

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.1Organizzare 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. Negativo
6.2 Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia. N/V
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. N/V
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. N/V
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. N/V
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. Negativo
3.2 Creare documenti che facciano riferimento a grammatiche formali pubblicate. Negativo
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. Negativo
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. Negativo
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). Nel descrivere la configurazione di un sito, evidenziare e spiegare le caratteristiche di accessibilità che sono disponibili. 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 Negativo
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. N/V
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
Dettaglio problemi riscontrati per le WCAG 1.0 Priorità 1
Linea guida 1.1

Praticamente nessuna immagine della pagina contiene l’attributo alt. Sono state riscontrate 63 istanze di questo tipo di errore. Poiché lo strumento automatico utilizzato non è in grado di distinguere immagini impiegate nel layout (quali sfondi, bordi , ecc. ) dalle immagini informative.

Esempi di immagine di layout priva dell’attributo alt

Errore :

	
<TD><IMG height=6 src="img/bordino.jpg" width=770></TD>

Soluzione :

	
<TD><IMG alt="" src="img/bordino.jpg" /></TD>

Esempi di immagine informativa priva dell’attributo alt

Errore :

	
<IMG height=88 src="img/bannersx.jpg" width=311 border="0"></a></TD>

Soluzione :

	
<IMG alt="Home Page Regione Calabria" src="img/bannersx.jpg"  border="0"></a></TD>

Torna alla tabella
Linea guida 4.1

Errore :

Nella pagina analizzata, è stato riscontrato un titolo di sezione con etichetta in linguaggio inglese "Adnkronos Top News" sprovvista dell'attributo lang utile all'identificazione del cambio di lingua utilizzata

Soluzione :

Utilizzare l'attributo lang in maniea appopriata come nell'esempio seguente:

	
<p lang="en">Adnkronos Top News</p>

Torna alla tabella
Linea guida 6.1

Errore :

Utilizzando la funzione di Mozilla Firefox per disabilitare il css, la pagina risulta di difficile lettura anche per via dell'impaginazione tabellare impiegata. Molti link presenti sulla parte all'estrema estrma della pagina sono visibili sono agendo consistentemente sullo scroll orizzontale anche se durante la prima analisi non ci eravamano nemmeno accorti della loro presenza.

Soluzione :

Evitare di utilizzare layout traite l'impiego di tabelle ed impiegare invece i marcatori div con relativo css per creare un impaginazione elegante


Torna alla tabella
Torna al Sommario della Pagina
Dettaglio problemi riscontrati per le WCAG 1.0 Priorità 2
Linea guida 3.1

Errore :

La pagina presenta due form per la ricerca, uno dei quali utilizza un’immagine “cerca.gif" come pulsante per inviare il form sprovvista per altro dell’attributo alt.

	
<input type="image" border="0" name="search" src="cerca.gif">
 

Soluzione :

E’ preferibile utilizzare il markup appropriato per i bottoni relativi all’invio delle form:

	
<input type="submit" border="0" name="search" value="Cerca" />

Torna alla tabella
Linea guida 3.2

Errore :

La pagina non prevede alcun riferimento a DTD relativo alla grammatica adottata.

Soluzione :

Includere nella pagina html il riferimento al DTD utilizzato, ad esempio :

	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Torna alla tabella
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

	
Html :

<div class="menu>Organi della Regione <div>

Css :

.menu { text-align=center ; color: #FFFFFF ; font-size: 2em }

Torna alla tabella
Linea guida 3.5

Errore :

La pagina analizzata non fa uso di 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

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.

Errore :

	
<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à: 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">
  <div align="center"> 
	<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">
  </div>
</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.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.1

Errore :

Non tutti i link permettono di capire l’obiettivo del collegamento

Soluzione :

È necessario utilizzare l’attributo title per descrivere in maniera più dettagliata l’obiettivo del link e correggere le etichette poco informative e/o ambigue con etichette pertinenti


Torna alla tabella
Linea guida 13.2

Errore :

La pagina è scarsamente dotata di metadata. L'unico metadata presente si riferisce al titolo della pagina


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
Torna al Sommario della Pagina