Pagina Esaminata

immagine della pagina www.salute.toscana.it

Valutazione Requisiti



Requisito 1: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.

Valutazione: la pagina risulta valida secondo XHTML 1.0 Strict e non presenta problemi di rilievo, salvo la zona d'inizio pagina, dove i testi (compresi dei link) sono resi con immagini (comunque tutte fornite con alt adeguati e, nel caso dei link, con attributi title), ma il loro impatto non risulta determinante ai fini della fruizione della pagina

Esito: positivo

Torna ad inizio pagina

Requisito 2:Non è consentito l'uso dei frame nella realizzazione di nuovi siti, ad eccezione di: frame ben titolati, usare il CSS, o pianificare transizione a DTD strict con comunicazione alla Presidenza del Consiglio.

Valutazione: non sono utilizzati i frame

Esito: positivo

Torna ad inizio pagina

Requisito 3: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.

Valutazione: non tutte le immagini presentano attributi alt significativi, infatti l'immagine centrale del settore "Campagne di comunicazione" presenta del testo inserito nell'immagine, lasciando del tutto vuoto l'attributo alt, inoltre l'immagine link in fondo a destra nella pagina (collegamento a "intoscana.it") oltre ad avere attributo alt vuoto, non possiede neanche l'attributo title.

immagine della sezione ultime notizie con javascript immagine della sezione ultime notizie con javascript

Per quanto riguarda gli script, si può vedere nelle due immagini seguenti come la sezione relativa alle ultime notizie perda i suoi contenuti se si disattiva javascript; data la natura dei contenuti era forse più indicato gestire il tutto con degli script lato server

"Ultime notizie" con javascript attivo:

immagine della sezione ultime notizie con javascript

"Ultime notizie" senza javascript attivo:

immagine della sezione ultime notizie senza javascript

Esito: negativo

Torna ad inizio pagina

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

Valutazione: anche se i link testuali nella pagina si differenziano soprattutto per il colore, sono resi col grassetto (fatta eccezzione per i link ad inizio pagina a sinistra, ma data la loro posizione non creano particolari problemi), quindi anche disattivando il colore (si è utilizzata la scala di grigi). Non si notano problemi neanche disattivando i CSS

Esito: positivo

Torna ad inizio pagina

Requisito 5: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.

Valutazione: non sono utilizzati oggetti/scritte lampeggianti/in movimento

Esito: positivo

Torna ad inizio pagina

Requisito 6: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.

Valutazione: è previsto dalla legge il:

  1. calcolo della differenza di luminosità dei colori di testo e di sfondo con la formula (colour brightness formula): ((Rosso X 299) + (Verde X 587) + (Blu X 114)) / 1000
    in cui Rosso, Verde e Blu sono i valori decimali dei colori; il risultato deve essere non inferiore a 125.
  2. calcolo della differenza di colore con la formula (colour difference formula): [Max (Rosso1, Rosso2) - Min (Rosso1, Rosso2)] + [Max (Verde1, Verde2) - Min (Verde1, Verde2)] + [Max (Blu1, Blu2) - Min (Blu1, Blu2)]
    in cui Rosso, Verde e Blu sono i valori decimali dei colori e Max e Min il valore massimo e minimo tra i due presi in considerazione; il risultato deve essere non inferiore a 500.

In questo caso è stato utilizzato l'analizzatore di contrasto di Juicy Studio, che si basa sulle precedenti formule, in particolare sono emersi questi valori non soddisfacenti:

Esito: negativo

Torna ad inizio pagina

Requisito 7: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 8: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 9: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 10: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 11: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.

Valutazione: la pagina utilizza i fogli di stile e risulta chiara anche quando essi sono disattivati. E' presente una tabella per impostare la posizione di alcuni elementi della pagina (nella fattispecie la sezione a inizio pagina con i link alla home ed alle sezioni del sito), ma la sua rilevanza ai fini dell'utilizzo della pagina è alquanto bassa

Esito: positivo

Torna ad inizio pagina

Requisito 12: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.

Valutazione: la pagina supporta fino a 5 ingrandimenti del testo senza alcun problema e fino alla risoluzione di 800x600 non vi è alcuna sovrapposizione di elementi

Esito: positivo

Torna ad inizio pagina

Requisito 13: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.

Valutazione: nell'immagine si vede la sezione impaginata con le tabelle, che tuttavia non crea alcun problema particolare alla fruizione della pagina e anche se linearizzata non crea problemi gravi

immagine della sezione impaginata con le tabelle

Esito: positivo

Torna ad inizio pagina

Requisito 14: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.

Valutazione: nella form per la ricerca che si vede nell'immagine, è presente un campo di testo che risulta essere senza etichetta associata (vedi immagine).

immagine del campo di testo senza label

In questo caso la soluzione, anche se forse non convenzionale (ma comunque accettata dal validatore del W3C), può essere quella di inserire all'interno del titolo di questa sezione il tag <label>, si avrebbe quindi una cosa del genere:

<h2><label for="ricerca">Cerca nel sito</label></h2>
<form><input type="text" id="ricerca" /></form>

Esito: negativo

Torna ad inizio pagina

Requisito 15: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.

Valutazione: ritornando allo script citato al requisito 3, si nota che la pagina in generale non subisce degradazioni nella sua fruizione, anche perchè sebbene la disabilitazione di javascript comporta la scomparsa delle ultime notizie, resta comunque il link al sito da dove esse sono prese (link che risulta di facile comprensione)

Esito: positivo

Torna ad inizio pagina

Requisito 16: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.

Valutazione: l'attivazione dello script relativo alle ultime notizie (nella fattispecie l'attivazione dei link alle singole notizie) si può attivare indifferentemente sia tramite mouse che tramite tastiera

Esito: positivo

Torna ad inizio pagina

Requisito 17: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.

Valutazione: vedi punto precedente

Esito: positivo

Torna ad inizio pagina

Requisito 18: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 19: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.

Valutazione: i link presenti sono sufficientemente chiari e nel caso di quelli più importanti vi è la loro ripetizione sia ad inizio che a fondo pagina. Sono utilizzati gli accesskey per posizionarsi presso le sezioni di maggior importanza della pagina. L'unico problema riscontrato riguarda l'immagine utilizzata come link alla homepage di questa sezione (vedi immagine seguente), che a vederla sembrano due cose diverse, mentre in realtà fanno parte della stessa immagine che rappresenta un singolo link; questo problema (peraltro non determinante ai fini della fruizione della pagina) è comunque mitigato dalla presenza dell'attributo title

immagine del link che appare come due immagini distinte

Esito: positivo

Torna ad inizio pagina

Requisito 20: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.

Valutazione: non valutabile

Esito: non valutabile

Torna ad inizio pagina

Requisito 21: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.

Valutazione: i link sono selezionabili facilmente sia tramite mouse che tramite tastiera, inoltre risultano sufficientemente distanziati tra loro

Esito: positivo

Torna ad inizio pagina

Requisito 22:Per le pagine di siti esistenti che non possano rispettare i su elencati 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.

Valutazione: non sono previste alternative accessibili

Esito: negativo

Torna ad inizio pagina

Visualizza i risultati