valutazione della conformità secondo la verifica tecnica Stanca

Ultimo aggiornamento: 18 Febbraio 2011

Titolo e Autori

Valutazione di conformità rispetto ai requisiti della verifica tecnica della legge Stanca del sito www.camera.it

Il gruppo è composto da:

Data di inizio stesura del rapporto: 26 Gennaio 2011.

Introduzione

Metodo Utilizzato

La verifica tecnica di conformità del sito www.camera.it è stata eseguita seguendo i requisiti tecnici richiesti dalla Legge Stanca del 9/1/2004. La suddetta legge ha l'obbiettivo di tutelare il diritto di ogni persona ad accedere a tutte le fonti d'informazione ed ai relativi servizi, di conseguenza anche a quelli informatici e telematici. La tutela di questo diritto è d'importanza fondamentale per le persone diversamente abili. La legge viene applicata alle pubbliche amministrazioni, da quelle statali a quelle locali, agli enti pubblici, alle aziende private concessionarie di servizi pubblici, alle aziende municipalizzate, alle aziende di trasporto e telecomunicazione a prevalente partecipazione pubblica.

Procedimento

La verifica tecnica si compone di 22 requisiti per l'accessibilità in Internet che devono essere rispettati. In merito alla seguente valutazione di conformità, si sono verificati pagina per pagina i requisiti tecnici, indicando quali sono stati soddisfatti e quali invece sono stati violati.

Strumenti Utlizzati

Per la stesura di questo rapporto sono stati ultilizzati i seguenti strumenti:

Perimetro d'Indagine

  1. L' Home page è stata scelta poichè è la pagina centrale del sito, per cui si presume che la maggior parte degli utenti la visiterà.
  2. La pagina Europa e Estero è stata scelta per la presenza di una tabella.
  3. La pagina Deputati e Organi Parlamentari è stata scelta per la presenza di un applicazione flash.
  4. La pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive è stata scelta per la presenza di una tabella dati.
  5. La pagina La Costituzione Italiana è stata scelta per l'importanza dei contenuti.
  6. La pagina Attività Legislativa - Progetti di Leggi è stata scelta per la presenza di una form.

Le pagine sono state analizzate dal 31/01/2011 al 17/02/2011.

Sommario dei Risultati

Nella pagina riguardante l'accessibilità di camera.it si afferma che il sito è, per la maggior parte delle pagine, conforme alla legge Stanca. Tuttavia l'esito del seguente rapporto stabilisce che il sito non è conforme ai 22 requisiti.

Infatti, risultano soddisfatti solamente 5 requisiti:

  • Requisito 2 - No Frame
  • Requisito 5 - Scritte Lampeggianti
  • Requisito 11 - Fogli di stile
  • Requisito 14 - Form
  • Requisito 16 - Eventi

Inoltre, nessuna delle pagine analizzate è conforme, infatti ognuna di esse non soddisfa uno o più requisiti tecnici. Infatti, abbiamo che nessuno dei file css analizzati è stato validato dal validatore del W3C, questo potrebbe sembrare un problema minore, tuttavia in essi è stato riscontrato l'utilizzo assiduo di dimensioni assolute che portano alla mancanza di un layout liquido. Le due applicazioni flash presenti nelle pagine analizzate risultano non accessibili, come anche il file pdf che racchiude la Costituzione, conseguentemente chi fa uso di tecnologie assistive non ha la possibilità di ottenere le stesse informazioni di un qualsiasi altro utente.

Risultati in Dettaglio

Requisito 1 - Validità del Codice

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi riscontrati
Validazione XHTML
  1. Nell'analisi abbiamo che la pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive ha il seguente doctype:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    Non solo la pagina non è XHTML 1.0 Strict come ci si dovrebbe aspettare ma non viene nemmeno validata secondo il doctype specificato, infatti possiede 6 errori dovuti all'utilizzo del carattere & negli URLs.
  2. Per la pagina Europa e Estero abbiamo l'utilizzo di un doctype XHTML 1.0 Transitional, tuttavia la pagina viene validata lo stesso secondo lo standard XHTML 1.0 Strict.

Tutte le altre pagine sono state validate secondo lo standard XHTML 1.0 Strict.

Validazione CSS

Per tutte le pagine analizzate abbiamo che i relativi file .css non sono validi rispetto alle specifiche del CSS 3. Gli errori sono:

  1. Utilizzo delle proprietà: -moz-border-radius e -webkit-border-radius:
    #liquid_header div.logo_camera_search_container div.container_form_cerca .cnt_textfield{
      width:327px;
      margin-top:15px;
      -moz-border-radius:2px;
      -webkit-border-radius:2px;}
    Presente in tutte le pagine.
  2. Utilizzo del valore !important nella proprietà display:
    display:important!;
    Presente in tutte le pagine.
  3. Utilizzo della proprietà -webkit-min-device-pixel-ratio:
    @media screen and (-webkit-min-device-pixel-ratio:0){...}
    Presente in quasi tutte le pagine tranne nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive.
  4. Utilizzo della regola @-moz-document:
    @-moz-document url-prefix() {...}
    Presente in quasi tutte le pagine tranne nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive.
  5. Utilizzo della proprietà filter: alpha(opacity=...):
    * html a:visited#lightwindow_galleries_tab{
      background: none;
      background-color: #000000;
      opacity: .70;
      filter: alpha(opacity=70);
    }
    Presente in quasi tutte le pagine tranne nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive.
  6. Utilizzo di expression:
    * html body #lightviewController { /* IE6 */
      position: absolute;
      top: auto;
      margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0)
       + (Lightview.controllerOffset || 0)) + 'px');
    }
    Presente in quasi tutte le pagine tranne nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive.
  7. Media queries mal formate:
    @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {...}
    Presente in quasi tutte le pagine tranne nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive.
  8. Utilizzo nella proprietà border-color del valore -moz-use-text-color:
    border-color:#699AC2 #699AC2 -moz-use-text-color;
    Presente nelle pagine: Europa e Estero, Deputati e Organi Parlamentari, La Costituzione Italiana e Attività Legislativa - Progetti di Leggi.
  9. Utilizzo di dichiarazioni XPath all'intero dei file .css:
    //div[@id='innerContentColumn']
    Presente nelle pagine: Europa e Estero, Deputati e Organi Parlamentari, La Costituzione Italiana e Attività Legislativa - Progetti di Leggi.
  10. Utilizzo di *html invece di * html:
    * html div.container_tab_gare div.tab_anno_label, *html div.container_tab_gare li.tab_anno a.xmanager_tab{...}
    Presente nelle pagine: Europa e Estero, Deputati e Organi Parlamentari, La Costituzione Italiana e Attività Legislativa - Progetti di Leggi.
  11. Utilizzo del valore auto nella proprietà min-height:
    #liquid_content div.alphabetical_list_tab ul.anchor_list li{
      min-height:auto;
      display:inline;
      border:none;
      margin-right:7px;
      border-right:1px solid #000000;
      padding-right:7px;
      line-height:2;
      text-transform:uppercase;}
    Presente nella pagina La Costituzione Italiana.
Possibili rimedi
Validazione XHTML
  1. Sostituire i caratteri & con l'entity &amp;. Con questa sostituzione la pagina sarà almeno validata con HTML 4.01 Transitional, sarebbe meglio però pensare ad un passaggio all'XHTML 1.0 Strict.
  2. Sostituire il Doctype Transitional con il seguente Doctype:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Validazione CSS
  1. Utilizzare border-radius al posto delle estensioni -moz-border-radius e -webkit-border-radius seguendo le indicazioni del W3C. Per maggiori dettagli consultare le specifiche sul border-radius. Nota: la maggior parte dei browsers ancora non supportano questa proprietà ma solo le rispettive estensioni.
  2. Utilizzare nella proprietà display solo i valori elencati nelle specifiche del W3C. Per maggiori dettagli consultare le specifiche sul display.
  3. Non utilizzare la proprietà -webkit-min-device-pixel-ratio perchè è un'esensione del browser Safari e non una prorietà valida del CSS3.
  4. Non utilizzare la regola @-moz-documet perchè è un'estensione del browser Mozilla Firefox e non una regola valida del CSS3.
  5. Non utilizzare la proprietà filter: alpha(opacity=val) poichè non è una proprietà valida del CSS3. Sostituirla con opacity:val seguendo le direttive del W3C. Per maggiori dettagli consultare le specifiche dell'opacity.
    Nota: questa soluzione non è supportata dal browser Internet Explorer.
  6. Non utilizzare Expression poichè è un'esetensione del browser Internet Explorer.
  7. Creare le media queries seguendo le indicazioni del W3C. Per maggiori dettagli consultare le specifiche sulle media queries.
  8. Utilizzare il valore currentColor al posto di -moz-current-text-color.
  9. Non utilizzare dichiarazioni XPath all'interno dei file .css.
  10. Porre attenzione a scrivere * html invece di *html nelle definizione delle regole nel foglio di stile.
  11. Utilizzare nella proprietà min-height solo i valori elencati nelle specifiche del W3C. Per maggiori dettagli consulatre le specifiche del min-height.

Requisito 2 - No frame

Enunciato

Non è consentito l'uso dei frame nella realizzazione di nuovi siti.

Esito Analisi

Requisito rispettato.

Osservazioni

Nelle pagine analizzate non è stata rilevata la presenza di frame. E' stata riscontrata la presenza di un iframe con un alternativa testuale nel caso in cui il browser non supporti gli inline frame:

<iframe src="http://www.camera.it/564?tiposezione=A&sezione=2&tabella=A_2_3" width="100%" height="100%" frameBorder="0" id="docViewverFrame" name="docViewverFrame">
  <p>Your browser does not support iframes.</p>
</iframe>

Requisito 3 - Alternative Testuali

Enunciato

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.

Esito Analisi

Requisito non rispettato

Problemi Riscontrati
  1. Nessun valore per l'attributo alt per il link grafico alla Web Tv presente in ogni pagina:
    <img alt="" src="/application/xmanager/projects/camera/img/header/ani_webtv_1.gif">
  2. Nessun valore per l'attributo alt per il link grafico ai Feed RSS Temi dell'attività parlamentare presente nella Home Page nella sezione Temi dell'Attività Parlamentare:
    <img src="/application/xmanager/projects/camera/img/ico_rss.gif" alt="">
  3. Nesun valore per l'attributo alt per il link grafico ai Feed RSS presente nella pagina Deputati e Organi Parlamentari nella barra di ausilio alla navigazione:
    <img alt="" src="/application/xmanager/projects/camera/img/ico_rss.gif">
  4. L'applicazione flash della "WebTV" presente in quasi tutte le pagine e l'applicazione flash "Dove siedono i Deputati" presente nella pagina Deputati e Organi Parlamentari non sono accessibili e non hanno una descrizione alternativa per gli utenti che utilizzano un lettore di schermo.
Possibili rimedi
  1. Cambiare il codice così:
    <img alt="Vai alla Web TV" src="/application/xmanager/projects/camera/img/header/ani_webtv_1.gif">
  2. Cambiare il codice così:
    <img src="/application/xmanager/projects/camera/img/ico_rss.gif" alt="Feed RSS Temi dell'attività parlamentare">
  3. Cambiare il codice così:
    <img alt="Feed RSS" src="/application/xmanager/projects/camera/img/ico_rss.gif">
  4. Per creare l'oggetto viene usata la funzione JavaScript swfobject.embedSWF(...), questa funzione non crea nessuna descrizione alternativa tra i tag object . Invece, bisognerbbe avere una descrizione alternativa ed esplicativa all'interno del tag object , ad esempio per la WebTv:
    <object ...> Applicazione che consente di seguire le sedute parlamentari in diretta</object>
    Mentre per l'applicazione "Dove siedono i deputati":
    <object ...> Applicazione che consente di vedere la disposizione dei deputati</object>

Requisito 4 - Colore

Enunciato

Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.

Esito Analisi

Requisto non rispettato

Problemi Riscontarti

Nella pagina Deputati e Organi Parlamentari abbiamo un'applicazione flash che veicola le informazioni riguardanti la disposizione dei deputati mediante il colore. Utilizzando il simulatore di daltonismo Color Doctor ed in particolare la scala di grigi poichè copre la maggior parte dei difetti visivi abbiamo i seguenti risultati:

Applicazione flash con colore Applicazione flash in scala di grigi

Dal confronto delle due immagini immediatamente si può notare che alcune informazioni vengono perse.

Possibili rimedi

Evitare di usare solo il colore per veicolare l'informazione, ad esempio utilizzando una combinazione di colore e forme geometriche per identificare i diversi partiti.

Requisito 5 - Scritte Lampeggianti

Enunciato

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.

Esito Analisi
Requisito rispettato.
Osservazioni

Nelle pagine analizzate non è stata riscontrata la presenza di scritte lampeggianti o in movimento che possano provocare epilessia o disturbi della concentrazione.

Requisito 6 - Contrasto

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Utilizzando Juicy Studio si sono riscontrati i seguenti problemi:

  1. Nel menù di Navigazione della Sezione per evidenziare la pagina attualmente visitata viene usata una combinazione di colori con differenza di colore 383. Un esempio della combinazione errata si può vedere nell'immagine sottostante:
    Menù di Navigazione della Sezione con Combinazione colori errata
    Problema riscontrato nelle pagine: Europa e Estero, Deputati e Organi Parlamentari, La Costituzione Italiana e Attività Legislativa - Progetti di Leggi.
  2. Nel pannello esplora della sezione attualmente visitata viene usata una combinazione di colori con valore di differenza di colore di 490. Un esempio della combinazione viene riportata nell'immagine sottostante:
    Box Esplora con Combinazione di Colore errata
  3. I bottoni "Vai alla scheda del deputato" e "Genera elenco" nella pagina Deputati e Organi Parlamentari ed il bottone "Cerca" nella pagina Attività Legislativa - Progetti di Leggi possiedono una differenza di colore di 392. Un esempio viene riportato nell'immagine sottostante:
    Bottone Cerca con Combinazione di Colore errata
  4. Nel menù Cerca sulla destra della pagina Attività Legislativa - Progetti di Leggi abbiamo una differenza di colori di 336. Un esempio viene riportato nel'immagine sottostante:
    Menù cerca con Combinazione di Colore Errata
  5. Nel Header comune a tutte le pagine potrebbe esserci qualche problema a causa di contrasti insufficienti, tuttavia non sono valutabili poichè il background degli elementi sono costituiti da immagini.
    Header comune alle pagine
Possibili rimedi
  1. Per il testo si potrebbe utilizzare il colore usato per "Calendario" ovvero il #20387E arrivando ad una differenza di colore di 551; in questo modo sarà il diverso colore di background a far capire all'utente su qual è la pagina attualmente visitata
  2. In questo caso potremmo scurire il backgroud portandolo al colore #0F497B arrivano ad una differenza di colore di 554.
  3. Come nel caso precedente potremmo scurire il colore di background impostandolo a #0F497B ottenendo così una differenza di colore di 554.
  4. In questo caso anche portando il background al colore bianco non otterremmo un contrasto sufficiente (vedi problema 1), quindi bisognerebbe trovare una nuova combinazione di colori.
  5. In questo caso si consiglia l'utilizzo di colori come background e non di immagini, facendo ciò Juicy Studio è in grado di rilevare dei contrasti non sufficienti.

Requisito 7 - Mappe Immagine (lato client)

Enunciato

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.

Esito Analisi

Non valutabile.

Osservazioni

Non è stata rilevata la presenza del tag map.

Requisito 8 - Mappe Immagine (lato server)

Enunciato

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.

Esito Analisi

Non valutabile.

Osservazioni

Non è stata rilevata la presenza di mappe lato server.

Requisito 9 - Tabelle dati 1

Enunciato

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.

Esito Analisi

Non rispettato.

Problemi Riscontarti

Nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive abbiamo tre tabelle dati che non rispettano il requisito, infatti nessuna di loro possiede l'attributo summary, gli attributi scope e th per identificare le celle d'intestazione. Ma la cosa più grave è che esse sono ragruppate in un unica tabella in cui troviamo delle celle utilizzate esclusivamente per il layout. Per vedere il codice html della tabella consultare il file di testo tabella.txt.

Nella pagina Europa e Estero è stata la presenza di una tabella dati che raccoglie le sigle europee e le relative descrizioni, essa contiene sia l'attributo summary e vengono identificate celle d'intestazione.

Possibili rimedi

Dividere la tabella in tre tabelle, si riporta l'esempio della tabella riguardante gli emendamenti

<table summary="Attività dell'assemblea - Riepilogo Emendamenti">
  <tbody>
    <tr>
      <td></td>
      <th scope="col">2011</td>
      <th scope="col">2010</td>
      <th scope="col">2009</td>
      <th scope="col">2008</td>
      <th scope="col">XVI Leg.</td>
    </tr>
    <tr>
      <th scope="row">Presentati *</td>
      <td>59</td>
      <td>6114</td>
      <td>14706</td>
      <td>6030</td>
      <td>26909</td>
    </tr>
    <tr>
      <th scope="row">Votati **</td>
      <td>36</td>
      <td>1994</td>
      <td>1705</td>
      <td>1493</td>
      <td>5228</td>
    </tr>
    <tr>
      <th scope="row">Approvati ***</td>
      <td>15</td>
      <td>437</td>
      <td>316</td>
      <td>334</td>
      <td>1102</td>
    </tr>
  </tbody>
</table>

Ovviamente il layout dev'essere gestito al di fuori della tabella.

Requisito 10 - Tabelle dati 2

Enunciato

Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla 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.

Esito Analisi

Non valutabile.

Osservazioni

Non è stata rilevata la presenza di tabelle a due o più intestazioni.

Requisito 11 - Fogli di stile

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive abbiamo che la maggior parte dello stile della tabella viene gestito all'inerno del file html ad esempio:

<td valign="top" style="border-color: rgb(153, 51, 102); background-color: rgb(204, 153, 255); vertical-align: middle;" class="bordertop borderbottom borderleft borderright myTD">
  <p class="center bold">
    Emendamenti
  </p>
</td>

Tuttavia è stato un piacere notare la presenza di molti link salta al contenuto o salta il menù quando vengono disabilitati i fogli di stile. Vediamo ad esempio cosa succede all'Home-Page

Prima:

Home page del sito www.camera.it

Dopo:

Home page del sito con fogli di stile disabilitati

Requisito 12 - Liquid Layout

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Si è visualizzato con tre browser diversi. Sul ridimensionamento della pagina non si è riscontrato nessun problema. Tuttavia aumentando la dimensione dei caratteri nelle opzioni, di tutti e tre i browsers, in tutte le pagine si riscontano dei problemi. Ad esempio vediamo cosa succede nell'Home-Page:

Immagine dell'home page con l'aumento della dimensione del carattere.

Questi problemi si verificano poichè nel file .css ci sono ancora alcune grandezze espresse in px. Facendo riferimento all'immagine precedente vediamo perchè si verifica il problema A. Nel file .css della pagina abbiamo:

#liquid_col_sx div.box_deputati_home{
  border:1px solid #6A9AC0;
  width:234px;
  height:189px;
  margin-bottom:24px;
  background-image:url(/application/xmanager/projects/camera/img/bg_box_deputati_home.jpg);
  background-repeat:no-repeat;
  color:#20387E;
  background-color:#FFFFFF;}

In questo caso i problemi nascono dall'utilizzo di dimensioni assolute nelle proprietà width e height .

Per il caso B invece il problema nasce dal posizionamento del box Giunte - Comitato - Delegazioni per il quale nel file .css abbiamo:

#liquid_content div#agenda_lavori ul li.container_delegazioni a.xmanager_tab,#liquid_content div#agenda_lavori ul#agenda_lavori_tabbed_container_output li div.container_delegazioni_label{
  left:188px;
}

In questo caso viene usata una dimensione assoluta per posizionare l'oggetto.

Possibili rimedi

Sostituire tutte le dimensioni assolute con dimensioni relative, ovvero em e %. Per i font non c'è nessuna modifica da fare poichè viene già utilizzata la misura relativa em.

Requisito 13 - Tabelle layout

Enunciato

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.

Esito Analisi

Non valutabile.

Osservazioni

Non è stata rilevata la presenza di nessuna tabella di layout.

Requisito 14 - Form

Enunciato

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.

Esito Analisi

Requisito rispettato.

Osservazioni

Tutte le form analizzate sono accessibili, infatti in tutte viene usato il tag label , l'etichetta viene legata alla label attraverso l'attributo for e il valore dell'attributo for è lo stesso dell'attributo id dell'input. Vediamo un esempio:

<form action="415" method="get">
  <div class="cnt_textfield">
    ...
    <label for="searchField" class="jump">Esplora</label>
    <input type="text" id="searchField" name="q" autocomplete="off">
    <input type="submit" title="ESPLORA" alt="ESPLORA" value="ESPLORA" class="button_esplora" onclick="...">
  </div> </form>

Requisito 15 - Script, Applet, ...

Enunciato

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.

Esito Analisi

Non rispettato.

Problemi Riscontarti

Nella pagina Attività dell'Assemblea - Riepilogo di emendamenti, ordini del giorno, questioni pregiudiziali e sospensive, se disabilitiamo JavaScript, il bottone Stampa non produce nessun effetto poichè attiva la funzione JavaScript "PrintThisPage()" come si può vedere dal codice:

<a href="#" onclick="PrintThisPage(); return false;">stampa</a>

Per tutte le altre pagine disattivando JavaScript non risultano più fruibili il pannello della WebTv e l'applicazione flash che mostra dove sono seduti i deputati presente nella pagina Deputati e Organi Parlamentari, ciò accade perchè la funzione JavaScript swfobject.embedSWF(...) non viene attivata. Nel caso dell'applicazione "Dove siedono i deputati" il messaggio alternativo è:
Messaggio alternativo all'applicazione Dove Siedono i Deputati

Possibili rimedi

Nel primo caso si potrebbe usare il tag noscript nel seguente modo:

<noscript>Per stampare la pagina usare l'opzione File>Stampa del Browser</noscript>

Per quanto riguarda la WebTv e l'applicazione "Dove siedono i Deputati" oltre a spiegare perchè il contenuto non è fruibile bisognerebbe anche dare una piccola descrizione del contenuto, ad esempio sostituire il messaggio sopra riportato con: "Per visualizzare dove siedono i deputati è necessario installare il Flash Palyer Adobe e abilitare il JavaScript".

Requisito 16 - Eventi

Enunciato

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.

Esito Analisi

Requisito rispettato.

Osservazioni

In nessuna delle pagine analizzate è stato riscontrato l'utilizzo di gestori di eventi dipendi da un particolare dispositivo di input.

Requisito 17 - Script, Applet, PDF ...

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Nella pagina Deputati e Organi Parlamentari l'applicazione flash che mostra dove sono seduti i deputati non è accessibile. Infatti il lettore di schermo JAWS la salta descrivendola con "inizio flash" e "fine flash", lo stesso accade per l'applicazione della WebTV.
Inoltre, sempre per l'applicazione "Dove Siedono i Deputati", abbiamo che parte dell'informazione è veicolata con il colore (Vedi Requisito n. 4).
Nella pagina La Costituzione Italiana c'è la possibilità di scaricare la Costituzione Italiana in formato .pdf. Utilizzando la funzione "Verifica Rapida Accessibilità" di Adobe Reader X otteniamo il seguente messaggio: "Questo documento non è strutturato, quindi l'ordine di lettura può essere errato."

Possibili rimedi

Nel primo caso bisognerebbe modificare le applicazioni flash rendendole accessibili; nel caso dell'applicazione "Dove siedono i Deputati" si potrebbe fare una mappa lato client, in questo modo almeno una parte dell'informazione sarebbe accessibile.
Mentre per il secondo problema bisognerebbe creare dei documenti pdf accessibili, per far ciò si possono seguire le linee guida di Adobe per l'accessibilità oppure seguire i suggerimenti sul sito WebAIM: PDF Accessibility.

Requisito 18 - Multimediale

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Aprendo il pannello della WebTV si ha la possibilità di vedere le sedute in diretta, ovviamente le sedute non sono sottotitolate vista la trasmissione in tempo reale. Tuttavia il requisito non è soddisfatto perchè non c'è nessuna descrizione alternativa del contenuto multimediale all'interno dei tag object :

<object height="426" width="970" type="application/x-shockwave-flash" data="/swf/MediaCenterCamera.swf" id="mc_pres" style="visibility: visible;">
  <param name="allowFullScreen" value="true">
  <param name="wmode" value="transparent">
  <param name="bgcolor" value="#04274f">
  <param name="flashvars" value="...">
</object>
Possibili rimedi

Basterebbe inserire una descrizione alternativa del contenuto tra i tag object , come ad esempio:

<object ...> Applicazione che consente di seguire le sedute parlamentari in diretta</object>

Requisito 19 - Link non ambigui

Enunciato

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.

Esito Analisi

Requisito rispettato.

Osservazione

In tutte le pagine abbiamo dei link nascosti all'utente normale, ma raggiungibili con il lettore di schermo, che consentono di saltare direttamente al contenuto o di saltare i vari menù di navigazione della pagina. Non è stata riscontrata la presenza di link ambigui.

Possibili rimedi

Requisito 20 - Temporizzazioni

Enunciato

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.

Esito Analisi

Non valutabile.

Osservazioni

Nelle pagine utilizzate non è stato riscontrato l'uso di temporizzazioni.

Requisito 21 - Link Distanti

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Nelle pagine i link risultano tutti accessibili da tastiera, tuttavia nell'Home-Page, abbiamo riscontrato l'utilizzo di un oggetto span con associato un evento onClick che se selezionato apre e chiude un pannello che contiene informazioni aggiuntive. La possibilità di accedere a tali informazioni non è consentito ad utenti che utilizzano la tastiera per navigare la pagina. Span con l'evento OnClick

Nemmeno la distanza tra i link è soddisfatta nel caso dei menù, infatti nel file .css abbiamo che le proprietà di padding-bottom, padding-top, padding-left, padding-right hanno valori assoluti espressi in px. Ad esempio:

#liquid_header div.main_menu_container div.main_menu_top ul li {
  ...
  padding-bottom: 11px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 12px;
  ...
}
Possibili rimedi

Invece di utilizzare un oggetto span, si potrebbe usare un button con associato un evento onClick che richiama la funzione JavaScript voluta.

Il problema delle distanze è facilmente risolvibile sostituendo le misure assolute in px, con quelle relative in em.

Requisito 22 - Pagine Equivalenti

Enunciato

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.

Esito Analisi

Requisito non rispettato.

Problemi Riscontarti

Nessuna delle pagine è conforme ai 21 requisiti precedenti, tuttavia non è stata riscontrata la presenza di collegamenti a pagine conformi.

Possibili rimedi

Rendere conformi le pagine ai 21 requisiti precedenti attraverso i suggerimenti indicati, oppure creare delle pagine alternative. Nel secondo caso esse non devono essere però pagine di solo testo.