Pagina Esaminata

immagine della pagina www.regione.toscana.it/organizzazione/concorsi.htm

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: il tag <!DOCTYPE> non definisce chiaramente a quale versione di HTML si riferisce la pagina; effettuando la validazione per HTML 4.01 Transitional sorgono vari errori:

La maggior parte degli errori riguarda l'utilizzo di tag ed attributi deprecati o usati in maniera scorretta, il completo utilizzo dei fogli di stile risolverebbe il problema

Esito: negativo

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: le poche immagini presenti hanno un attributo alt valido, tuttavia non è presente nessuna alternativa per il javascript presente nella pagina, disattivandolo, infatti, scompaiono il link alla homepage in alto a sinistra, il link alla rete streaming in alto a destra e (questo risulta essere la mancanza più grave) la barra di navigazione posta tra i due link prima citati. Urge in questo caso l'utilizzo del tag <noscript>, anche se questi contenuti si possono rendere statici direttamente senza problemi

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: se si visualizza la pagina in scala di grigi (cfr. l'immagine seguente) si nota come i link siano identici al testo semplice, rendeno di fatto impossibile distinguere l'uno dall'altro. Solo le breadcrumbs presentano uno stile che permette di identificarle anche senza colore. In questo caso risulterebbe utile definire uno stile per i link che li differenzi marcatamente dal testo semplice, non basandosi solamente sul colore (grassetto, sottolineatura, ecc.)

Esito: negativo

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: gli unici due elementi in movimento sono i link (alla homepage ed alla rete streaming) posti ad inizio pagina; sebbene sono costruiti in modo tale che non arrechino alcun pericolo ad utenti sensibili a problemi come l'epilessia, risultano essere elementi di disturbo all'interno della pagina, inoltre l'utilizzo del movimento in questi oggetti non trova giustificazione, in quanto non fornisce nessuna funzionalità o aiuto all'utente.
Di seguito le immagini dei due oggetti citati.

immagine di un elemento che simula movimento immagine di un elemento che simula movimento

Esito: negativo

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 questo valore 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 fa uso dei fogli di stile ed essa risulta fruibile qualora essi siano disabilitati

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 presenta elementi che utilizzano unità di misura fisse e il fatto che essa sia ancora chiaramente visibile, è solo dovuta al fatto che in origine probabilmente era stata progettata per la risoluzione 800x600; generalmente se si ingrandisce il carattere non vi sono sono problemi anche a 6-7 ingrandimenti, però il menù ad inizio pagina, essendo realizzato in javascript, non è soggetto ad alcuna modifica di dimensione dei caratteri. Quest'ultimo punto è sufficiente ad invalidare il requisito, in quanto il menù rappresenta una funzione primaria della pagina

Esito: negativo

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: la pagina utilizza le tabelle per organizzare i propri elementi, ma se si prova ad eliminare le tabelle, vi è una sovrapposizione del testo della zona centrale, con l'immagine di sfondo laterale (vedi immagine). Data la scrsità di contenuti, inoltre, risulterebbe migliore una soluzione utilizzando i fogli di stile

immagine del testo che si sovrappone

Esito: negativo

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: non valutabile

Esito: non valutabile

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: come detto in precedenza, il menù in cima alla pagina è stato costruito con javascript e disabilitando quest'ultimo, scompaiono i link associati al menù. Di fatto viene eliminato il sistema di navigazione principale della pagina

Esito: negativo

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'unico script che interessa riguarda il menù della pagina; esso risulta essere accessibile 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: anche qui l'unico elemento d'interesse riguarda lo script usato per costruire il menù d'inizio pagina; esso risulta inaccessibile, in quanto non ha nessuna alternativa statica. In un browser testuale come lynx tale menù risulterebbe totalmente invisbile

Esito: negativo

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: Non è previsto nessun meccanismo per passare direttamente a determinati punti della pagina; i link chirai e concisi sono solo quelli presenti nel menù, mentre nei contenuti della pagina si riscontrano due link eccessivamente lunghi che potevano essere progettati meglio:

immagine dei due link troppo lunghi

In questo caso si potrebbero eliminare direttamente i link in rosso e limitarsi scegliere una parte ragionevole del testo semplice da trasformare in collegamento. Ad esempio, considerando il secondo link, il tutto poteva diventare:

<p><a href="percorso/pagina">I concorsi e le selezioni</a> delle altre pubbliche amministrazioni e Enti locali nell'ambito territoriale toscana</p>

In questo modo si eliminerebbe informazione ridondante

Esito: negativo

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 collegamenti sono pochi all'interno di questa pagina e tutti facilmente selezionabili (fatto salvo il problema già citato, riguardante il menù realizzato in javascript), data la distanza che intercorre tra di essi

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 è prevista alcuna alternativa accessibile per questa pagina

Esito: negativo

Torna ad inizio pagina

Prossima pagina