Università degli Studi di Udine

Relazione per il corso di "Progettazione Siti Web"

Marco Cavedon
cavedon.marco@spes.uniud.it - 3 giugno 2010

Indice delle Relazioni Introduzione Perimetro dell´indagine Sommario risultati Sommario pagina 1 Sommario pagina 2 Dettaglio risultati Dettaglio pagina 1 Dettaglio pagina 2

Valid XHTML 1.1

CSS Valido!

Valutazione di conformitá rispetto alla legge Stanca del sito:

Radio Rai 1http://www.radio.rai.it/radio1/index.htm

Introduzione:

Nell´ambito del progetto per il corso di "Progettazione Siti Web" ho effettuato questa valutazione di conformitá secondo i requisiti tecnici della legge Stanca (http://www.pubbliaccesso.gov.it/normative/legge_20040109_n4.htm) per l´accessibilità del sito Radio Rai 1http://www.radio.rai.it/radio1/index.htm.
La legge Stanca si propone di favorire l´accesso agli strumenti informatici da parte dei soggetti disabili.
La presente legge identifica i concetti di "accessibilitá" e di "tecnologie assistive" come:

  • accessibilitá: 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;
  • tecnologie assistive: gli strumenti e le soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici.

Questo metodo di valutazione analitica viene utilizzato per scoprire se un sito è conforme o meno ai principi di accessibilitá associati agli standard web; per fare ció vengono analizzate le caratteristiche tecniche delle pagine e non l´iterazione dell´utente con il sistema in questione.
La legge Stanca si articola in 22 principi che, se opportunamente rispettati durante la creazione del sito web e la sua futura manutenzione, permettono a qualunque tipo di utente l´accesso alle informazioni ivi contenute.

Per realizzare questa verifica tecnica ho utilizzato i seguenti strumenti:

Torna all´inizio
Perimetro dell´indagine:

Questa verifica tecnica è stata realizzata dal 3 al 7 giugno 2010. Sono state analizzate le seguenti pagine utilizzando entrambi i web browser sopraelencati con sistema operativo Microsoft Windows XP, schermo da 17" con risoluzione 1440x900 e 1024x768 pixels:

  • Home pagehttp://www.radio.rai.it/radio1/index.htm: ho scelto questa pagina perchè, essendo questa la pagina principale del sito, è facile pensare che la maggior parte degli utenti vi si colleghi per ricercare le informazioni desiderate o semplicemente per verificare se vi sono nuovi contenuti;
  • Radio1Musicahttp://www.radio.rai.it/radio1/radiounomusica/.
Torna all´inizio
Sommario dei risultati:

Entrambe le pagine analizzate si sono rivelate abbastanza simili nei risultati: entrambe presentano codice HTML ed utilizzano fogli di stile CSS non validi, non sono provviste di adeguate alternative testuali, pagine alternative, link dotati di opportune descrizioni testuali ed utilizzabili da tastiera e si riscontrano problemi se non sono abilitati i javascript.
La pagina principale sembra comunque essere stata realizzata con una maggior attenzione per quanto riguarda l´accessibilità rispetto alle altre pagine del sito.

Torna all´inizio Sommario analisi pagina 1:

Dopo attenta valutazione della pagina principale del sito rispetto ai requisiti della legge Stanca abbiamo che:

Requisiti legge Stanca:Esito:
Requisito 1 - Validitá del codiceNON SODDISFATTO
Requisito 2 - Assenza di frameSODDISFATTO
Requisito 3 - Alternativa testualeNON SODDISFATTO
Requisito 4 - Utilizzo del coloreSODDISFATTO
Requisito 5 - Effetti lampeggiantiSODDISFATTO
Requisito 6 - ContrastoSODDISFATTO
Requisito 7 - Mappe immagine 1SODDISFATTO
Requisito 8 - Mappe immagine 2SODDISFATTO
Requisito 9 - Tabelle 1SODDISFATTO
Requisito 10 - Tabelle 2SODDISFATTO
Requisito 11 - Utilizzo di CSSNON SODDISFATTO
Requisito 12 - RidimensionamentoSODDISFATTO
Requisito 13 - Tabelle per l´impaginazioneSODDISFATTO
Requisito 14 - FormSODDISFATTO
Requisito 15 - Uso di Script, Applet, ecc.. 1NON SODDISFATTO
Requisito 16 - Uso di Script, Applet, ecc.. 2NON SODDISFATTO
Requisito 17 - Uso di Script, Applet, ecc.. 3NON SODDISFATTO
Requisito 18 - Utilizzo di filmati o presentazioni multimedialiSODDISFATTO
Requisito 19 - LinkNON SODDISFATTO
Requisito 20 - TemporizzazioniSODDISFATTO
Requisito 21 - Link distantiNON SODDISFATTO
Requisito 22 - Pagine equivalentiNON SODDISFATTO
Torna all´inizio
Sommario analisi pagina 2:

Analogamente dopo aver effettuato la valutazione della pagina Radio1Musica si presenta il seguente quadro:

Requisiti legge Stanca:Esito:
Requisito 1 - Validitá del codiceNON SODDISFATTO
Requisito 2 - Assenza di frameSODDISFATTO
Requisito 3 - Alternativa testualeNON SODDISFATTO
Requisito 4 - Utilizzo del coloreSODDISFATTO
Requisito 5 - Effetti lampeggiantiSODDISFATTO
Requisito 6 - ContrastoNON SODDISFATTO
Requisito 7 - Mappe immagine 1SODDISFATTO
Requisito 8 - Mappe immagine 2SODDISFATTO
Requisito 9 - Tabelle 1SODDISFATTO
Requisito 10 - Tabelle 2SODDISFATTO
Requisito 11 - Utilizzo di CSSNON SODDISFATTO
Requisito 12 - RidimensionamentoSODDISFATTO
Requisito 13 - Tabelle per l´impaginazioneNON SODDISFATTO
Requisito 14 - FormNON SODDISFATTO
Requisito 15 - Uso di Script, Applet, ecc.. 1NON SODDISFATTO
Requisito 16 - Uso di Script, Applet, ecc.. 2NON SODDISFATTO
Requisito 17 - Uso di Script, Applet, ecc.. 3SODDISFATTO
Requisito 18 - Utilizzo di filmati o presentazioni multimedialiSODDISFATTO
Requisito 19 - LinkNON SODDISFATTO
Requisito 20 - TemporizzazioniSODDISFATTO
Requisito 21 - Link distantiNON SODDISFATTO
Requisito 22 - Pagine equivalentiNON SODDISFATTO
Torna all´inizio
Dettaglio risultati:

Seguono nel dettaglio i requisiti tecnici della legge Stanca e l´esito della valutazione.

Torna all´inizio Dettaglio analisi pagina 1:
Requisito 1 - Validitá del codice: NON SODDISFATTO
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.

Questa pagina non rispetta gli standard W3C quindi il requisito non è stato soddisfatto. È stata testata mediante W3C Validator e W3C CSS Validator. Per quanto riguarda la struttura HTML la maggior parte degli errori risiede in tag aperti ma successivamente non chiusi e viceversa, mancato uso delle sequenze di escape per l´utilizzo di doppi apici all´interno dei campi "value" di qualche attributo ed errato utilizzo dei tag.
Qualche esempio:

Es. 1:

<h3><div title="In Onda">ore 12:10</div></h3>

Soluzione: il tag <div> non puó essere contenuto nel titolo <h3>, quindi sarebbe preferibile utilizzare l´attributo "title" all´interno del tag <h3>.

Es. 2:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="/radio1/css/RadioUno.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="/radio1/css/wai.css" title="wai" />
<link rel="stylesheet" type="text/css" href="/files/struttura_comune.css" title="default" />

Soluzione: questa pagina è stata creata utilizzando il DTD HTML 4.01 Transitional, quindi non è possibile utilizzare la sintassi di XHTML; possiamo ovviare a questo problema utilizzando XHTML anzichè HTML oppure dobbiamo chiudere i tag:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" ></meta>
<link rel="stylesheet" type="text/css" href="/radio1/css/RadioUno.css" title="default" ></link>
<link rel="alternate stylesheet" type="text/css" href="/radio1/css/wai.css" title="wai" ></link>
<link rel="stylesheet" type="text/css" href="/files/struttura_comune.css" title="default" ></link>

Es. 3:

<a href="#" target="_self" title="vai a "Zona Cesarini" Speciale Partita del Cuore">"Zona Cesarini" Speciale Partita del Cuore</a>

Soluzione: questo segmento di codice non è valido in quanto le doppie apici contenute nell´attributo title vengono interpretate come chiusura dell´attributo stesso e come inizio illegale di un altro attributo in quanto "Zona" non è un attributo ed in più manca il marcatore "="; bisogna utilizzare le sequenze di escape per rappresentarle:

<a href="#" target="_self" title="vai a &quot;Zona Cesarini&quot; Speciale Partita del Cuore">"Zona Cesarini" Speciale Partita del Cuore</a>

Torna all´inizioTorna alla tabella
Requisito 2 - Assenza di frame: SODDISFATTO
Non è consentito l´uso dei frame nella realizzazione di nuovi siti.

Questa pagina non utilizza frame.

Torna all´inizioTorna alla tabella
Requisito 3 - Alternativa testuale: NON SODDISFATTO
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 essere commisurata alla funzione esercitata dall´oggetto originale nello specifico contesto.

Il requisito non viene rispettato. Alcuni esempi di queste violazioni:

Es. 1:

Alcuni link non contengono l´attributo title="":

<a href="/radio1/atupertu/">A tu per tu</a>
<a href="/radio1/baobab/">Baobab</a>
<a href="/radio1/benfatto/">BenFatto</a>

Soluzione:
<a href="/radio1/atupertu/" title="collegamento al programma &quot;A tu per tu&quot;">A tu per tu</a>
<a href="/radio1/baobab/" title="collegamento al programma &quot;Baobab&quot;">Baobab</a>
<a href="/radio1/benfatto/" title="collegamento al programma &quot;Ben fatto&quot;">BenFatto</a>

Es. 2:

Alcune immagini sono sprovviste di descrizione alternativa testuale e quindi alcune informazioni contenute nell´immagine non sono fruibili se queste vengono disabilitate:

IMG Element at Line: 860, Column: 5
IMG Element at Line: 868, Column: 5
IMG Element at Line: 877, Column: 5
IMG Element at Line: 886, Column: 5

Soluzione: aggiungere gli attributi "alt" e "longdesc" in cui inserire una descrizione alternativa esauriente
<img src="images/radio1video.jpg" alt="" longdesc="" />
<img src="images/hp_radioanchio.jpg" alt="" longdesc="" />
<img src="images/hp_conparolemie.jpg" alt="" longdesc="" />
<img src="images/hp_ineuropa.jpg" alt="" longdesc="" />

Torna all´inizioTorna alla tabella
Requisito 4 - Utilizzo del colore: SODDISFATTO
Garantire che tutti gli elementi informativi e tutte le funzionalitá siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

Tutti gli elementi informativi e le funzionalità sono disponibili anche in assenza del colore utilizzato per rappresentarle.

Torna all´inizioTorna alla tabella
Requisito 5 - Effetti lampeggianti: SODDISFATTO
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.

Non sono presenti oggetti o scritte lampeggianti.

Torna all´inizioTorna alla tabella
Requisito 6 - Contrasto: SODDISFATTO
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; ove non sia possibile, ricorrere agli stessi criteri di distinguibilitá indicati in precedenza.

Il contrasto tra il colore del contenuto informativo e lo sfondo è sufficiente.

Torna all´inizioTorna alla tabella
Requisito 7 - Mappe immagine 1: SODDISFATTO
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.

Mappa immagine non presente.

Torna all´inizioTorna alla tabella
Requisito 8 - Mappe immagine 2: SODDISFATTO
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.

Mappa immagine non presente.

Torna all´inizioTorna alla tabella
Requisito 9 - Tabelle 1: SODDISFATTO
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.

Tabelle non presenti.

Torna all´inizioTorna alla tabella
Requisito 10 - Tabelle 2: SODDISFATTO
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o più livelli logici di intestazione di righe o colonne.

Tabelle non presenti.

Torna all´inizioTorna alla tabella
Requisito 11 - Utilizzo di CSS: NON SODDISFATTO
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.

La pagina risulta abbastanza comprensibile senza foglio di stile che peró non risulta valido secondo gli standard W3C.

Es. 1:

Errato utilizzo dell´ attributo "background":

background-color: trasparent;
background: trasparent;

Soluzione:
background-color: transparent;
background: transparent;

Es. 2:

Errato utilizzo dell´ attributo "word-spacing":

word-spacing: 300%;

Soluzione:
word-spacing: 3em;

Es. 3:

Errato utilizzo dell´ attributo "letter-spacing":

letter-spacing:300%;

Soluzione:
letter-spacing: 2em;

Torna all´inizioTorna alla tabella
Requisito 12 - Ridimensionamento: SODDISFATTO
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.

La pagina risulta essere ottimizzata per una risoluzione di 800x600 pixels; anche se ridimensionata o se viene aumentata o ridotta la dimensione dei caratteri la pagina conserva il medesimo aspetto senza sovrapposizioni. Se viene ridotta l´area di visualizzazione compaiono le scrollbar.

Torna all´inizioTorna alla tabella
Requisito 13 - Tabelle per l´impaginazione: SODDISFATTO
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.

Non sono state utilizzate tabelle a scopo di impaginazione.

Torna all´inizioTorna alla tabella
Requisito 14 - Form: SODDISFATTO
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.

L´unico form presente risulta essere quello del "MOTORE DI RICERCA". Le etichette sono state associate in maniera esplicita ai rispettivi controlli.

Torna all´inizioTorna alla tabella
Requisito 15 - Uso di Script, Applet, ecc.. 1: NON SODDISFATTO
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.

Se vengono disabilitati gli script non è possibile passare alla sezione "VIDEO" del menu "MULTIMEDIA". Inoltre anche l´utilizzo del servizio "MOTORE DI RICERCA" risulta non essere disponibile.

Torna all´inizioTorna alla tabella
Requisito 16 - Uso di Script, Applet, ecc.. 2: NON SODDISFATTO
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.

Alcuni gestori di eventi presenti nella pagina si attivano solamente tramite mouse e non tramite tastiera.

Es. 1:

Errato utilizzo del gestore di eventi onclick:

<a href="##"onClick="MM_openBrWindow(´http://www.media.rai.it/mpmediapopupsmall/0,,Grrˆ23247,0.html´,´RadioRaiPlayer´,´status=yes,resizable=yes,width=480,height=270´)" class="ListenGR1Center" title="Ascolta il GR1"></a>

Soluzione: aggiungere per ogni attributo onclick l´attributo onkeypressed="" che implementi la medesima funzione dell"attributo onclick.

Torna all´inizioTorna alla tabella
Requisito 17 - Uso di Script, Applet, ecc.. 3: NON SODDISFATTO
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.

La pagina contiene collegamenti a file .ram direttamente scaricabili.

Torna all´inizioTorna alla tabella
Requisito 18 - Utilizzo di filmati o presentazioni multimediali: SODDISFATTO
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.

Questa pagina non fa uso di filmati o di rappresentazioni multimediali.

Torna all´inizioTorna alla tabella
Requisito 19 - Link: NON SODDISFATTO
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.

Questo requisito non è soddisfatto in quanto molti collegamenti, benchè rimandino a pagine diverse, possiedono la medesima descrizione e ciò può portare ad incomprensioni ed errori negli utenti.

Es. 1:

I collegamenti dele principali notizie a centro pagina hanno il medesimo attributo title:

<a href="http://itunes.apple.com/au/app/radio-rai/id360927284?mt=8" target="_self" title="Musica">
<a href="http://www.radio.rai.it/radio1/radioanchio/" target="_self" title="Musica">
<a href="http://www.radio.rai.it/radio1/rubriche/index.cfm?Q_PROG_ID=421&Tematica=6&Testo=QB" target="_self" title="Musica">
<a href="http://www.radio.rai.it/radio1/rubriche/index.cfm?Q_PROG_ID=421&Tematica=6&Testo=QB" target="_self" title="Leggi l´Articolo">Questione di Borsa</a>
<a href="http://www.radio.rai.it/radio1/rubriche/index.cfm?Q_PROG_ID=442&Tematica=9&Testo=Pronto" target="_self" title="Leggi l´Articolo">Pronto salute</a>

Soluzione: esplicitare nell´attributo title la reale destinazione del link o, in alternativa, aggiungere una descrizione testuale non ambigua.

Torna all´inizioTorna alla tabella
Requisito 20 - Temporizzazioni: SODDISFATTO
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.

La pagina non fa uso di temporizzatori.

Torna all´inizioTorna alla tabella
Requisito 21 - Link distanti: NON SODDISFATTO
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.

Sebbene i collegamenti presenti abbiano una spaziatura tra loro adeguata non sono però stati dotati di accesskey; per poter facilitarne l´utilizzo da parte di utenti disabili si consiglia l´introduzione di accesskey.

Torna all´inizioTorna alla tabella
Requisito 22 - Pagine equivalenti: NON SODDISFATTO
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.

Non esistono collegamenti ad una versione accessibile della pagina.

Torna all´inizioTorna alla tabella
Torna all´inizio
Dettaglio analisi pagina 2:
Requisito 1 - Validitá del codice: NON SODDISFATTO
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.

La pagina non rispetta gli standard W3C e quindi il requisito non è soddisfatto. Anche in questo caso la maggior parte degli errori emersi durante la validazione consiste nel mancato utilizzo delle sequenze di escape, mancata chiusura di tag ed errato posizionamento di alcuni elementi.
Inoltre il codice HTML della pagina non dichiara nessun DTD di riferimento.
Alcuni esempi:

Es. 1:

Mancato utilizzo delle sequenze di escape:

<a href="invito.cfm?Q_EV_ID=314886&Q_TIP_ID=1370" target="_top" >

Soluzione: il carattere & deve essere reso mediante sequenza di escape anche all´interno degli attributi
<a href="invito.cfm?Q_EV_ID=314886&amp;Q_TIP_ID=1370" target="_top" >

Es. 2:

Mancata chiusura di tag aperti precedentemente:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Soluzione:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>

Es. 3:

Errato posizionamento di elementi:

Linea 120, Colonna 7: chiusura del tag <head> che non risulta essere aperto
Linea 122, Colonna 6: apertura del tag <body>

Soluzione: non è consentito inserire due volte l´elemento <head> o l´elemento <body> in un documento HTML.
Analizzando il codice contenuto nelle prime 120 righe si può notare come il programmatore abbia inserito un commento alla riga 7 per poi tentare di chiuderlo alla riga 60 e nuovamente c´è un tentativo di commentare il codice dello script dalla riga 70 alla riga 118.
Si suggerisce di eliminare l´elemento head e l´elemento body delle righe 64 e 66.

Torna all´inizioTorna alla tabella
Requisito 2 - Assenza di frame: SODDISFATTO
Non è consentito l´uso dei frame nella realizzazione di nuovi siti.

Questa pagina non utilizza frame.

Torna all´inizioTorna alla tabella
Requisito 3 - Alternativa testuale: NON SODDISFATTO
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 essere commisurata alla funzione esercitata dall´oggetto originale nello specifico contesto.

Il requisito non viene soddisfatto in quanto nessuna immagine presente nella pagina possiede un attributo alt="". Nemmeno i collegamenti sono dotati dell´attributo title="".

Es. 1:

Immagini prive di alt:

<img src="/radiorai/online/ev_images/Notte musicasmall.jpg" width="210" hspace=0 vspace=0 border="0" class="LeftImmagine">

Soluzione: aggiunta e specifica dell´attributo alt
<img src="/radiorai/online/ev_images/Notte musicasmall.jpg" width="210" hspace=0 vspace=0 border="0" alt="" class="LeftImmagine">

Es. 2:

Collegamenti privi di title:

<a href="stereonotte.cfm" target="_top" class="radio1musica">[<b>segue</b>]</a>

Soluzione: inserimento dell´attributo title opportunamente specificato
<a href="stereonotte.cfm" target="_top" title="" class="radio1musica">[<b>segue</b>]</a>

Torna all´inizioTorna alla tabella
Requisito 4 - Utilizzo del colore: SODDISFATTO
Garantire che tutti gli elementi informativi e tutte le funzionalitá siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

Tutti gli elementi informativi e le funzionalitá sono disponibili anche in assenza del colore utilizzato per rappresentarle.

Torna all´inizioTorna alla tabella
Requisito 5 - Effetti lampeggianti: SODDISFATTO
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.

Non sono presenti oggetti o scritte lampeggianti.

Torna all´inizioTorna alla tabella
Requisito 6 - Contrasto: NON SODDISFATTO
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; ove non sia possibile, ricorrere agli stessi criteri di distinguibilitá indicati in precedenza.

Il contrasto tra sfondo e contenuto informativo risulta essere adeguato per quanto riguarda il testo presente nella pagina; i collegamenti sulla bara di sinistra invece non hanno superato i test.

Torna all´inizioTorna alla tabella
Requisito 7 - Mappe immagine 1: SODDISFATTO
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.

Mappa immagine non presente.

Torna all´inizioTorna alla tabella
Requisito 8 - Mappe immagine 2: SODDISFATTO
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.

Mappa immagine non presente.

Torna all´inizioTorna alla tabella
Requisito 9 - Tabelle 1: SODDISFATTO
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.

Tabelle dati non presenti.

Torna all´inizioTorna alla tabella
Requisito 10 - Tabelle 2: SODDISFATTO
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o più livelli logici di intestazione di righe o colonne.

Tabelle dati non presenti.

Torna all´inizioTorna alla tabella
Requisito 11 - Utilizzo di CSS: NON SODDISFATTO
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.

Il contenuto della pagina risulta comprensibile anche in caso di CSS disabilitati, ma il foglio di stile non risulta essere valido secondo gli standard W3C.

Es. 1:

Mancato inserimento di ";":

text-decoration: none width: 230px font-family: Verdana, Arial, Helvetica, sans-serif

Soluzione:
text-decoration: none;
width: 230px;
font-family: Verdana, Arial, Helvetica, sans-serif;

Torna all´inizioTorna alla tabella
Requisito 12 - Ridimensionamento: SODDISFATTO
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.

La pagina risulta essere ottimizzata per una risoluzione di 800x600 pixels. Comunque in caso di ridimensionamento della finestra o della dimensione dei caratteri non ci sono sovrapposizioni o perdite di informazioni.

Torna all´inizioTorna alla tabella
Requisito 13 - Tabelle per l´impaginazione: NON SODDISFATTO
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.

In questa pagina vengono utilizzate più tabelle annidate a scopo di impaginazione. Sebbene la pagina risulti nel complesso comprensibile anche quando viene letta in modo linearizzato, il linguaggio utilizzato per realizzare le tabelle non risulta valido.

Torna all´inizioTorna alla tabella
Requisito 14 - Form: NON SODDISFATTO
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.

È presente un solo modulo (form), ovvero il modulo di ricerca (parola chiave) in basso a sinistra nella pagina. Il modulo risulta privo di etichetta.

Torna all´inizioTorna alla tabella
Requisito 15 - Uso di Script, Applet, ecc.. 1: NON SODDISFATTO
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.

In caso di utilizzo della pagina con javascript disabilitati non è possibile usufruire del campo di ricerca.

Torna all´inizioTorna alla tabella
Requisito 16 - Uso di Script, Applet, ecc.. 2: NON SODDISFATTO
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.

Il menu non puó essere utilizzato da tastiera.

Es. 1:

Menu javascript attivabile solamente tramite mouse:

<a href="invito.cfm" onMouseOut="MM_nbGroup(´out´);" onMouseOver="MM_nbGroup(´over´,´r4_c57ag´,´images/menu/r4_c57ag_over.jpg´,´images/menu/r4_c57ag_overdown.jpg´,1);" onClick="MM_nbGroup(´down´,´navbar1´,´r4_c57ag´,´images/menu/r4_c57ag_down.jpg´,1);"> ... </a>

Soluzione: aggiungere gli attributi onblur, onfocus e onkeypressed opportunamente settati
<a href="invito.cfm" onMouseOut="MM_nbGroup(´out´);" onblur="" onMouseOver="MM_nbGroup(´over´,´r4_c57ag´,´images/menu/r4_c57ag_over.jpg´,´images/menu/r4_c57ag_overdown.jpg´,1);" onfocus="" onClick="MM_nbGroup(´down´,´navbar1´,´r4_c57ag´,´images/menu/r4_c57ag_down.jpg´,1);" onkeypressed=""> ... </a>

Torna all´inizioTorna alla tabella
Requisito 17 - Uso di Script, Applet, ecc.. 3: SODDISFATTO
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.

Non sono presenti oggetti non accessibili.

Torna all´inizioTorna alla tabella
Requisito 18 - Utilizzo di filmati o presentazioni multimediali: SODDISFATTO
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.

Non sono presenti filmati o presentazioni multimediali.

Torna all´inizioTorna alla tabella
Requisito 19 - Link: NON SODDISFATTO
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.

I link sono privi dell´attributo title e le immagini utilizzate per visualizzarli sono prive dell´attributo alt.

Es. 1:

Link privi di attributo title:

<a href="lescalette.cfm" target="_top" onMouseOut="MM_nbGroup(´out´);" onMouseOver="MM_nbGroup(´over´,´r21_c732bf´,´images/menu/r21_c732bf_over.jpg´,´images/menu/r21_c732bf_overdown.jpg´,1);" onClick="MM_nbGroup(´down´,´navbar1´,´r21_c732bf´,´images/menu/r21_c732bf_down.jpg´,1);">

Soluzione: inserire l´attributo title:
<a href="lescalette.cfm" title="Link a &quot;le scalette&quot;" target="_top" onMouseOut="MM_nbGroup(´out´);" onMouseOver="MM_nbGroup(´over´,´r21_c732bf´,´images/menu/r21_c732bf_over.jpg´,´images/menu/r21_c732bf_overdown.jpg´,1);" onClick="MM_nbGroup(´down´,´navbar1´,´r21_c732bf´,´images/menu/r21_c732bf_down.jpg´,1);"> ... </a>

Es. 2:

Immagini utilizzate come link prive di alt:

<img name="r21_c732bf" src="images/menu/r21_c732bf.jpg" width="109" height="11" border="0" alt="">

Soluzione: specificare in modo opportuno l´attributo alt:

Torna all´inizioTorna alla tabella
Requisito 20 - Temporizzazioni: SODDISFATTO
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.

La pagina non fa uso di temporizzatori.

Torna all´inizioTorna alla tabella
Requisito 21 - Link distanti: NON SODDISFATTO
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.

Sebbene i collegamenti presenti abbiano una spaziatura tra loro adeguata non sono peró stati dotati di accesskey; per poter facilitarne l´utilizzo da parte di utenti disabili si consiglia l´introduzione di accesskey.

Torna all´inizioTorna alla tabella
Requisito 22 - Pagine equivalenti: NON SODDISFATTO
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.

Non esistono collegamenti ad una versione accessibile della pagina.

Torna all´inizioTorna alla tabella
Torna all´inizio