Relazione corso PSW

Verifica Conformità Sito regione Piemonte

Sei in: Indice relazioni > Verifica Conformità sito regione Piemonte - Analisi delle pagine (2/2)

Analisi delle pagine secondo i requisiti tecnici della legge Stanca

Indice

  1. Validità del codice
  2. No frame
  3. Alternative testuali
  4. Colore
  5. Scritte lampeggianti
  6. Contrasto
  7. Mappe immagine (lato client)
  8. Mappe immagine (lato server)
  9. Tabelle dati (contenuti e intestazioni di righe e colonne)
  10. Tabelle dati (celle con due o più lielli logici di intestazione)
  11. Fogli di stile
  12. Liquid layout
  13. Tabelle layout
  14. Form
  15. Script, applet, ...
  16. Eventi
  17. Script, applet, PDF, ...
  18. Multimediale
  19. Link non ambigui
  20. Temporizzazioni
  21. Link distanti
  22. Pagine equivalenti

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: NON SODDISFATTO

Motivazione: vi sono alcune pagine, tra quelle analizzate, che non sono state scritte con codice (X)HTML non valido. Ad esempio la pagina Indice Bolettino Ufficiale Regione Piemonte è priva di DOCTYPE nell'intestazione HTML e fa uso di attributi e tag non ammessi in HTML.
Inoltre alcuni fogli di stile CSS utilizzati sono risultati non validi. Di seguito sono riportate le liste delle pagine e dei fogli di stile non validi (I link portano al risultato della validazione della pagina.)

Pagine non valide:

Fogli di stile non validi:

[T] Inizio Pagina

2. No frame

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

Esito: SODDISFATTO

Motivazione: Il sito non fa uso di frame

[T] Inizio Pagina

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: NON SODDISFATTO

Motivazione: In alcune pagine analizzate vi sono oggetti non testuali (prevalentemente immagini) privi di alternativa testuale. Ad esempio negativo segnaliamo la pagina Osservatorio regionale sulla disabilità le cui immagini sono prive dell'attributo alt Questa mancanza porta inoltre alla violazione del requisito 1, in quanto l'attributo alt è obbligatorio affinché il codice sia valido.

[T] Inizio Pagina

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

Motivazione: Le informazioni contenute nelle pagine analizzate non sono codificate solamente con il colore, ma anche con layout ricercati e suddivisoni opportune del testo, che permettono di recepire bene tutte le informazioni. Tutte le pagine considerate sono state lette con un simulatore di daltonismo (colorfilter.wickline.org), i risultati ottenuti sono molto buoni.

Pagine d'esempio:

[T] Inizio Pagina

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: NON VERIFICABILE.

Motivazione: Non abbiamo trovato nessun tipo di oggetti e scritte lampeggianti nelle pagine che abbiamo analizzato, che possano causare disturbi.

[T] Inizio Pagina

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;

Esito: SODDISFATTO.

Motivazione: Abbiamo utilizzato uno strumento che ci permette di confrontare i colori RGB (http://juicystudio.com/services/colourcontrast.php), in particolare di calcolare:

Tutti i colori adottati per i testi soddifano bene queste disuguaglianze, apparte in un solo caso, che si verifica quando viene disabilitato il CSS di una determinata pagina (vedi requisito 11 Fogli di stile).

[T] Inizio Pagina

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: NON VERIFICABILE.

Motivazione: Non abbiamo trovato nessuna mappa immagine di questo tipo.

[T] Inizio Pagina

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: NON VERIFICABILE.

Motivazione: Non abbiamo trovato nessuna mappa immagine di questo tipo.

[T] Inizio Pagina

9. Tabelle dati (contenuti e intestazioni di righe e colonne)

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

Motivazione: Nelle pagine che contengono delle tabelle abbiamo analizzato il corrispettivo codice html e abbiamo notato che gli elementi marcatori e gli attributi, previsti dal DTD specifico(stric o transictional a seconda della pagina), vengono usati in modo opportuno.

Pagine d'esempio:

[T] Inizio Pagina

10. Tabelle dati (celle con due o più lielli logici di intestazione)

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

Esito: SODDISFATTO.

Motivazione: Non abbiamo riscontrato tabelle con due o più livelli logici di intestazione. Le celle sono comunque associate correttamente alle rispettive celle di intestazione.

[T] Inizio Pagina

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: NON SODDISFATTO

Motivazione: il sito analizzato fa buon uso dei fogli di stile CSS per controllare la presentazione dei contenuti, tuttavia alcuni di essi sono risultati non validi. Inoltre disabilitando il foglio di stile utilizzato per la pagina Indice Bolettino Ufficiale Regione Piemonte il contrasto tra i colori utilizzati per lo sfondo e i colori dei link non è sufficiente (vedi immagine sottostante).

Confronto tra pagine con e senza fogli di stile
[T] Inizio Pagina

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: SODDISFATTO

Motivazione: I layout relativi alle pagine, sono stati realizzati bene. Le pagine sono state testate con diversre risoluzioni, in moda da simulare un po' tutta la gamma dei dispositivi di visualizzazione comunemente usati da un utente medio; la risoluzione minima adottata è di 800*600 e la massima di 1280*800. In particolare le pagine ridotte alla risoluzione minore presentano bene il contenuto della pagina senza creare fastidiose sovrapposizioni e non vengono introdotte neanche barre di scorrimento orizontale.

[T] Inizio Pagina

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: SODDISFATTO

Motivazione: La maggiorparte delle pagine analizzate non fa uso di tabelle di layout, vi sono delle pagine che fanno ricorso a gabbie grafiche per gestire l'impaginazione del contenuto, tuttavia quando queste vengono liearizzate il contenuto è comunque comprensibile.

[T] Inizio Pagina

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: NON SODDISFATTO

Motivazione: Tra tutte le form analizzate solo quella presente nella pagina Tributi Regionali - FAQ Bollo Auto presenta un campo privo dell'attributo label.

[T] Inizio Pagina

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: NON SODDISFATTO

Motivazione: La pagina Sezione Link è realizzata con codice JavaScript e se questo viene disabilitato la pagina è inutilizzabile.Vi sono inoltre alcune funzionalità presenti nelle altre pagina che non sono utilizzabili se l'uente ha JavaScript disabilitato oppure ne è sprovvisto.

[T] Inizio Pagina

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: SODDISFATTO

Motivazione: Tutti i gestori di eventi rilevati sono idipendenti da uno specifico dispositivo di input, agli eventi legati al mouse, corrispondono eventi da tastiera.

[T] Inizio Pagina

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: NON SODDISFATTO.

Motivazione: I file PDF che vengono messi a disposizione degli utenit non sono accessibili, ovvero non sono formattati con degli appositi tag proproetari, che rendono il documento accessiblie, ovvero fruibile da particolari utenti disabili che usano delle teconologie assistive. In particolare l'Adobe Acrobat dice espressamente che un documento non strutturato, con tali tag, può presentare dei problemi nella lettura, che non procede nell'oridne predefinito dall'autore.

Pagine d'esempio:

[T] Inizio Pagina

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: NON VERIFICABILE

Motivazione: Non sono presenti oggetti multimediali nelle pagine considerate, che sono indispensabili per la completezza dell'informazione. Sono presenti solamente dei link che permettono di scaricare direttamente file audio o video, sul proprio computer.

[T] Inizio Pagina

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: SODDISFATTO

Motivazione: I titoli dei link utilizzati sono chiari e indicano chiaramente la destinazione del link. Vengono inoltre utilizzati link nascosti per evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine.

[T] Inizio Pagina

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: NON VERIFICABILE

Motivazione: Nelle pagine non sono presenti temporizzazioni, tale requisito non può essere quindi verificato.

[T] Inizio Pagina

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: SODDISFATTO

Motivazione: Le principali funzionalità presenti in una pagina sono tutte attivabili mediante acceskey. La distanza sia verticale che la spaziatura orrizontale è sufficiente da garantire una facile selezione.

[T] Inizio Pagina

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: NON SODDISFATTO

Motivazione: Solo la pagina dei link che non è conforme ai requisiti sopra-elencati presenta una pagina equivalente (ad esempio la pagina Sezione Link ha una pagina equivalente per gli utenti sprovvisiti di JavaScript). Per quanto riguarda le altre pagine non conformi, l'unica alternativa è accedere alla versione solo testo ma questa risulta impossibile se l'utente non dispone o ha disabilitato JavaScript.

[T] Inizio Pagina

Valid XHTML 1.0 Strict Valid CSS ©2006 Mirko Cappena, Mauro Santarossa