Laboratorio di Progettazione Siti Web - A.A. 2006/07

Simulazione Euristica TGR

Simulazione Euristica guidata da Barriere: sito TG Regionale

Prefazione

La documentazione presente in questa pagina riguarda i risultati della simulazione euristica guidata da barriere del sito del telegiornale regionale della rete televisiva Rai Tre. Questa relazione fa parte di un più ampio progetto di valutazione dell'accessibilità realizzato per l'esame di Progettazione Siti Web per il corso di laurea specialistica in Informatica presso l'Università degli Studi di Udine. Gli autori sono:

La stesura del seguente rapporto è stata completata in data 09/06/07. Come già citato, le pagine su cui è stata svolta la simulazione euristica fanno parte del il sito del TGR, il cui indirizzo è: http://www.tgr.rai.it/SITOTG/HPTGR. Il sito è stato analizzato secondo seguendo le barriere tratte da webquality.dimi.uniud.it/metodo-barriere.html..

Introduzione

Descrizione Barriere

Per realizzare l'analisi del sito del TGR sono state utilizzate come guida alla simulazione euristica le barriere originariamente definite da J.Nielsen e riviste dal prof. G.Brajnik. Di seguito vengono riportate le barriere raggruppate per ciascuna tipologia di utente a cui fanno riferimento. L'idea generale è di simulare l'accesso e l'utilizzo del sito da parte di un utente con una qualche disabilità seguendo, nello svolgere la simulazione e l'analisi, la lista di possibili barriere quindi ostacoli che l'utente può incontrare. Alcune barriere sono ripetute anche fra utenti con diverse caratteristiche, ma, la stessa barriera dal punto di vista della definizione, può portare ad effetti e conseguenze differenti o con diversa criticità a seconda del tipo di disabilità dell'utente considerato.

Di seguito riportiamo la lista di barriere, raggruppate per tipologia di utente: non vedenti, ipovedenti, non udenti, daltonici, cognitivi, disabili motori e utenti di browser senza JavaScript.

Vai alla sottosezione con la lista barriere per:

Lista di barriere per Utenti non vedenti

Categoria di utenti: Utenti di lettori di schermo o di browser parlanti; utenti di barre Braille; tipicamente ciechi, talvolta ipovedenti. Questa categoria potrebbe includere anche utenti vedenti ma costretti ad usare qualche tecnologia disabilitante: browser che non visualizzano immagini, portali vocali.

  1. Immagini ricche senza testo alternativo
  2. Mancanza di didascalie del video
  3. Colore essenziale
  4. Frame inaccessibili
  5. Materiale in movimento
  6. Immagini funzionali in sfondo
  7. Immagini funzionali prive di testo
  8. Link generici
  9. Link ambigui
  10. Menu dinamici in JavaScript
  11. Eventi mouse
  12. ASCII art
  13. Titoli spaziati
  14. Troppi link
  15. Form con redirect
  16. Link non separati
  17. Nuove finestre
  18. Form senza LABEL
  19. Temporizzazioni troppo brevi
  20. Tabelle dati
  21. Tabelle di impaginazione
  22. Pagine senza titoli
  23. Frame senza titolo
  24. Marcatura della lingua
  25. Suddivisione in sezioni
  26. Immagini come titoli
  27. Mancanza di tasti rapidi
  28. Skip links
  29. Pagina solo testo
  30. Controlli del browser disabilitati

Vai alla sezione:

Lista di barriere per Utenti ipovedenti

Categoria di utenti: Utenti ipovedenti di ingranditori di schermo; talvolta utenti degli strumenti di accessibilità offerti direttamente dal sistema operativo. Questa categoria potrebbe includere anche utenti disabilitati da tecnologie quali cellulari e PDA con schermi ridotti, con una ridotta possibilità di interagire.

  1. Immagini ricche malposizionate
  2. Immagini ricche incluse nello sfondo
  3. Contrasto visivo insufficiente
  4. Materiale in movimento
  5. Immagini funzionali in sfondo
  6. Immagini funzionali prive di testo
  7. Menù dinamici in JavaScript
  8. Mancanza di link interni
  9. Righe di testo lunghe
  10. Troppi link
  11. Form con redirect
  12. Form ampie
  13. Finestre sovrapposte
  14. Temporizzazioni troppo brevi
  15. Immagini come titoli
  16. Mancanza di tasti rapidi
  17. Testo non ridimensionabile
  18. Layout non ridimensionabile
  19. Skip links
  20. Controlli del browser disabilitati

Vai alla sezione:

Lista di barriere per Utenti non udenti

Categoria di utenti: Persone non udenti o con gravi difetti di udito. La categoria potrebbe includere anche utenti costretti ad usare il sito in situazioni in cui l'audio non può essere sentito (ad es. in una sala lettura, durante una conferenza).

  1. Mancano didascalie per l'audio
  2. Manca sincronizzazione

Vai alla sezione:

Lista di barriere per Utenti daltonici

Categoria di utenti: Persone daltoniche (che non usano alcuna tecnologia assistiva).La categoria potrebbe includere anche utenti che usano dispositivi dotati di schermi a bassa qualità, o monocromatici.

  1. Colore essenziale
  2. Contrasto visivo insufficiente

Vai alla sezione:

Lista di barriere per Utenti disabili motori

Categoria di utenti: Persone con menomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agilità delle dita e delle mani. La categoria potrebbe includere persone solo temporaneamente disabili (ad es. con il braccio in gesso), oppure persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi).

  1. Menù a cascata
  2. Eventi mouse
  3. Mancanza di link interni
  4. Troppi link
  5. Link troppo vicini
  6. Nuove finestre
  7. Form senza LABEL
  8. Temporizzazioni troppo brevi
  9. Mancanza di tasti rapidi
  10. Controlli del browser disabilitati

Vai alla sezione:

Lista di barriere per Utenti disabili cognitivi

Categoria di utenti: Persone con abilità limitata di elaborare e ricordare informazioni, prendere decisioni o apprendere; includono disabili nell'apprendere (dislessici o disgrafici), con disturbi nell'attenzione, con disabilità nella crescita (es. autismo, Down) o con disturbi neurologici (es. Alzheimer).Questa categoria potrebbe includere anche persone che usano il sito sotto stress (ad es. con fretta in un ambiente rumoroso e pieno di distrazioni, o durante la guida di un'automobile).Inoltre la categoria può includere anche visitatori del sito di una lingua straniera.

  1. Mancanza di didascalie del video
  2. Link generici
  3. Link ambigui
  4. Mancanza di link interni
  5. Assenza di icone
  6. Testo complesso
  7. Sito complesso
  8. Troppi link
  9. Campi di testo
  10. Nuove finestre
  11. Temporizzazioni troppo brevi
  12. Suddivisione in sezioni
  13. Pagina solo testo

Vai alla sezione:

Lista di barriere per Utenti di browser senza JavaScript

Categoria di utenti: Utenti di browser o sistemi che non sono in grado di elaborare istruzioni JavaScript. Ad es. microbrowser a bordo di telefonini o PDA; ad es. utenti di sistemi proxy, gateway o transcoder. Anche agenti artificiali, come gli spider dei motori di ricerca, o i sistemi di test automatizzati, si trovano nella situazione di non poter elaborare istruzioni JavaScript.

  1. Menù dinamici in JavaScript
  2. Menù a cascata
  3. Eventi mouse
  4. Form popolata automaticamente
  5. Form con redirect
  6. Validazione dei campi
  7. Campi nascosti
  8. Nuove finestre
  9. Controlli del browser disabilitati

Vai alla sezione:

Scenario

Vista la tipologia principalmente informativa del sito del TGR in cui le funzionalità sono quasi esclusivamente legate alla fruizione di contenuti, in particolare video, lo scenario individuato è generico e non considera compiti specifici da svolgere ma guarda all'accesso ed all'uso del sito nel suo complesso secondo le tipologie di utenti che qui riportiamo.

Utenti non vedenti: utenti di lettori di schermo o di browser parlanti; utenti di barre Braille; tipicamente ciechi, talvolta ipovedenti. Questa categoria potrebbe includere anche utenti vedenti ma costretti ad usare qualche tecnologia disabilitante: browser che non visualizzano immagini, portali vocali.

Utenti ipovedenti: utenti utilizzatori di ingranditori di schermo, talvolta utenti degli strumenti di accessibilità offerti direttamente dal sistema operativo. Questa categoria potrebbe includere anche utenti disabilitati da tecnologie quali cellulari e PDA con schermi ridotti, con una ridotta possibilità di interagire.

Utenti non udenti: persone non udenti o con gravi difetti di udito, la categoria potrebbe includere anche utenti costretti ad usare il sito in situazioni in cui l'audio non può essere sentito (ad es. in una sala lettura, durante una conferenza).

Utenti daltonici: persone daltoniche (che non usano alcuna tecnologia assistiva). La categoria potrebbe includere anche utenti che usano dispositivi dotati di schermi a bassa qualità, o monocromatici.

Utenti disabili motori: persone con menomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agilità delle dita e delle mani. La categoria potrebbe includere persone solo temporaneamente disabili (ad es. con il braccio in gesso), oppure persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi).

Utenti disabili cognitivi: persone con abilità limitata di elaborare e ricordare informazioni, prendere decisioni o apprendere; includono disabili nell'apprendere (dislessici o disgrafici), con disturbi nell'attenzione, con disabilità nella crescita (es. autismo, Down) o con disturbi neurologici (es. Alzheimer). Questa categoria potrebbe includere anche persone che usano il sito sotto stress (ad es. con fretta in un ambiente rumoroso e pieno di distrazioni, o durante la guida di un'automobile). Inoltre la categoria può includere anche visitatori del sito di una lingua straniera.

Utenti di browser senza JavaScript: utenti di browser o sistemi che non sono in grado di elaborare istruzioni JavaScript. Ad es. microbrowser a bordo di telefonini o PDA; ad es. utenti di sistemi proxy, gateway o transcoder. Anche agenti artificiali, come gli spider dei motori di ricerca, o i sistemi di test automatizzati, si trovano nella situazione di non poter elaborare istruzioni JavaScript.

Vai alla sezione:

Metodo

L'idea della simulazione euristica prevede l'analisi attraverso l'uso e la valutazione del sito seguendo le possibili barriere che, a seconda della tipologia di disabilità, l'utente può riscontrare. Sostanzialmente è stata realizzata un'analisi sistematica, a seguito di una più generale fase di utilizzo e familiarizzazione con il sito, seguendo le barriere per ciascun tipo di utente, verificando la presenza o meno della barriera. Nel caso in cui avvenga il riscontro della problematica si è proceduto con l'assegnazione di un valore di impatto e frequenza alla barriera stessa per definire in ultima analisi un complessivo valore di gravità sempre per ciascuna singola barriera.

Vai alla sezione:

Livelli di Gravità

Per l'assegnazione di un livello di impatto e di frequenza per ciascuna problematica analizzata sono stata considerata la seguente scala:

Tabella per le scale di valutazione di Impatto e Frequenza
Scala di valutazioneDefinizioneValore
Impatto La valutazione non evidenzia problematiche e non vi sono ploblemi per l'utente 0
Problema minore: la presenza di questa barriera viene notata dall'utente ma ci sono facili modi per aggirarla od evitarla se la si riconosce o ricorda; essa incide sulla produttività e sulla soddisfazione; non incide sull'efficacia né sulla sicurezza. 1
Problema importante: la barriera viene notata ed essa ha una grossa influenza nel modo di proseguire il compito da parte dell'utente. Essa incide pesantemente sulla produttività e sulla soddisfazione. Può incidere anche sull'efficacia e sulla sicurezza, rendendo difficile, faticoso e/o rischioso il proseguimento del compito; è facile che l'utente compia degli errori. Spesso non è facile trovare delle vie alternative per ottenere lo scopo. 2
problema critico: si tratta di una barriera che porta molti utenti a rinunciare al raggiungimento dello scopo: gli errori possono essere molti e con gravi conseguenze, vie alternative non esistono. L'impatto negativo su efficacia e sicurezza è elevato; è ancora più elevato su produttività e soddisfazione. 3
Frequenza La valutazione non evidenzia problematiche e non vi sono problemi per l'utente 0
il problema si manifesta raramente e non sempre durante lo svolgimento del compito; in pochi e marginali casi esso si manifesta. Dunque esso incide in maniera molto limitata sulla produttività e sulla soddisfazione. 1
il problema si verifica ogni volta che si svolge quel compito. Può incidere significativamente su produttività e su soddisfazione. 2
il problema si verifica più volte durante lo svolgimento del compito. Sicuramente incide sulla produttività, facendola calare marcatamente; e altrettanto di sicuro incide sulla soddisfazione. 3

Partendo dai due valori di frequenza e impatto è possibile assegnare un unico livello di criticità per ciascuna singola problematica rilevata nella valutazione dell'euristica. In particolare al variare dei valori di impatto e frequenza sono assegnati i seguenti valori:

Tabella per calcolare la gravità di un difetto
ImpattoFrequenzaGravità
N.V. N.V.Non Valutabile
00Nessuna
11Minore
12Minore
13Serio
21Serio
22Serio
23Critico
31Critico
32Critico
33Critico

Vai alla sezione:

Perimetro dell'indagine

Scelta Pagine

Il sito del TGR non presenta pagine con funzioni molto diverse tra loro; esse possono essere sostanzialmente raggruppate in tre gruppi: la homepage, le pagine popup che si aprono per la visione delle edizioni di telegiornale e meteo di una specifica regione italiana e le pagine delle rubriche. La pagina principale del sito ha la funzionalità principale di dare lo possibilità di visualizzare le edizioni del telegiornale e delle previsioni meteo per una particolare regione a scelta dell'utente; inoltre presenta la completa struttura per la navigazione, in particolare dando la possibilità di raggiungere le pagine relative alle varie rubriche. Tali pagine hanno una struttura simile anche se i contenuti sono specifici dell'argomento trattato nella rubrica; le pagine sono suddivise in varie colonne che presentano una descrizione generale della rubrica, una descrizione dell'ultima puntata trasmessa ed i collegamenti a delle pagine in cui si può fruire dei servizi di tale puntata e inoltre i collegamenti alle pagine delle altre rubriche. Nell'analisi successiva la descrizione delle problematiche riscontrate viene riportata facendo distinzione fra la pagina principale e le varie rubriche. Comunque l'esito, positivo o negativo, e il livello di gravità del difetto è assegnato, per ciascuna domanda di ciascuna euristica, in modo complessivo considerando quindi il sito nella sua complessità e non le singole pagine.

Struttura Pagine

Nelle successive analisi vengono citate e considerate parti e componenti delle pagine che in questa sezione descriveremo più approfonditamente. Nella homepage è presente una barra di navigazione realizzata mediante una tabella di layout che organizza i link a siti esterni al TG1 ma nel dominio www.rai.it. La homepage presenta un form ed un oggetto Flash utilizzato come alternativa al form per la scelta del telegiornale fra le possibili regioni presenti. Il funzionamento dell'oggetto Flash si basa sulla possibilità di ingradire della cartina stilizzata dell'Italia per presentare in primo piano la regione selezionata. Questo oggetto Flash è fonte di molti problemi e barriere anche gravi per quanto riguarda l'utilizzazione attraverso tecnologia assistiva. La homepage presenta una barra di navigazione posizionata a destra che elenca i collegamenti alle varie rubriche. Un problema legato a questa barra di navigazione che si presenterà nelle successiva analisi riguarda la sua realizzazione mediante testo sotto forma di immagini sensibili. Sempre la pagina principale presenta una barra orizzontale di collegamenti a delle pagine con la descrizione del palinsesto, della redazione, delle varie redazioni regionali e che permette di contattare via e-mail la redazione del TGR. Le pagine delle rubriche hanno tutte la stessa struttura: sono sostanzialmente implementate tramite tabelle con quattro colonne. La prima contiene la descrizione della specifica rubrica ed informazioni sulla redazione e gli orari di messa in onda. La seconda e la terza descrivono l'ultima puntata andata in onda e forniscono i collegamenti per fruire dei servizi in forma testuale o video; sovrapposta a parte dei contenuti presente in queste due colonne è sempre presente un'immagine descrittiva della rubrica che rende parte dei testi illeggibile. La quarta colonna contiene una barra di navigazione che elenca i collegamenti alle varie rubriche; anche tale barra è realizzata mediante testo sotto forma di immagini sensibili e questo provoca vari problemi.

Vai alla sezione:

Risultati

Sommario dei risultati

In questa sezione vengono presentati i vari risultati ottenuti con la simulazione euristica guidata da barriere del sito del TGR riportando il sommario con la descrizione dei risultati con una tabella riassuntiva con i vari esiti per ciascuna barriera. Nella tabella le barriere sono ordinate per valori decrescenti di gravità.

Vai alla sottosezione con il sommario risultati per:

Sommario risultati delle barriere per Utenti non vedenti

Categoria di utenti: utenti di lettori di schermo o di browser parlanti; utenti di barre Braille; tipicamente ciechi, talvolta ipovedenti. Questa categoria potrebbe includere anche utenti vedenti ma costretti ad usare qualche tecnologia disabilitante: browser che non visualizzano immagini, portali vocali.

I risultati riportati in questa sezione riguardano l'analisi delle possibili barriere riscontrabili considerando l'utilizzo del sito da parte di un utente non vedente. Nel sito del TG Regionale risultano essere presenti numerose e gravi barriere, che, nel complesso, rendono non accessibili le pagine del sito ad un utente non vedente. I problemi riscontrati, di cui è fornita una più dettagliata analisi nella sezione successiva, riguardano i vari servizi forniti dal sito, in particolare la fruizione di video e testi. In sostanza, il sito del TGR ha due scopi principali: il primo riguarda la possibilità di accedere ai filmati del telegiornale e del meteo di ciascuna regione d'Italia andati in onda. Il secondo riguarda l'accesso ai contenuti testuali delle varie rubriche di approfondimento. Entrambi questi servizi sono difficilmente fruibili da parte di un utente non vedente. Un problema riscontrato, infatti, è determinato dal fatto che i contenuti video non hanno didascalie che integrino il materiale visivo. Inoltre, in tutte le pagine del sito, viene fatto largo uso di immagini sia a completamento dei contenuti testuali, sia come elementi strutturali della presentazione del sito: come link e come titoli delle sezioni. In ogni caso le immagini introdotte non presentano alternative e risulta molto difficoltoso l'accesso al sito ad un utente non vedente. Con minore importanza sono poi presenti varie barriere legate ad errate scelte di impaginazione, a tecniche di implementazione del sito e alla poco accessibile gestione delle finestre.

Tabella riassuntiva delle barriere per utenti non vedenti, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Immagini funzionali di sfondo 33Critico
Immagini funzionali prive di testo 33Critico
Eventi mouse 33Critico
Link non separati 33Critico
Frame senza titolo 33Critico
Mancanza di didascalie del video 32Critico
Link generici 32Critico
Pagine senza titoli 32Critico
Immagini come titoli 32Critico
Frame inaccessibili 23Critico
Tabelle di impaginazione 23Critico
Troppi link 22Serio
Nuove finestre 22Serio
Form senza LABEL 22Serio
Suddivisione in sezioni 22Serio
Immagini ricche senza testo alternativo 13Serio
Skip links 13Serio
Mancanza di testi rapidi 12Minore
Materiale in movimento 11Minore
Menu dinamici in JavaScript 11Minore
ASCII art 11Minore
Marcatura della lingua 11Minore
Controlli del browser disabilitati 11Minore
Colore essenziale --Nessuna
Link ambigui --Nessuna
Titoli spaziati --Nessuna
Form con redirect --Nessuna
Temporizzazioni troppo brevi --Nessuna
Tabelle dati --Nessuna
Pagina solo testo Nessuna

Vai alla sezione:

Sommario risultati delle barriere per Utenti ipovedenti

Categoria di utenti: Utenti ipovedenti di ingranditori di schermo; talvolta utenti degli strumenti di accessibilità offerti direttamente dal sistema operativo. Questa categoria potrebbe includere anche utenti disabilitati da tecnologie quali cellulari e PDA con schermi ridotti, con una ridotta possibilità di interagire.

Considerando l'uso del sito da parte di un utente ipovedente, l'accesso al TG Regionale presenta delle gravi barriere che rendono difficilmente utilizzabili le varie pagine da parte di tali tipologie di utenti. In particolare, le principali problematiche derivano dalle scelte implementative legate al layout del sito. Infatti la struttura con cui è organizzato risulta sostanzialmente statica: non è prevista la possibilità di ingrandire la dimensione dei caratteri e le pagine non risultano adattabili ad eventuali ridimensionamenti della finestra. Inoltre l'apertura frequente di nuove pagine e la presenza di materiale in movimento determinano l'insorgere di difficoltà nell'utilizzo del sito vista la necessità, per un utente ipovedente, di avere meno cambi di contesto possibile. Inoltre anche l'uso, in diverse situazioni, di immagini prive di alternativa testuale determina, sempre per un utente ipovedente, il presentarsi di barriere che non rendono possibile la completa accessibilità del sito.

Tabella riassuntiva delle barriere per utenti ipovedenti ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Finestre sovrapposte 33Critico
Layout non ridimensionabile 33Critico
Materiale in movimento 32Critico
Immagini funzionali prive di testo 32Critico
Testo non ridimensionabile 32Critico
Immagini ricche malposizionate 23Critico
Contrasto visivo insufficiente 23Critico
Immagini come titoli 23Critico
Skip links 22Serio
Troppi link 21Serio
Controlli del browser disabilitati 21Serio
Menù dinamici in JavaScript 12Minore
Mancanza di link interni 11Minore
Righe di testo lunghe 11Minore
Mancanza di tasti rapidi 11Minore
Immagini ricche incluse nello sfondo --Nessuna
Immagini funzionali in sfondo --Nessuna
Form con redirect --Nessuna
Form ampie --Nessuna
Temporizzazioni troppo brevi --Nessuna

Vai alla sezione:

Sommario risultati delle barriere per Utenti non udenti

Categoria di utenti: Persone non udenti o con gravi difetti di udito. La categoria potrebbe includere anche utenti costretti ad usare il sito in situazioni in cui l'audio non può essere sentito (ad es. in una sala lettura, durante una conferenza).

La principale e più grave barriera riscontrata, riguarda la mancanza di didascalie e alternative testuali al contenuti video presenti nelle varie pagine. Considerando che il sito del TG Regionale ha come una delle funzioni e servizi principali, la possibilità di rendere accessibili i filmati del telegiornale e del meteo, già andati in onda nella corrispondente trasmissione televisiva, la mancanza di una qualsiasi alternativa che non richieda l'uso dell'udito per avere una completa e chiara fruizione dei contenuti, rende il sito non accessibile ad utenti non udenti.

Tabella riassuntiva delle barriere per utenti non udenti, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Mancano didascalie per l'audio 33Critico
Manca sincronizzazione 33Critico

Vai alla sezione:

Sommario risultati delle barriere per Utenti disabili cognitivi

Categoria di utenti: persone con abilità limitata di elaborare e ricordare informazioni, prendere decisioni o apprendere; includono disabili nell'apprendere (dislessici o disgrafici), con disturbi nell'attenzione, con disabilità nella crescita (es. autismo, Down) o con disturbi neurologici (es. Alzheimer).Questa categoria potrebbe includere anche persone che usano il sito sotto stress (ad es. con fretta in un ambiente rumoroso e pieno di distrazioni, o durante la guida di un'automobile).Inoltre la categoria può includere anche visitatori del sito di una lingua straniera.

Per quanto riguarda gli utenti con disabilità cognitive, dalla simulazione euristica effettuata, risultano presenti diverse barriere, anche gravi, che riguardano generalmente le scelte effettuate per la presentazione del sito. Infatti, le principali problematiche conivolgono i link, la loro disposizione e la mancanza di collegamenti interni per facilitare la navigazione. Inoltre, la complessità generale di alcune sezioni del sito del TG Regionale, unita alla mancanza di icone, rende più difficoltosa la comprensione, da parte di un utente con disabilità cognitive, del funzionamento delle pagine e dei servizi fruibile dal sito stesso. Infine, la principale barriera riscontrata, riguarda una delle principali funzionalità del TGR, cioè la possibilità di accedere ai vari filmati video per le trasmissioni andate in onda sui telegiornali regionali. La barriera evidenziata riguarda la mancanza di didascalie per questi documenti multimediali, e, per un utente con difficoltà cognitive, questo può significare l'eventualità di non riuscire a percepire chiaramente il contenuto video, vista la mancanza di alternative, ad esempio testuali, ai filmati stessi.

Tabella riassuntiva delle barriere per utenti con disabilità cognitive, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Mancanza di didascalie nel video 33Critico
Assenza di icone 23Critico
Troppi link 23Critico
Mancanza di link interni 22Serio
Sito complesso 22Serio
Nuove finestre 22Serio
Suddivisione in sezioni 12Minore
Campi di testo 11Minore
Link generici --Nessuna
Link ambigui --Nessuna
Testo complesso --Nessuna
Temporizzazioni troppo brevi --Nessuna
Pagina solo testo --Nessuna

Vai alla sezione:

Sommario risultati delle barriere per Utenti daltonici

Categoria di utenti: Persone daltoniche (che non usano alcuna tecnologia assistiva).La categoria potrebbe includere anche utenti che usano dispositivi dotati di schermi a bassa qualità, o monocromatici.

La principale problematica rilevata nel sito, considerando l'uso dello stesso da parte di un utente daltonico, riguarda la scelta del colore di alcune componenti. In particolare nelle pagine per le rubriche di approfondimento sono state scelte delle colorazioni per lo sfondo di alcune sezioni della pagina tali da non avere un sufficiente contrasto visivo. In queste sezioni il contenuto testuale è difficilmente percepibile da parte di un utente daltonico.

Tabella riassuntiva delle barriere per utenti daltonici, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Contrasto visivo insufficiente 22Serio
Colore essenziale --Nessuna

Vai alla sezione:

Sommario risultati delle barriere per Utenti disabili motori

Categoria di utenti: Persone con menomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agilità delle dita e delle mani. La categoria potrebbe includere persone solo temporaneamente disabili (ad es. con il braccio in gesso), oppure persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi).

Il sito del TG Regionale, analizzato considerando le possibili barriere per un utente con disabilità motorie, presenta principalmente problematiche di media entità e solo una barriera risulta avere una gravità critica. Questo principale ostacolo, ad un efficace accesso al sito, è legato alla apertura di nuove finestre che avviene in diverse situazioni, in particolare per la fruizione dei vari filmati del telegiornale e del meteo e per l'accesso alle puntate d'archivio per le varie rubriche di approfondimento. Le barriere con minore criticità riguardano le scelte per la presentazione dei vari link, che risultano essere troppo vicini, la gestione degli eventi mouse, a cui nel sito, viene data una discreta importanza, e al non efficace utilizzo delle funzioni previste dai browser quali i tasti rapidi, i controlli per la navigazione (ie. pulsante indietro) e l'apertura di nuove finestre. In generale risultano quindi presenti diverse barriere per un utente con disabilità motorie, non con elevata criticità, ma comunque tali da rendere difficoltoso l'accesso alle varie pagine del sito del TG Regionale.

Tabella riassuntiva delle barriere per utenti con disabilità motorie, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Nuove finestre 23Critico
Link troppo vicini 22Serio
Mancanza di tasti rapidi 22Serio
Eventi mouse 21Serio
Controlli del browser disabilitati 21Serio
Form senza LABEL 12Minore
Mancanza di link interni 11Minore
Menù a cascata --Nessuna
Troppi link --Nessuna
Temporizzazioni troppo brevi --Nessuna

Vai alla sezione:

Sommario risultati delle barriere per Utenti di browser senza JavaScript

Categoria di utenti: Utenti di browser o sistemi che non sono in grado di elaborare istruzioni JavaScript. Ad es. microbrowser a bordo di telefonini o PDA; ad es. utenti di sistemi proxy, gateway o transcoder. Anche agenti artificiali, come gli spider dei motori di ricerca, o i sistemi di test automatizzati, si trovano nella situazione di non poter elaborare istruzioni JavaScript.

Considerando l'uso del sito del TG Regionale da parte di un utente di un browser senza la possibilità di usare il linguaggio JavaScript, sono state riscontrate diverse barriere critiche dal punto di vista dell'impatto e della frequenza con cui occorrono. In particolare, le principali problematiche riguardano l'apertura di nuove finestre, sia per fruire dei video del telegiornale e del meteo, sia per le varie rubriche di approfondimento. L'apertura di queste finestre, essendo esclusivamente realizzate mediante JavaScript, non risulta possibile per un utente con un browser privo del supporto per tale linguaggio. Inoltre sono presenti in alcune pagine del sito dei menù e degli effetti dinamici realizzati mediante Javascript che, seppur con diverso impatto, per un utente della suddetta tipologia, diventano delle barriere anche di elevata criticità.

Tabella riassuntiva delle barriere per utenti di browser senza Javascript, ordinata per valori decrescenti di gravità riscontrata.
BarrieraImpattoFrequenzaGravità
Nuove finestre 33Critico
Menù dinamici in JavaScript 32Critico
Controlli del browser disabilitati 32Critico
Eventi mouse 22Serio
Menù a cascata --Nessuna
Form popolata automaticamente --Nessuna
Form con redirect --Nessuna
Validazione dei campi --Nessuna
Campi nascosti --Nessuna

Vai alla sezione:

Dettaglio dei risultati

In questa sezione sono riportati i risultati in dettaglio per le barriere per le varie tipologie di utenti.

Vai alla sottosezione per il dettaglio risultati per:

Barriere per utenti non vedenti

Barriere non vedenti > Immagini ricche senza testo alternativo

Categoria:

Percezione

Causa:

Assenza di testo equivalente associato ad un'immagine che è latrice di informazione (es. diagramma, istogramma, foto, disegno, organigramma, grafico di una funzione, grafo).

impattofrequenzagravità
13Serio

Il sito non contiene molte immagini latrici di informazioni però la maggior parte delle immagini utilizzate all'interno delle pagine è priva di alternativa testuale equivalente che descriva all'utente non vedente di lettore di schermo il contenuto dell'immagine stessa.

In particolare per quanto riguarda la homepage, i link della barra di navigazione laterale destra sono implementati attraverso immagini sensibili prive di attributo ALT quindi la loro funzionalità non può essere compresa da un utente di lettore di schermo. Lo stesso discorso vale per il logo del TGR utilizzato come link alla homepage stessa posizionato nell'angolo superiore sinistro delle pagine e per la barra orizzontale di navigazione che permette di raggiungere le pagine che descrivono il palinsesto, la direzione e le redazioni del TGR. Anche le immagini che fungono da intestazione e da etichette per i controlli utilizzabili per selezionare di quale regione visualizzare l'edizione del telegiornale oppure il meteo non sono fornite di attributo ALT quindi anche in questo caso è poco chiara la funzionalità dei controlli stessi.

La pagina palinsesto presenta delle immagini contenenti i loghi delle varie rubriche; tali immagini servono per facilitare il riconoscimento della specifica rubrica anche fruendo della pagina in modo rapido. L'utente non vedente di lettore di schermo non può essere facilitato nel riconoscimento in modo equivalente in quanto le immagini non hanno alternativa testuale.

Per le rubriche vale lo stesso discorso fatto per quanto riguarda la homepage: la barra di navigazione laterale che permette di navigare tra le altre rubriche del TGR è implementata attraverso immagini sensibili prive di alternativa testuale. Sono presenti anche altre immagini a corredo dei testi; tali immagini non sono di fondamentale importanza per la comprensione del contenuto del testo ma la fruizione da parte di utenti non vedenti risulta comunque parziale. Infatti gli utenti di lettori di schermo percepiscono la presenza dell'immagine ma non il contenuto della stessa.

Barriere non vedenti > Mancanza di didascalie del video

Categoria:

Percezione

Causa:

Un file multimediale con un video o un'animazione è privo di descrizione testuale delle scene.

impattofrequenzagravità
32Critico

Il sito presenta molti contenuti (le edizioni del telegiornale delle varie regioni e le notizie relative al meteo) sotto forma di video. Tali video non presentano una descrizione testuale delle scene, quindi l'utente non vedente di lettore di schermo è in grado di percepire solamente l'audio. Data la natura del sito, l'efficacia e la soddisfazione derivanti del suo utilizzo sono quindi notevolmente ridotte. Per permettere una fruizione completa da parte di utenti di lettori di schermo è necessario arricchire il materiale multimediale con descrizioni testuali che siano sincronizzate con le scene video.

Barriere non vedenti > Colore essenziale

Categoria:

Percezione

Causa:

La presenza di materiale (testo, immagini, sfondi, filmati) dove il colore viene usato come unico modo per distinguere due o più informazioni diverse. Ad es. righe in una tabella con dati di bilancio dove i valori positivi sono in nero e quelli negativi in rosso (senza il segno "-"). Un esempio comune è l'uso del solo colore per distinguere i link già percorsi.

impattofrequenzagravità
--Nessuna

Nel sito non viene mai utilizzato solamente il colore come unico mezzo per la distinzione tra informazioni diverse.

Barriere non vedenti > Frame inaccessibili

Categoria:

Percezione

Causa:

La pagina è basata su frame.

impattofrequenzagravità
23Critico

Il sito utilizza i Frame per contenere i banner pubblicitari delle pagine e i contenuti proprio del sito. Gli utenti non vedenti che utilizzano vecchie versioni di lettori di schermo non hanno la possibilità di accedere a tali frame e questo pregiudica (soprattutto per quanto riguarda la homepage) l'efficacia dell'utilizzo del sito. Per evitare tale problema si può procedere ad una modifica sostanziale del sito in modo da utilizzare dei DIV accoppiati ad un opportuno CSS per rendere lo stesso effetto grafico dei Frame.

Barriere non vedenti > Materiale in movimento

Categoria:

Percezione

Causa:

Immagini o testo in movimento (ad es. testo scorrevole, immagine animata).

impattofrequenzagravità
11Minore

Solamente una delle pagine analizzate - quella della rubrica Economia e lavoro - utilizza testo scorrevole; tale testo funge da collegamento ipertestuale e non varia nel tempo quindi il lettore di schermo, pur non percependo il movimento, non dovrebbe perdere la funzionalità di tale testo scorrevole. L'immagine animata presente nelle varie pagine è solamente quella del banner pubblicitario; fornendo di opportuna alternativa testuale l'immagine del banner, l'efficacia dell'utilizzo del sito rimane invariata anche per utenti non vedenti.

Barriere non vedenti > Immagini funzionali in sfondo

Categoria:

Utilizzazione

Causa:

La pagina contiene nello sfondo (ev. anche mediante regole CSS) delle immagini che nella pagina visualizzata assumono un ruolo funzionale. Ad es. corrispondono ad immagini cliccabili, a pulsanti, a etichette di controlli di form o a etichette di categorie di contenuti.

impattofrequenzagravità
33Critico

Il sito utilizza in modo pesante le immagini con ruolo funzionale. La barra di navigazione superiore della homepage che permette di navigare nel portale Rai.it presenta anche la funzionalità di ricerca il cui bottone di submit è realizzato attraverso un'immagine; la barra di navigazione laterale destra che permette di navigare attraverso le varie rubriche del TGR è costituita da immagini cliccabili sia per quanto riguarda la homepage che per le pagine delle rubriche. Anche le etichette che distinguono le varie categorie di contenuti sono fornite attraverso immagini. L'utente non vedente non ha modo di percepire il contenuto associato a tali immagini.

Barriere non vedenti > Immagini funzionali prive di testo

Categoria:

Utilizzazione

Causa:

La pagina contiene delle immagini funzionali (link cliccabili, pulsanti di invio per form, mappe immagine) prive di testo alternativo. Analogamente per pulsanti in Flash.

impattofrequenzagravità
33Critico

La maggior parte delle immagini funzionali presenti nel sito non presenta alternativa testuale quindi l'utente di lettore di schermo è impossibilitato a capire pienamente il ruolo dell'immagine e la scelta del link desiderato; soprattutto per quanto riguarda le voci elencate nella barra di navigazione laterale destra sia nella homepage sia nelle pagine delle rubriche il problema è critico e riduce notevolmente l'efficacia. La homepage inoltre presenta un oggetto Flash raffigurante la cartina dell'Italia mediante il quale è possibile selezionare una regione per visualizzarne il video relativo allo specifico telegiornale regionale o al meteo della regione stessa. Tale oggetto Flash non ha testo alternativo. Per risolvere il problema è necessario includere l'alternativa testuale a tutte le immagini presenti e agli oggetti Flash nel sito facendo in modo che tale testo sia informativo.

Barriere non vedenti > Link generici

Categoria:

Utilizzazione

Causa:

La pagina contiene dei link con etichette poco informative (ad es. "clicca qui", "dettagli", "di più").

impattofrequenzagravità
32Critico

Utilizzando il sito attraverso un browser grafico è stato riscontrato che utilizza etichette di link informative che permettono di discriminare in modo corretto i link diversi tra loro. Però utilizzando la funzionalità del lettore di schermo che permette all'utente di visualizzare in una finestra tutti e soli i link presenti nella pagina, quindi estrapolati dal contesto, si è riscontrato che molti non presentano attributo TITLE e quindi nemmeno etichetta informativa; questo pregiudica in modo molto pesante l'utilizzo del sito da parte di utenti non vedenti. Per risolvere il problema è necessario procedere ad una modifica o una completa riprogettazione del sistema di etichettatura in modo tale da fornire ogni link presente nel sito di etichetta informativa.

Barriere non vedenti > Link ambigui

Categoria:

Utilizzazione

Causa:

La pagina contiene dei link con etichette ambigue (ad es. "clicca qui", "dettagli", "di più" ripetuti più volte).

impattofrequenzagravità
--Nessuna

Il sito non contiene link con etichette ambigue; ci sono link che vengono ripetuti più volte all'interno di pagine diverse (ad esempio archivio, contattaci) che vengono però facilmente discriminati e contestualizzati in base alla pagina in cui si trovano.

Barriere non vedenti > Menu dinamici in JavaScript

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice JavaScript che, non appena l'utente posiziona il focus dell'interazione su un elemento, apre un menu in una determinata zona della pagina.

impattofrequenzagravità
11Minore

La homepage ha un menù orizzontale che permette di raggiungere le pagine relative al Palinsesto, alla Direzione, alle varie Redazioni regionali e di contattare il TGR. I link che permettono di fruire dei contenuti delle pagine Direzione e Redazioni compaiono posizionando il focus sulla voce La TGR; tale menù è implementato in JavaScript. Il lettore di schermo potrebbe non accorgersi della modifica alla pagina con il risultato che il menu non può essere utilizzato dall'utente non vedente. Per rimediare al problema bisogna fare in modo che tutte le opzioni di navigazione e tutti i link siano attivabili anche disattivando JavaScript. È necessario fare in modo che tale pagina sia raggiungibile dalla pagina originale anche se JavaScript è disabilitato.

Barriere non vedenti > Eventi mouse

Categoria:

Utilizzazione

Causa:

La pagina si basa su codice JavaScript per ottenere determinati effetti. Le routine vengono invocate mediante gestori di eventi legati al mouse (es. "onclick", "onmouseover", "onmouseout", ...).

impattofrequenzagravità
33Critico

Le pagine analizzate utilizzano molto codice JavaScript per ottenere determinati effetti e le routine (che solitamente hanno l'effetto di aprire nuove finestre) vengono invocate mediante gestori di eventi legati al mouse. In particolare per quanto riguarda la homepage, come già descritto in precedenza, una parte della barra di navigazione che permette di raggiungere le sezioni Direzione e Redazioni non è fruibile con il lettore di schermo. Inoltre anche l'apertura delle nuove finestre per la visualizzazione di una particolare edizione regionale del telegiornale, per la visualizzazione delle notizie relative al meteo e per la visualizzazione del Settimanale non è fruibile. Nelle rubriche diventa non utilizzabile, in quanto legata ad eventi mouse, l'apertura delle finestre con l'archivio e la possibilità di scegliere una delle puntate della rubrica contenute appunto nell'archivio per visualizzarne i contenuti. Per risolvere il problema è necessario utilizzare i gestori di eventi logici ("onfocus", "onkeypress").

Barriere non vedenti > ASCII art

Categoria:

Comprensione

Causa:

La pagina contiene del testo che invece di rappresentare parole, rappresenta decorazioni. Ad es. simboli come "==>" oppure uno smiley ;-) o linee orizzontali come "-----------------".

impattofrequenzagravità
11Minore

Alcuni link ed alcune etichette di testo presenti nelle pagine del sito sono preceduti o seguiti da parentesi angolari; l'utente non vedente di lettore di schermo si sente pronunciare i caratteri come maggiore di e minore di prima e dopo il testo; in questi casi potrebbe quindi non comprendere che tali caratteri servono solamente per la presentazione della pagina e questo potrebbe ridurre la produttività nell'utilizzo del sito. Per ottenere lo stesso effetto grafico è possibile utilizzare delle immagini a scopo decorativo aventi alternativa testuale vuota.

Barriere non vedenti > Titoli spaziati

Categoria:

Comprensione

Causa:

La pagina contiene delle parole o termini spaziati in maniera artificiosa, ad es. "B E N V E N U T I" formattato con spazi artificiali tra le lettere.

impattofrequenzagravità
--Nessuna

Il sito non utilizza parole o termini formattati con spazi artificiali posti tra le lettere.

Barriere non vedenti > Troppi link

Categoria:

Comprensione, Controllo da parte dell'utente

Causa:

Troppi link nella pagina, talvolta non bene organizzati in gruppi.

impattofrequenzagravità
22Serio

Tutte le pagine analizzate presentano molti link; secondo la Legge di Miller il numero di diverse categorie individuabili da una persona non addestrata specificamente a classificare e distinguere tra stimoli quantitativi diversi varia da 5 a 9. La barra di navigazione superiore rispetta questa legge mentre la barra di navigazione laterale destra delle pagine presenta dodici link. La homepage presenta quindi complessivamente molti link che costringono l'utente di lettore di schermo ad un'analisi abbastanza lunga della pagina. Il problema potrebbe essere ridotto organizzando in modo migliore la suddivisione dei link in categorie all'interno delle pagine e dando all'utente la possibilità di saltare da una categoria all'altra in modo semplice e non ambiguo.

Barriere non vedenti > Form con redirect

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form in cui alcuni controlli (campi o menu a tendina implementati con SELECT), una volta che vengono utilizzati, causano un submit al server il quale spedisce una nuova pagina al browser. Questo comportamento è basato su gestori di eventi JavaScript.

impattofrequenzagravità
--Nessuna

Sono presenti due menù per la scelta del filmato video del telegiornale o del meteo per ciascuna specifica regione. L'attivazione delle voci dei menù non determina però dei cambiamenti o modifiche alla pagina che contiene il menù, ne cambiamenti del focus all'interno della stessa pagina ma attiva l'apertura di una nuova finestra per la fruizione del video scelto. La barriera non risulta quindi presente. Form ampie

Barriere non vedenti > Link non separati

Categoria:

Utilizzazione

Causa:

La pagina contiene delle sequenze di link non separati tra loro da caratteri pronunciabili.

impattofrequenzagravità
33Critico

Le pagine analizzate non contengono caratteri pronunciabili che separino i link; l'utente non vedente di lettore di schermo che accede al sito si sentirà quindi pronunciare un elenco di link senza alcuna separazione o pausa tra uno e l'altro e potrebbe avere difficoltà anche molto grandi nel comprendere e distinguere due link tra di loro. Questo provoca sicuramente una riduzione dell'efficacia in quanto l'utente faticherà a capire che ci sono vari link diversi. Per risolvere il problema bisogna fare in modo che i link di una lista siano separati da caratteri pronunciabili o da immagini anche trasparenti ma dotate di alternativa testuale pronunciabile. Alternativamente si possono utilizzare gli elenchi puntati regolandoli con opportuni fogli di stile per rendere l'effetto grafico desiderato; in questo modo il lettore di schermo li pronuncierà in modo comprensibile per l'utente.

Barriere non vedenti > Nuove finestre

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice (HTML o JavaScript) che apre nuove finestre quando l'utente attiva dei link o pulsanti.

impattofrequenzagravità
22Serio

Il sito apre alcuni dei collegamenti in nuove finestre, ad esempio quando si vuole consultare l'archivio delle rubriche per la visualizzazione di vecchie puntate trasmesse (finestra pop-up) ma anche quando si vogliono visualizzare i video dei servizi del telegiornale regionale di una specifica regione oppure il servizio del meteo relativo sempre ad una particolare regione da selezionare precedentemente. L'utente potrebbe non accorgersi del cambiamento di contesto e quindi del conseguente cambiamento dello stile di interazione e questo riduce l'efficacia dell'utilizzo del sito stesso. Evitare di aprire nuove finestre è una regola che si dovrebbe sempre seguire in generale. Se l'apertura di nuove pagine dev'essere per qualche motivo effettuata all'interno di nuove finestre del browser, bisogna fare in modo che sia chiaro all'utente che si tratta di una nuova finestra, quali sono le nuove modalità e possibilità di interazione e in che modo è possibile chiudere la finestra stessa.

Barriere non vedenti > Form senza LABEL

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form i cui controlli sono privi del corretto markup LABEL/@FOR oppure è impaginata in maniera complessa (ad es. perché impaginata con una tabella il cui contenuto non si linearizza correttamente).

impattofrequenzagravità
22Serio

Il sito presenta in più pagine una semplice form per la ricerca di contenuti all'interno dei siti del dominio www.rai.it. Il campo da compilare con il testo per la ricerca presenta, come etichetta, l'attributo TITLE previsto dal linguaggio HTML per assegnare un titolo al controllo. La barriera è però presente - con impatto comunque minore - data la presenza di un pulsante per l'invio della richiesta privo di etichetta, realizzato attraverso un'immagine e con un testo poco significativo: "vai" al posto di una descrizione più coerente, ad esempio: "cerca". Inoltre, nella homepage sono presenti due menù a tendina per scegliere la regione di cui visualizzare rispettivamente il video del telegiornale o del meteo. Entrambi i controlli non presentano i corretti marcatori per definere le etichette.

Barriere non vedenti > Temporizzazioni troppo brevi

Categoria:

Utilizzazione

Causa:

Il comportamento del server è di causare un refresh della pagina, magari con modifica del contenuto, senza che ci sia stato un qualche evento causato dall'utente per attivare tale comportamento.

impattofrequenzagravità
--Nessuna

Il sito non prevede temporizzazioni.

Barriere non vedenti > Tabelle dati

Categoria:

Comprensione

Causa:

La pagina contiene delle tabelle dati (es. orari di autobus, calendari, elenchi, statistiche) non codificate appropriatamente (con TH/@SCOPE,@HEADERS).

impattofrequenzagravità
--Nessuna

Le pagine analizzate non contengono tabelle dati.

Barriere non vedenti > Tabelle di impaginazione

Categoria:

Comprensione

Causa:

La pagina viene impaginata con tabelle di layout che si linearizzano male (generazione del loro contenuto letto dall'alto verso il basso e da sx a dx, come se la tabella non ci fosse). In certi casi la tabella di layout contiene anche tag e attributi previsti solo per le tabelle dati (TH, HEADERS, SUMMARY).

impattofrequenzagravità
23Critico

Le pagine analizzate utilizzano pesantemente le tabelle a scopo di impaginazione e questo sarebbe sempre da evitare e da sostituire con un uso appropriato di DIV e fogli di stile. Tali tabelle comunque si linearizzano in modo abbastanza coerente con la presentazione grafica e quindi l'ordine con cui vengono lette le informazioni ed i link non è fonte di disorientamento o incomprensione per l'utente. Tali tabelle, però, portano alla pronuncia da parte del lettore di schermo di molto testo inutile (ad esempio: "tabella composta di n righe e m colonne..") ma anche di tutto il markup di presentazione utilizzato all'interno dell'html. Questo provoca una riduzione dell'efficacia nell'utilizzo del sito e, rallentandone la consultazione, anche una riduzione della produttività.

Barriere non vedenti > Pagine senza titoli

Categoria:

Comprensione

Causa:

La pagina è priva di tag TITLE, o esso contiene ad es. "Untitled document", oppure ce l'ha, ma il suo valore è lo stesso per tutte le pagine.

impattofrequenzagravità
32Critico

Non tutte le pagine analizzate presentano un titolo informativo; la homepage ha titolo TGR - Homepage però le pagine delle rubriche hanno tutte lo stesso titolo, cioè TGR Rubriche. Inoltre le finestre popup che si aprono per permettere la fruizione dei contenuti che sono presenti nel dominio Rai.it hanno titolo www.rai.it. Questi titoli assolutamente non significativi non permettono di discriminare le diverse pagine ed i contenuti che si stanno fruendo; questo potrebbe rendere anche molto difficile all'utente di lettore di schermo la comprensione del cambiamento della pagina. Per risolvere tale problema è sufficiente fornire ciascuna pagina di un titolo che sia unico e informativo.

Barriere non vedenti > Frame senza titolo

Categoria:

Comprensione

Causa:

La pagina è basata su frame e qualcuno dei tag FRAME (dentro FRAMESET) non contiene l'attributo TITLE; oppure il suo valore coincide con il valore di NAME.

impattofrequenzagravità
33Critico

Il sito utilizza i Frame per contenere i banner pubblicitari delle pagine e i contenuti proprio del sito. Tali Frame non presentano né attributo TITLE né attributo NAME. Gli utenti non vedenti che utilizzano lettori di schermo non hanno la possibilità di comprendere lo scopo ed il contenuto di tali Frame e questo provoca una grossa riduzione dell'efficacia.

Barriere non vedenti > Marcatura della lingua

Categoria:

Comprensione

Causa:

La pagina manca di attributo LANG sia nel tag iniziale HTML, sia ogniqualvolta ci sono parole di una lingua diversa da quella della pagina.

impattofrequenzagravità
11Minore

Le pagine analizzate non presentano la definizione del linguaggio principale della pagina mediante l'utilizzo dell'attributo LANG nel tag HTML. Lo stesso attributo manca anche ogniqualvolta è presente una parola in una lingua diversa da quella di default, che in questo caso è l'italiano. L'utente di lettore di schermo si sentirà pronunciare le parole con i fonemi della lingua preselezionata, quindi presumibilmente in italiano, dal momento che il sito sarè fruito da utenti italiani; però le eventuali espressioni in lingua straniera verranno tutte pronunciate in modo errato.

Barriere non vedenti > Suddivisione in sezioni

Categoria:

Comprensione, controllo da parte dell'utente

Causa:

La pagina non contiene tag tipo H1-H2...-H6 per suddividere in sezioni il suo contenuto.

impattofrequenzagravità
22Serio

Le pagine analizzate non contengono strutturazione dei contenuti in sezioni mediante tag di tipo H1. La homepage ha una struttura piuttosto semplice e contenuto molto povero in termini di informazioni testuali da strutturare e quindi non necessita di suddivisione dei contenuti; al contrario le pagine relative alle rubriche contengono del testo logicamente appartenente a sezioni diverse ma suddiviso solamente in base alla sua posizione all'interno della tabella utilizzata a scopo di impaginazione. Tali sezioni logiche andrebbero implementate in modo concreto utilizzando i tag opportuni in modo da poter dare la possibilitàa gli utenti di lettori di schermo di listare tutti i titoli delle sezioni e saltare da uno all'altro in modo rapido all'interno della pagina.

Barriere non vedenti > Immagini come titoli

Categoria:

Comprensione

Causa:

La pagina contiene dei titoli di categoria (ad es. di un gruppo di link tra loro correlati, o di un gruppo di news) implementati mediante delle immagini che sono prive di attributo ALT.

impattofrequenzagravità
323

Le pagine, soprattutto per quanto riguarda le rubriche, fanno largo uso di immagini come titoli per le categorie dei contenuti e tutte queste immagini sono prive di alternativa testuale; il lettore di schermo non potrà pronunciare alcun testo intelligibile e l'utente perderà la contestualizzazione fornita dal titoletto che permette di comprendere la suddivisione in sezioni dei contenuti. Per risolvere il problema è necessario evitare di usare immagini per i titoletti di categorie o almeno aggiungere l'attributo ALT a ciascuna immagine con un valore che corrisponde al testo dipinto in pixel nell'immagine.

Barriere non vedenti > Mancanza di tasti rapidi

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene dei link o pulsanti o controlli di form che sono ricorrenti nelle pagine del sito e che non hanno alcun tasto rapido associato (con @ACCESSKEY).

impattofrequenzagravità
12Serio

Il sito non fornisce tasti rapidi associati a link o pulsanti che sono ricorrenti nelle varie pagine del sito. Questo è principalmente dovuto al fatto che la suddivisione in sezioni avviene principalmente attraverso il posizionamento dei contenuti all'interno di celle diverse della tabella utilizzata per l'impaginazione e quindi mancano i link che permettono di navigare in maniera più all'interno delle varie sezioni delle pagine. L'utente, che usa solo la tastiera, non può muoversi velocemente nella pagina da controllo a controllo. Deve sempre usare il tasto TAB e muoversi sequenzialmente per scorrere in maniera completa tutta la pagina; questo provoca una riduzione della flessibilità e di conseguenza della produttività.

Barriere non vedenti > Skip links

Categoria:

Controllo da parte dell'utente

Causa:

La pagina non permette di saltare direttamente al contenuto, evitando il materiale preliminare e ripetuto nelle pagine (logo, briciole di pane, pulsantiera globale).

impattofrequenzagravità
13Serio

Nessuna delle pagine analizzate presenta la possibilità di saltare direttamente al contenuto della pagina e l'utente non vedente di lettore di schermo è quindi sempre costretto durante la navigazione a sentirsi ripetere ogni volta il materiale preliminare (la barra di navigazione superiore che permette di navigare all'interno del portale Rai.it per la homepage, il logo, il banner pubblicitario, la lista dei link della barra di navigazione laterale) prima di poter accedere ai contenuti. Per rimediare bisogna aggiungere un link che permetta di saltare al nocciolo della pagina, Preferendo un link visibile a tutti; se ciò non fosse possibile implementare lo skip-links mediante un link nascosto (con display:none o con uno spaziatore trasparente dotato di ALT="salta al contenuto").

Barriere non vedenti > Pagina solo testo

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene un link che porta ad una pagina solo del contenuto testuale. Talvolta c'è modo di cambiare i colori e la dimensione del testo. Spesso però la pagina solo testo contiene meno materiale, meno link e minori possibilità di accedere ai contenuti del sito di quanto permetta la pagina grafica.

impattofrequenzagravità
--Nessuna

Il sito non da accesso a pagine che forniscono il contenuto equivalente in modalità solamente testuale.

Barriere non vedenti > Controlli del browser disabilitati

Categoria:

Controllo da parte dell'utente

Causa:

La pagina è stata aperta in una nuova finestra del browser dove i controlli tipici del browser non ci sono (back, next, refresh, ecc).

impattofrequenzagravità
11Minore

Le uniche pagine in cui i tipici controlli del browser sono disabilitati sono quelle in cui l'utente ha la possibilità di scegliere una puntata di una determinata rubrica dall'archivio delle stesse o quella in cui può visualizzare i video relativi alle puntate dei telegiornali regionali e delle notizie meteo di una determinata regione. Tali finestre sono una finestra popup temporanee; la loro struttura molto semplice (presenta solamente la lista di link rappresentante l'archivio oppure il video desiderato) e la loro funzionalità fanno in modo che l'utente non sia costretto a percorrere in lungo e in largo la pagina per capire come tornare indietro quindi in questi casi l'efficacia non viene notevolmente ridotta.

Vai alla sezione:

Barriere per Utenti ipovedenti

Barriere ipovedenti > Immagini ricche malposizionate

Categoria:

Percezione

Causa:

Layout della pagina subottimale perché la grafica non fa capire la presenza dell'immagine, che è portatrice di informazioni.

impattofrequenzagravità
23Critico

Per quanto riguarda la homepage, risultano presenti numerose immagini, considerabili necessarie alla funzionalità del sito ma il layout della pagina determina un corretto posizionamento delle stesse. Nelle pagine che descrivono il palinsesto e le varie redazioni, sono presenti immagini ma la struttura della pagina permette di capire chiaramente la loro disposizione all'interno della stessa. La barriera che determina il valore di criticità estremamente elevato è determinato dalla presenza, in tutte le pagine per le rubriche di approfondimento, di un immagine significativa, il logo che caratterizza la rubrica, posizionata centralmente senza allineamento alla altre componenti testuali e non della pagine, e in completa sovrapposizione al contenuto testuale che descrive il contenuto della rubrica. L'immagine copre quindi, senza possibilità di modificare la disposizione, una parte significativa del contenuto. La problematica risulta presente in tutte le pagine per le rubriche.

Esempio di barriera: immagine logo della rubrica sovrapposta al contenuto testuale

immagine logo della rubrica sovrapposta al contenuto testuale

Barriere ipovedenti > Immagini ricche incluse nello sfondo

Categoria:

Percezione

Causa:

Immagini latrici di informazioni incluse nello sfondo della pagina (tramite CSS) per le quali non è possibile specificare testo alternativo equivalente.

impattofrequenzagravità
--Nessuna

Vi è una sola immagine inclusa nel CSS come background utilizzata per l'elenco puntato orizzontale nella barra di navigazione nella parte superiore della pagina. Questa immagine non risulta significativa.

Barriere ipovedenti > Contrasto visivo insufficiente

Categoria:

Percezione

Causa:

La pagina contiene materiale in primo piano su qualche tipo di sfondo e i colori usati per dipingere gli uni e l'altro sono troppo poco contrastati. Lo sfondo in questione può essere un riquadro colorato con tinta uniforme, a gradiente, con qualche trama, con un'immagine. E il materiale di primo piano può consistere in testo o in immagini. Il livello di contrasto troppo basso può essere dovuto ad insufficiente differenza di luminosità, o a cattiva scelta delle diverse tonalità di colore. Talvolta il problema sorge solo quando il contenuto della pagina viene riposizionato (ad es. perché si è cambiata la dimensione del testo, o la geometria della finestra).

impattofrequenzagravità
23Critico

Escludendo l'homepage, tutte le altre pagine presentano problematiche rilevanti legate all'insufficienza di contrasto visivo. In particolare nelle pagine per le rubriche, la colonna a sinistra contenente la descrizione testuale della tipologia di argomenti trattati dall'approfondimento, utilizza dei colori per i caratteri e per lo sfondo tali da rendere molto difficile la distinzione delle parole stesse. Secondo l'algoritmo del W3C la luminosità risulta essere pari a 43/125 ed il contrasto pari a 154/500. Nelle tre pagine per la descrizione del palinsesto, della redazione e delle varie sedi del TGR, i colori scelti per lo sfondo e per il testo, determinano un valore di 108/125 per la luminosità e 318/500 per il contrasto, che seppur meno gravi del primo caso, determinano un incremento della difficoltà di percezione per utenti ipovedenti.

Esempio di barriera 1: contrasto insufficiente per le pagine delle rubriche

contrasto insufficiente per le pagine delle rubriche

Esempio di barriera 2: contrasto insufficiente per le pagine direzione, palinsesto e redazioni

contrasto insufficiente per le pagine direzione, palinsesto e redazioni

Barriere ipovedenti > Materiale in movimento

Categoria:

Percezione

Causa:

Immagini o testo in movimento (ad es. testo scorrevole, immagine animata).

impattofrequenzagravità
32Critico

In una pagina per le rubriche di approfondimento, in particolare per la rubrica Economia e lavoro, sono presenti dei link testuali in movimento posizionati sopra diverse immagini che fanno riferimento al contenuto raggiungibile dal link. Il movimento del link è realizzato mediante codice HTML in particolare con il marcatore MARQUEE:

<br>
<table align="center" background="http://www.rai.it/Contents/tgrrubriche/15800/eol1r.png" height="147" width="190">
<tbody><tr>
<td valign="middle">
<marquee valign="center" width="96%"> <span class="14"><a set="yes" linkindex="3" href="javascript:apripopup( 'http://www.rai.it/RAInet/common/articolo/raiRedirectVisualizzaArticolo? id_obj=1069153& canale= tgrrubriche&sezione=31');"><span class="14">energia eolica</span></a>
</span></marquee></td>
</tr>
</tbody></table>

La presenza di questo materiale in movimento è da cosiderarsi estremamente critica, sia per la difficoltà di percezione che determina, sia per il fatto che il testo scorrevole è un collegamento da poter e dover attivare per accedere al contenuto testuale relativo alla notizia riportata nella rubrica. Infine il link scorrevole è posizionato sopra un'immagine graficamente complessa che rende critica la visibilità del collegamento. Inoltre, nella homepage è presente un oggetto di tipo flash utilizzato come alternativa al form per la scelta della telegiornale fra le possibili regioni presenti. Il funzionamento dell'oggetto flash effettua un'ingradimento della cartina stilizzata dell'Italia per presentare in primo piano la regione selezionata. Considerando l'uso di un ingranditore di schermo, una seria problematica è dovuta al fatto che per tornare a visualizzare l'intera immagine dell'Italia è necessario attivare un controllo posto sulla parte inferiore dell'oggetto Flash. L'immagine in movimento comporta quindi alcune difficoltà determinate dal posizionamento poco visibile, in caso di uso di ingranditore di schermo, del controllo per ripristinare la situazione iniziale dell'oggetto Flash dove sono visibili le varie regioni e quindi le varie scelte.

Barriere ipovedenti > Immagini funzionali in sfondo

Categoria:

Utilizzazione

Causa:

La pagina contiene nello sfondo (ev. anche mediante regole CSS) delle immagini che nella pagina visualizzata assumono un ruolo funzionale. Ad es. corrispondono ad immagini cliccabili, a pulsanti, a etichette di controlli di form o a etichette di categorie di contenuti.

impattofrequenzagravità
--Nessuna

Sono presenti poche immagine incluse nello sfondo che risultano avere il ruolo cornice grafica, generalmente lineare, per alcune sezioni della homepage e delle rubriche di approfondimento. Non risultano quindi avere un ruolo funzionale nel sito e non determinano la presenza di barriere nelle pagine.

Barriere ipovedenti > Immagini funzionali prive di testo

Categoria:

Utilizzazione

Causa:

La pagina contiene delle immagini funzionali (link cliccabili, pulsanti di invio per form, mappe immagine) prive di testo alternativo. Analogamente per pulsanti in Flash.

impattofrequenzagravità
32Critico

La homepage, che risulta essere la pagina che organizza la navigazione nel sito attraverso i link a tutte le altre pagine, presenta, con una gravità critica, la barriera in analisi. In particolare, la scelta implementativa dei realizzatori del sito, è stata quella di realizzare la maggior parte dei link con immagini e oggetti Flash. Sia i collegamenti alle varie rubriche di approfondimento, sia i link alle sezioni del sito per il palinsesto, le redazioni regionali, e la direzione del TGR sono realizzati attraverso testo ma sotto forma di immagine. Per raggiungere i filmati video sono presenti due alternative: due menù a comparsa e l'oggetto Flash con la cartina dell'Italia divisa in regioni. Nessuna di queste componenti del sito, né le immagini né l'oggetto Flash risultano avere un testo alternativo che faciliti la comprensione e l'utilizzazione di queste importanti componenti del sito. Anche nelle pagine per le varie rubriche vista la presenza della stessa barra di navigazione per il palinsesto, le redazioni regionali e la direzione del TGR, risulta presente la barriera in analisi. Inoltre in queste pagine, i titoli delle varie sezioni sono realizzati attraverso immagini così come i link alle altre rubriche di approfondimento. Risulta infine presente anche un'immagine sensibile mappata per attivare diversi link. Queste immagini, presenti nelle varie rubriche non risultano avere alternativa testuale che permetta un più facile utilizzo del sito da parte di utenti ipovedenti. Per evitare il presentarsi di questa barriera si posso realizzare i link come righe di testo modificando la presentazione grafica mediante i fogli di stile, e in generale fornire le immagini nelle varie pagine di una alternativa testuale significativa.

Esempio di barriera : homepage con evidenziate da un contorno le immagini prive di alternativa testuale.

esempio barriera: homepage con evidenziate da un contorno le immagini prive di alternativa testuale.

Barriere ipovedenti > Menù dinamici in JavaScript

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice JavaScript che, non appena l'utente posiziona il focus dell'interazione su un elemento, viene aperto un menù in una determinata zona della pagina.

impattofrequenzagravità
12Minore

Risulta presente un menù dinamico realizzato mediante linguaggio JavaScript nella barra di navigazione orizzontale sotto il logo del TGR in particolare alla voce La TGR. Cliccando sopra questa voce compare un piccolo menù con due voci che si sovrappone completamente alla voce La TGR che ha attivato il menù. Quindi, anche se il menù non risulta attivabile senza JavaScript, il posizionamento del menù con due voci di scelta, è realizzato in modo tale da sostituirsi al controllo che lo ha attivato e questo garantisce sostanzialmente che l'utente non debba spostare il focus dell'interazione. Questo menù dinamico risulta presente in tutte le pagine del sito tranne le rubriche di approfondimento.

Esempio di barriera : menù dinamico non attivato in JavaScript per la voce La TGR

esempio barriera: menù dinamico non attivato in JavaScript per la voce La TGR

Esempio di barriera : menù dinamico attivato in JavaScript per la voce La TGR

esempio barriera: menù dinamico attivato in JavaScript per la voce La TGR

Barriere ipovedenti > Mancanza di link interni

Categoria:

Utilizzazione, Controllo da parte dell'utente

Causa:

La pagina, relativamente complessa e ricca di contenuto che spesso non viene tutto visualizzato insieme, manca di link interni alla pagina che permettano all'utente di saltare di sezione in sezione, o di ritornare in testa alla pagina.

impattofrequenzagravità
11Minore

La homepage risulta sostanzialmente una pagina compatta, pensata per essere visualizzata, anche considerando l'uso di un ingranditore di schermo, senza effettuare rilevanti spostamenti fra le sezioni. Diversa invece la situazione per le pagine palinsesto, redazioni regionali e in misura minore per le rubriche di approfondimento. In queste pagine infatti, l'ampio contenuto informativo rende necessario scorrere la pagina in lunghezza per poter visualizzare, con un ingranditore di schermo, tutto il contenuto testuale e visivo. In queste pagine risulterebbe necessario introdurre dei collegamenti per un rapido spostamento alla parte superiore della pagina dove sono presenti i link per la navigazione all'interno del sito. Le sezioni in cui è diviso il contenuto delle pagine per le rubriche, sono allineate verticalmente realizzando tre colonne di contenuto testuale che risultano quindi sempre visibili contemporaneamente. Non risulta, quindi, necessario introdurre dei link per queste parti, vista la loro disposizione nelle pagine.

Barriere ipovedenti > Righe di testo lunghe

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene righe di testo troppo lunghe rispetto al campo visivo.

impattofrequenzagravità
--Nessuna

Nelle pagine per le rubriche di approfondimento non sono presenti lunghe righe di testo vista la disposizione a strette colonne allineate verticalmente con cui è strutturato il contenuto testuale. Nella pagina che presenta il palinsesto della programmazione televisiva del telegiornale, il contenuto testuale è disposto nella pagina in un unica ampia sezione. Non risulta esservi la possibilità di ridurre la larghezza della stessa ridimensionando la finestra vista la staticità del layout con cui la pagina è strutturata. Risulta però efficace l'ingrandimento della dimensione dei caratteri che determina la riduzione della lunghezza delle righe di testo.

Barriere ipovedenti > Troppi link

Categoria:

Comprensione, Controllo da parte dell'utente

Causa:

Troppi link nella pagina, talvolta non bene organizzati in gruppi.

impattofrequenzagravità
21Serio

La pagina che presenta il maggior numero di link è la homepage. Da questa pagina è infatti possibile navigare verso le restanti pagine del sito. I link presenti, anche se numerosi, sono però strutturati correttamente. I collegamenti alle rubriche sono raggruppati in una sezione nella parte posizionata a sinistra nella pagina mentre i link esterni al sito e quelli relativi alle redazioni regionali e al palinsesto sono raggruppati in due separate barre di navigazione orizzontali. Nelle altre pagine i link risultano essere poco numerosi evitando quindi difficoltà di utilizzo da parte di utenti ipovedenti.

Esempio positivo : link organizzati in sezioni e barre di navigazione per la homepage

esempio barriera: link organizzati in sezionie barre di navigazione per la homepage

Barriere ipovedenti > Form con redirect

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form in cui alcuni controlli (campi o menù a tendina implementati con SELECT), una volta che vengono utilizzati, causano un submit al server il quale spedisce una nuova pagina al browser. Questo comportamento è basato su gestori di eventi JavaScript.

impattofrequenzagravità
--Nessuna

Sono presenti due menù per la scelta del filmato video del telegiornale o del meteo per ciascuna specifica regione. L'attivazione delle voci dei menù non determina però dei cambiamenti o modifiche alla pagina che contiene il menù, ne cambiamenti del focus all'interno della stessa pagina ma attiva l'apertura di una nuova finestra per la fruizione del video scelto. La barriera non risulta quindi presente.

Barriere ipovedenti > Form ampie

Categoria:

Utilizzazione

Causa:

La pagina contiene una form i cui controlli sono sparsi in un'ampia area della pagina e disposti su più di una colonna.

impattofrequenzagravità
--Nessuna

Non sono presenti form ampie. Gli unici due controlli sono posizionati centralmente e vicini fra loro.

Barriere ipovedenti > Finestre sovrapposte

Categoria:

Utilizzazione

Causa:

La pagina contiene codice (HTML o JavaScript) che apre nuove finestre che si sovrappongono totalmente o quasi del tutto con la finestra usata sino a quel momento.

impattofrequenzagravità
33Critico

Nel sito del TGR sono presenti diverse situazioni in cui l'attivazione di un link o di un controllo determina l'apertura di una nuova finestra. Nella homepage, sia dall'oggetto Flash, sia dai menù di scelta è possibili accedere ai filmati video del telegiornale e del meteo selezionando la regione specifica. L'attivazione di uno di questi controlli determina l'apertura di una nuova finestra utilizzata per la fruizione del filmato audiovisivo. La nuova pagina risulta generalmente sovrapposta alla precedente. Anche nelle pagine per le rubriche di approfondimento è presente un link per accedere all'archivio delle varie puntate della specifica rubrica. Questa finestra, seppur di ridotte dimensioni risulta sovrapposta al contenuto testuale della pagina che ha generato l'apertura della nuova finestra. Infine, alcune pagine sempre delle rubriche permettono di accedere rapidamente al contenuto testuale dell'ultima puntata andata in onda e questo è realizzato mediante l'apertura di una nuova finestra simile alla precedente come impostazione grafica e struttura rendendo difficoltoso per un utente ipovedente, oltre che il passaggio di focus fra le finestra, anche il riconoscimento stesso della nuova pagina. Per evitare la presenza di questa barriera dovrebbe essere evitata l'apertura di nuove finestre permettendo ad esempio di fruire dei video direttamente nella pagina a cui fanno riferimento o di scegliere fra le puntate d'archivio direttamente mediante un menù di scelta invece di aprire una nuova finestra.

Esempio barriera 1: Per accedere all'archivio delle puntate precedenti, viene aperta una nuova finestra, con un menù di scelta per selezionare la data specifica

esempio barriera 1: per accedere all'archivio delle puntate precedenti, viene aperta una nuova finestra, con un menù di scelta per selezionare la data specifica

Esempio barriera 2: per accedere ai video dei telegiornali o del meteo regionale viene aperta una nuova finestra in sovrapposizione alla precedente

Esempio barriera 2: per accedere ai video dei telegiornali o del meteo regionale viene aperta una nuova finestra in sovrapposizione alla precedente

Barriere ipovedenti > Temporizzazioni troppo brevi

Categoria:

Utilizzazione

Causa:

Il comportamento del server è di causare un refresh della pagina, magari con modifica del contenuto, senza che ci sia stato un qualche evento causato dall'utente per attivare tale comportamento.

impattofrequenzagravità
--Nessuna

Non è previsto, per le pagine del sito, variazioni o comportamenti dipendenti da temporizzazioni.

Barriere ipovedenti > Immagini come titoli

Categoria:

Comprensione

Causa:

La pagina contiene dei titoli di categoria (ad es. di un gruppo di link tra loro correlati, o di un gruppo di news) implementati mediante delle immagini che sono prive di attributo ALT.

impattofrequenzagravità
23Critico

Tutti i titoli delle varie pagine per le rubriche di approfondimento sono realizzati mediante immagini prive di alternativa testuale. Inoltre, nelle stesse pagine, anche le sezioni in cui è suddiviso il contenuto testuale di ciascuna specifica rubrica ha un titoletto realizzato sempre attraverso un'immagine. Questo determina l'impossibilità di usufruire delle funzionalità dei browser per ingrandire la dimensione dei caratteri e rende necessario, ad un utente ipovedente, l'uso di un ingranditore di schermo.

Esempio barriera: i titoli delle varie rubriche e delle sezioni con il contenuto testuale sono realizzati mediante immagini.

Esempio barriera:i titoli delle varie rubriche e delle sezioni con il contenuto testuale sono realizzati mediante immagini.

Barriere ipovedenti > Mancanza di tasti rapidi

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene dei link o pulsanti o controlli di form che sono ricorrenti nelle pagine del sito e che non hanno alcun tasto rapido associato (con @ACCESSKEY).

impattofrequenzagravità
11Minore

La homepage è sostanzialmente strutturata per essere visualizzata senza dover effettuare scorrimenti, considerando però l'utilizzo del sito da parte di un utente ipovedente che usi un ingranditore di schermo, risulta essere necessario introdurre dei tasti rapidi per posizionare più rapidamente il focus dell'interazione. In ogni caso la quantità di tasti rapidi da aggiungere è da considerarsi limitata in quanto, sempre considerando l'homepage, le sezioni importanti in cui spostarsi rapidamente sono le due barre di navigazioni orizzontali e la sezione con i collegamenti alle rubriche. Nelle pagine per le rubriche di approfondimento vi sono poche componenti della pagina attivabili su cui quindi poter posizionare rapidamente il focus dell'interazione. Risulterebbe comunque efficace introdurre due tasti rapidi per accedere, rispettivamente all'immagine mappata per accedere all'archivio e alla sezione con i link alle altre rubriche.

Barriere ipovedenti > Testo non ridimensionabile

Categoria:

Controllo da parte dell'utente.

Causa:

La pagina contiene del testo per il quale sono state usate delle modalità di presentazione tali per cui non può essere ridimensionato. Ad es. unità di misura assolute del CSS (px, pt, cm) o tag deprecati come FONT/@SIZE.

impattofrequenzagravità
32Critico

I testi presenti nelle varie pagine risultano ridimensionabili attraverso le funzioni predefinite del browser. In tutte le pagine, ed in particolare nella homepage, è però presente del testo sotto forma di immagine. Questo determina l'impossibilità di modificare la dimensione dei caratteri e rende necessario ad un utente ipovedente l'uso di un ingranditore di schermo. Anche nelle pagine per le rubriche di approfondimento sono presenti testi sotto forma di immagine non ridimensionabili in particolare per i titoli delle rubriche stesse e per i titoletti delle sezioni in cui è suddiviso il contenuto testuale.

Esempio di barriera : homepage con evidenziati da un contorno i testi sotto forma di immagine comunque privi di alternativa testuale.

esempio barriera: homepage con evidenziati da un contorno i testi sotto forma di immagine comunque privi di alternativa testuale

Barriere ipovedenti > Layout non ridimensionabile

Categoria:

Controllo da parte dell'utente.

Causa:

La pagina ha una struttura di impaginazione non fluida, che non permette di modificare le dimensioni della finestra o quelle del testo senza compromettere la comprensibilità e fruibilità del contenuto. Talvolta la pagina lascia inutilizzata una grossa proporzione dello schermo.

impattofrequenzagravità
33Critico

Nessuna delle pagine che nel loro insieme costituisco il sito del TG Regionale presenta un layout liquido. Anche ridimensionando le rispettive finestre o variando la grandezza del testo, non avvengono modifiche nella struttura per la presentazione grafica e per l'organizzazione delle componenti delle pagine. Il layout è infatti implementato mediante tabelle con dimensioni assolute e non relative e, nel caso di ridimensionamento della finestra, il contenuto delle pagine rimane fruibile solo mediante l'uso delle barre di scorrimento verticale ed orizzontale. Considerando, inoltre, il contemporaneo uso di un ingranditore di schermo capace di ingrandire una zona della pagina, la piena accessibilità ai contenuti del sito può risultare compromessa. Per evitare il presentarsi di questa barriera è necessario, se possibile, non utilizzare tabelle per l'impaginazione e comunque, per qualsiasi scelta strutturale adottata, usare misure relative (ie. EM,%,...) per garantire un layout liquido per la presentazione delle pagine.

Barriere ipovedenti > Skip links

Categoria:

Controllo da parte dell'utente.

Causa:

La pagina non permette di saltare direttamente al contenuto, evitando il materiale preliminare e ripetuto nelle pagine (logo, briciole di pane, pulsantiera globale).

impattofrequenzagravità
22Serio

Escludendo le rubriche di approfondimento tutte le restanti pagine presentano nella parte superiore e, quindi iniziale, del layout per la presentazione, due barre di navigazione orizzontali, per i link rispettivamente esterni ed interni al sito e posizionato fra questi il logo del TG Regionale ed il banner pubblicitario. Per poter saltare direttamente al contenuto delle varie pagine, risulta essere necessario introdurre dei collegamenti, meglio se visibili, per permettere all'utente ipovedente di posizionare rapidamente il focus dell'interazione saltando direttamente al contenuto vero e proprio della pagina.

Esempio barriera: la pagina presenta nella parte iniziale due barre di navigazione orizzontali e il logo evitabile se presente uno skip link

esempio barriera: la pagina presenta nella parte iniziale due barre di navigazione orizzontali e il logo evitabile se presente uno skip link

Barriere ipovedenti > Controlli del browser disabilitati

Categoria:

Controllo da parte dell'utente.

Causa:

La pagina è stata aperta in una nuova finestra del browser dove i controlli tipici del browser non ci sono (back, next, refresh, ecc).

impattofrequenzagravità
21Serio

In due differenti casi avviene l'apertura di nuove finestre che non presentano i controlli del browser. il primo caso riguarda la homepage, in particolare nella fruizione dei filmati video per il telegiornale e per il meteo per una specifica regione. In questo caso la nuova finestra, insieme al contenuto multimediale presenta i link alle altre edizioni regionali ma, oltre ad avere i controlli del browser disabilitati, non sono presenti collegamenti per tornare indietro o chiudere la pagina. Anche nelle varie pagine per le rubriche di approfondimento è presente un collegamento che permette di accedere ad un menù di scelta per le puntate d'archivio. Questo link determina l'apertura di una nuova finestra di dimensioni ridotte per accedere alle varie puntate. La finestra ha i controlli del browser disabilitati ma la barriera che questa condizione determina è in parte attenuata dalla chiusura automatica della finestra all'avvenuta selezione della puntata d'archivio.

Esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

Vai alla sezione:

Barriere per Utenti non udenti

Categoria di utenti: Persone non udenti o con gravi difetti di udito. La categoria potrebbe includere anche utenti costretti ad usare il sito in situazioni in cui l'audio non può essere sentito (ad es. in una sala lettura, durante una conferenza).

Barriere non udenti > Mancano didascalie per l'audio

Categoria:

Percezione

Causa:

Un file multimediale con una voce narrante privo di sottotitoli, didascalie e di una trascrizione completa del testo narrato.

impattofrequenzagravità
33Critico

Uno dei servizi fruibili attraverso il sito del TG Regionale è la possibilità, per ciascuna specifica regione d'Italia, di accedere ai filmati video sia della puntata del telegiornale andata in onda sia del meteo. Tutti i video sopra descritti non presentano però sottotitoli, didascalie o trascrizioni del testo narrato. In questo modo un utente non udente non ha possibilità di percepire in modo chiaro e completo i contenuti del sito che hanno appunto come unica tipologia mediatica l'utilizzo di filmati audiovisivi. Per evitare il presentarsi di questa barriera, è necessario fornire o in modo sincronizzato o fornendo una pagina alternativa, un equivalente testuale al contenuto video.

Barriere non udenti > Manca sincronizzazione

Categoria:

Percezione. Controllo da parte dell'utente

Causa:

Un file multimediale, sia video che audio, non contiene né è associato a testo equivalente sincronizzato alle scene video.

impattofrequenzagravità
33Critico

Nessun video accessibile mediante il sito, presenta un testo associato sincronizzato con le scene video. Per evitare il presentarsi di questa barriera, è necessario fornire in modo sincronizzato un equivalente testuale al contenuto video.

Barriere per utenti disabili cognitivi

Barriere disabili cognitivi > Mancanza di didascalie del video

Categoria:

Percezione

Causa:

Un file multimediale con un video o un'animazione è privo di descrizione testuale delle scene.

impattofrequenzagravità
33Critico

La natura informativa del sito prevede che gli utenti che fruiscono dei contenuti possano vedere i video relativi alle varie edizioni dei telegiornali regionali e alle varie puntate delle informazioni meteo. Nessun video fornisce una alternativa testuale o una descrizione lunga di ciò che accade e che si vede/sente nelle scene. Gli utenti con problemi cognitivi non hanno dunque la possibilità di fruire dei contenuti alla velocità a loro più consona oppure di comprendere meglio il significato dei contenuti fruendo di versioni testuali equivalenti. Per permettere anche agli utenti disabili cognitivi una fruizione completa dei contenuti mutlimediali è necessario arricchire tali contenuti con descrizioni testuali sincronizzate con le scene video o di descrizioni testuali alternative equivalenti.

Barriere disabili cognitivi > Link generici

Categoria:

Utilizzazione

Causa:

La pagina contiene dei link con etichette poco informative (ad es. "clicca qui", "dettagli", "di più").

impattofrequenzagravità
--Nessuna

Le pagine non contengono link generici; qualche etichetta di collegamento ipertestuale potrebbe essere leggermente più informativa, ad esempio l'etichetta Archivio potrebbe specificare in maniera esplicita la rubrica alla quale fa riferimento. Comunque tale informazione è chiara ed il link sembra essere facilmente contestualizzabile e quindi non creare problemi all'utente.

Barriere disabili cognitivi > Link ambigui

Categoria:

Utilizzazione

Causa:

La pagina contiene dei link con etichette ambigue (ad es. "clicca qui", "dettagli", "di più" ripetuti più volte).

impattofrequenzagravità
--Nessuna

Le pagine non contengono link ambigui, cioè link con etichette poco informative ripetuti più volte all'interno della stessa pagina.

Barriere disabili cognitivi > Mancanza di link interni

Categoria:

Utilizzazione, controllo da parte dell'utente

Causa:

La pagina, relativamente complessa e ricca di contenuto che spesso non viene tutto visualizzato insieme, manca di link interni alla pagina che permettano all'utente di saltare di sezione in sezione, o di ritornare in testa alla pagina.

impattofrequenzagravità
12Minore

Le pagine analizzate non contengono strutturazione dei contenuti in sezioni e quindi nemmeno collegamenti interni che facilitino la navigazione. La homepage ha una struttura piuttosto semplice e contenuto molto povero in termini di informazioni testuali da strutturare e quindi non necessita di tali collegamenti; al contrario le pagine relative alle rubriche contengono del testo logicamente appartenente a sezioni diverse ma suddiviso solamente in base alla sua posizione all'interno della tabella utilizzata a scopo di impaginazione. Tali sezioni logiche andrebbero implementate in modo concreto utilizzando i tag opportuni ed opportuni collegamenti tra le sezioni in modo da poter dare la possibilità agli utenti con disabilità cognitive di saltare da uno all'altro in modo rapido all'interno della pagina facilitando la fruizione.

Barriere disabili cognitivi > Assenza di icone

Categoria:

Comprensione

Causa:

La pagina manca di icone associate ai link o alle parti importanti e ricorrenti della pagina. La pagina può anche avere pochi colori che aiuterebbero a distinguere le diverse parti di cui essa si compone. Le pagine "solo testo" normalmente hanno questo difetto.

impattofrequenzagravità
23Critico

La homepage presenta a fianco dei link un rombo di colore verde che aiuta nella comprensione che le etichette che seguono tale icona sono dei link; il significato non è molto chiaro, ma la presenza denota il fatto che quelle etichette hanno una qualche particolarità che le accomuna.

Esempio di icona posta a fianco dei link nella homepage

Le pagine delle rubriche del telegiornale regionale non mantengono lo stesso layout della homepage e non ripropongono le stesse icone per i link. Alcuni di questi link sono implementati attraverso del testo cliccabile; non sempre si può intuire che il testo è in realtà l'etichetta di un collegamento ipertestuale in quanto non sempre tale testo appare sottolineato o di un colore diverso da quello di default. Altri link sono implementati attraverso immagini sensibili; il bordo di tali immagini dovrebbe aiutare nella comprensione della funzionalità, ma il bordo è sempre molto poco evidente. Queste pagine, inoltre, hanno anche una suddivisione dei contenuti attraverso l'uso del colore ma le scelte di presentazione, piuttosto che aiutare nella discriminazione dei contenuti, li rendono poco chiari e di difficile lettura per le scarse differenze di luminosità e contrasto utilizzate.

Barriere disabili cognitivi > Testo complesso

Categoria:

Comprensione

Causa:

La pagina contiene del testo che è complesso da leggere per via della struttura delle frasi, per via dei termini difficili usati, per via delle frequenti abbreviazioni ed acronimi, o perché lungo e male strutturato, o per i frequenti errori ortografici.

impattofrequenzagravità
--Nessuna

I testi proposti nelle pagine analizzate non sono complessi. Le frasi sono sempre brevi e comprensibili; non vengono utilizzati termini molto complessi o frequenti abbreviazioni.

Barriere disabili cognitivi > Sito complesso

Categoria:

Comprensione

Causa:

Il sito è organizzato in maniera complessa, probabilmente a causa della ricchezza degli argomenti trattati.

impattofrequenzagravità
22Serio

Il sito non ha una struttura molto complessa ma la scarsa categorizzazione dei contenuti delle rubriche e il fatto che la maggior parte dei contenuti possa essere fruita attraverso l'apertura di pagine in nuove finestre di siti diversi (comunque sempre appartenenti al dominio Rai.it), può provocare delle difficoltà nell'utilizzo del sito stesso ad utenti con disabilità cognitive. L'assenza di briciole di pane rende difficoltosa la contestualizzazione del contenuto della pagina rispetto alla struttura del sito. L'utente potrebbe avere delle difficoltà nel comprendere il materiale proposto e nella navigazione con una conseguente diminuzione di efficacia e produttività. Per rimediare a questo problema bisogna strutturare meglio i contenuti del sito fornendo una migliore categorizzazione, soprattutto per quanto riguarda le pagine delle varie rubriche. Inoltre sarebbe opportuno fornire il sito di breadcrumbs non ambigue e informative per facilitare la contestualizzazione dei contenuti.

Barriere disabili cognitivi > Troppi link

Categoria:

Comprensione, Controllo da parte dell'utente

Causa:

Troppi link nella pagina, talvolta non bene organizzati in gruppi.

impattofrequenzagravità
23Critico

Tutte le pagine analizzate presentano molti link; tali collegamenti ipertestuali sono organizzati in modo chiaro solamente nella homepage. Nelle pagine relative alle rubriche alcuni collegamenti sono poco evidenti in quanto non si differenziano dal testo non cliccabile oppure sono forniti tramite immagini cliccabili la cui funzionalità non è immediatamente evidente. Gli utenti con disabilità cognitive sono costretti ad uno sforzo di lettura e memorizzazione dei vari link prima di poter decidere e scegliere il più rilevante ed il problema è aumentato dall'assenza di icone e dalla scarsa categorizzazione che influenza la produttività e la soddisfazione; anche l'efficacia ne viene compromessa dato che l'utente potrebbe stancarsi e rischia di confondersi e quindi di commettere più errori e la sua motivazione nell'usare il sito si riduce.

Barriere disabili cognitivi > Campi di testo

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form che hanno dei campi di testo privi di esempi.

impattofrequenzagravità
11Minore

Le pagine non contengono form da compilare ma solamente, per quanto riguarda la homepage, un campo di testo sulla barra orizzontatale di navigazione in cima alle stesse che serve per effettuare le ricerche all'interno del portale Rai.it. Tale campo di testo non contiene testo editabile che aiuti a comprendere che tale funzionalità di ricerca è disponibile. La barriera non è grave in quanto gli errori di compilazione di questo singolo campo di testo per la ricerca non hanno conseguenze negative e la ricerca viene utilizzata poco frequentemente.

Barriere disabili cognitivi > Nuove finestre

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice (HTML o JavaScript) che apre nuove finestre quando l'utente attiva dei link o pulsanti.

impattofrequenzagravità
22Serio

Il sito apre alcuni dei collegamenti in nuove finestre, ad esempio quando si vuole consultare l'archivio delle rubriche per la visualizzazione di vecchie puntate trasmesse (finestra pop-up) ma anche quando si vogliono visualizzare i video dei servizi del telegiornale regionale di una specifica regione oppure il servizio del meteo relativo sempre ad una particolare regione da selezionare precedentemente. L'utente potrebbe non accorgersi del cambiamento di contesto e quindi del conseguente cambiamento dello stile di interazione e questo riduce l'efficacia dell'utilizzo del sito stesso. Evitare di aprire nuove finestre è una regola che si dovrebbe sempre seguire in generale. Se l'apertura di nuove pagine dev'essere per qualche motivo effettuata all'interno di nuove finestre del browser, bisogna fare in modo che sia chiaro all'utente che si tratta di una nuova finestra, quali sono le nuove modalità e possibilità di interazione e in che modo è possibile chiudere la finestra stessa.

Barriere disabili cognitivi > Temporizzazioni troppo brevi

Categoria:

Utilizzazione

Causa:

Il comportamento del server è di causare un refresh della pagina, magari con modifica del contenuto, senza che ci sia stato un qualche evento causato dall'utente per attivare tale comportamento.

impattofrequenzagravità
--Nessuna

Il sito non prevede temporizzazioni.

Barriere disabili cognitivi > Suddivisione in sezioni

Categoria:

Comprensione, controllo da parte dell'utente

Causa:

La pagina non contiene tag tipo H1-H2...-H6 per suddividere in sezioni il suo contenuto.

impattofrequenzagravità
12Minore

Le pagine analizzate non contengono strutturazione dei contenuti in sezioni mediante tag appositi. La homepage ha una struttura piuttosto semplice e contenuto molto povero in termini di informazioni testuali da strutturare e quindi non necessita di suddivisione dei contenuti; al contrario le pagine relative alle rubriche contengono del testo logicamente appartenente a sezioni diverse ma suddiviso solamente in base alla sua posizione all'interno della tabella utilizzata a scopo di impaginazione. Tali sezioni logiche andrebbero implementate in modo concreto utilizzando i tag opportuni ma si mantengono comunque identificabili attraverso dei titoletti che permettono di distinguere tra loro le varie parti della pagina.

Barriere disabili cognitivi > Pagina solo testo

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene un link che porta ad una pagina solo del contenuto testuale. Talvolta c'è modo di cambiare i colori e la dimensione del testo. Spesso però la pagina solo testo contiene meno materiale, meno link e minori possibilità di accedere ai contenuti del sito di quanto permetta la pagina grafica.

impattofrequenzagravità
--Nessuna

Il sito non da accesso a pagine che forniscono il contenuto equivalente in modalità solamente testuale.

Vai alla sezione:

Barriere per Utenti Daltonici

Categoria di utenti: Persone daltoniche (che non usano alcuna tecnologia assistiva).La categoria potrebbe includere anche utenti che usano dispositivi dotati di schermi a bassa qualità, o monocromatici.

Barriere daltonici > Colore essenziale

Categoria:

Percezione

Causa:

La presenza di materiale (testo, immagini, sfondi, filmati) dove il colore viene usato come unico modo per distinguere due o più informazioni diverse. Ad es. righe in una tabella con dati di bilancio dove i valori positivi sono in nero e quelli negativi in rosso (senza il segno "-"). Un esempio comune è l'uso del solo colore per distinguere i link già percorsi.

impattofrequenzagravità
--Nessuna

Il colore non è utilizzato, nelle varie pagine del sito, in modo essenziale o tale da risultare fondamentale per la distinzione fra i contenuti informativi o fra i controlli. Questo, in particolare per il colore di link, è determinato dal fatto che i collegamenti sono realizzati mediante immagini e non attraverso del testo. Il colore non essendo quindi utilizzato, non risulta essenziale.

Barriere daltonici > Contrasto visivo insufficiente

Categoria:

Percezione

Causa:

La pagina contiene materiale in primo piano su qualche tipo di sfondo e i colori usati per dipingere gli uni e l'altro sono troppo poco contrastati. Lo sfondo in questione può essere un riquadro colorato con tinta uniforme, a gradiente, con qualche trama, con un'immagine. E il materiale di primo piano può consistere in testo o in immagini. Il livello di contrasto troppo basso può essere dovuto ad insufficiente differenza di luminosità, o a cattiva scelta delle diverse tonalità di colore. Talvolta il problema sorge solo quando il contenuto della pagina viene riposizionato (ad es. perché si è cambiata la dimensione del testo, o la geometria della finestra).

impattofrequenzagravità
22Serio

Principalmente nelle pagine per le rubriche sono state effettuate delle scelte grafiche che, per un utente daltonico (ma non solo), determinano la presenza della barriera legata al contrasto visivo. Infatti la scelta del colore di sfondo e dei caratteri per il contenuto testuale nella colonna a sinistra della pagina è tale da rendere difficoltosa la percezione del contenuto stesso. Per evitare questa barriera devono essere effettuate diverse scelte grafiche, in particolare per le sezioni con contenuto testuale o fornire, attraverso un foglio di stile, la possibilità di passare ad una presentazione grafica della stessa pagina ad alto contrasto

Esempio di barriera 1: contenuto testuale nelle rubriche

esempio 1 contrasto insufficiente titolo sezioni: visione normale

Contenuto testuale nelle rubriche: visione normale.

esempio 1 contrasto insufficiente contenuto testuale nelle rubriche: visione daltonica - protanopia.

Contenuto testuale nelle rubriche: visione daltonica - protanopia.

esempio 1 contrasto insufficiente contenuto testuale nelle rubriche: visione daltonica - deutanopia

Contenuto testuale nelle rubriche: visione daltonica - deutanopia.

esempio 1 contrasto insufficiente contenuto testuale nelle rubriche: visione daltonica - tritanopia

Contenuto testuale nelle rubriche: visione daltonica - tritanopia.

Vai alla sezione:

Barriere per Utenti disabili motori

Categoria di utenti: Persone con menomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agilità delle dita e delle mani. La categoria potrebbe includere persone solo temporaneamente disabili (ad es. con il braccio in gesso), oppure persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi).

Barriere disabili motori > Menù a cascata

Categoria:

Utilizzazione

Causa:

La pagina contiene dei menù a cascata (implementati con delle SELECT annidate o mediante codice JavaScript).

impattofrequenzagravità
--Nessuna

Nessuna pagina non contiene menù a cascata.

Barriere disabili motori > Eventi mouse

Categoria:

Utilizzazione

Causa:

La pagina si basa su codice JavaScript per ottenere determinati effetti. Le routine vengono invocate mediante gestori di eventi legati al mouse (es. "onclick", "onmouseover", "onmouseout", ...).

impattofrequenzagravità
21Serio

Una delle voci presenti nella barra di navigazione orizzontale per i collegamenti interni al sito del TG Regionale, in particolare la voce La TGR prevede, al passaggio del mouse sopra di essa, l'apertura di un menù con due possibili scelte per accedere alle pagine rispettivamente per le redazioni e per la direzione. Quando il mouse si riposiziona fuori dalla voce La TGR, il menù viene nascosto. Non essendovi altra alternativa per accedere alle due pagine presenti nelle scelte del menù a comparsa, un utente con disabilità motorie che utilizzi principalmente la tastiera, non ha possibilità di superare questa barriera. Per evitare questa problematica o si inseriscono i due link nella barra di navigazione o si garantisce che l'evento che determina l'apertura del menù sia gestito in modo logico e non legato al dispositivo mouse.

Esempio di barriera : menù gestito con eventi mouse per la voce La TGR - disattivo

esempio barriera: menù gestito con eventi mouse per la voce La TGR - disattivo

Esempio di barriera : menù gestito con eventi mouse per la voce La TGR - attivo

esempio barriera: menù gestito con eventi mouse per la voce La TGR - attivo

Barriere disabili motori > Mancanza di link interni

Categoria:

Utilizzazione, controllo da parte dell'utente

Causa:

La pagina, relativamente complessa e ricca di contenuto che spesso non viene tutto visualizzato insieme, manca di link interni alla pagina che permettano all'utente di saltare di sezione in sezione, o di ritornare in testa alla pagina.

impattofrequenzagravità
11Minore

La homepage risulta sostanzialmente una pagina compatta, pensata per essere visualizzata, senza effettuare rilevanti spostamenti fra le sezioni. Diversa invece la situazione per le pagine palinsesto, redazioni regionali e in misura minore per le rubriche di approfondimento. In queste pagine infatti, l'ampio contenuto informativo rende necessario scorrere la pagina in lunghezza per poter visualizzare tutto il contenuto testuale e visivo. In queste pagine risulterebbe necessario introdurre dei collegamenti per un rapido spostamento alla parte superiore della pagina dove sono presenti i link per la navigazione all'interno del sito. Le sezioni in cui è diviso il contenuto delle pagine per le rubriche, sono allineate verticalmente realizzando tre colonne di contenuto testuale che risultano quindi sempre visibili contemporaneamente. Non risulta, quindi, necessario introdurre dei link per queste parti, vista la loro disposizione nelle pagine.

Barriere disabili motori > Troppi Link

Categoria:

Comprensione, Controllo da parte dell'utente

Causa:

Troppi link nella pagina, talvolta non bene organizzati in gruppi.

impattofrequenzagravità
--Nessuna

La pagina che presenta il maggior numero di link è la homepage. Da questa pagina è infatti possibile navigare verso le restanti pagine del sito. I link presenti, anche se numerosi, sono però strutturati correttamente. I collegamenti alle rubriche sono raggruppati in una sezione nella parte posizionata a sinistra nella pagina mentre i link esterni al sito e quelli relativi alle redazioni regionali e al palinsesto sono raggruppati in due separate barre di navigazione orizzontali. Per accedere ai vari link non risulta essere necessario scorrere la pagina. Nelle altre pagine i link risultano essere poco numerosi evitando quindi difficoltà di utilizzo da parte di utenti con disabilità motorie.

Barriere disabili motori > Link troppo vicini

Categoria:

Utilizzazione

Causa:

La pagina contiene delle sequenze di link molto vicini tra loro o molto piccoli.

impattofrequenzagravità
22Serio

In tutte le pagine tranne le rubriche di approfondimento i link presenti sono disposti con una distanza tale e con una loro dimensione relativa tale da non determinare difficoltà di utilizzo da parte di utenti con disabilità motorie. Nelle pagine per le rubriche di approfondimento, invece, è presente una barra di navigazione posizionata nella parte sinistra delle varie pagine, dove sono presenti i collegamenti alle altre rubriche. Questi link sono realizzati mediante testo sotto forma di immagine, di dimensioni ridotte e strutturati attraverso una tabella di impaginazione, senza introdurre una adeguata spaziatura orizzontale fra questi collegamenti. Inoltre il fatto di essere realizzati mediante immagini, rende i link non ridimensionabli e nell'insieme determina la presenza di una barriera per utenti con disabilità motorie.

Esempio di barriera 1: i link per accedere alle rubriche sono di dimensioni ridotte e vicini fra loro.

esempio link piccoli e vicini nella barra di navigazione per le rubriche

Barriere disabili motori > Nuove finestre

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice (HTML o JavaScript) che apre nuove finestre quando l'utente attiva dei link o pulsanti.

impattofrequenzagravità
23Critico

Nelle pagine che costituiscono nel loro insieme il sito del TG Regionale, sono presenti alcuni collegamenti che determinano l'apertura di nuove finestre. In particolare, dalla homepage è possibile accedere ai filmati video sia dei telegiornali sia del meteo di ciascuna regione d'Italia. La visualizzazione di questi contenuti multimediali è realizzata attraverso delle nuove finestre che presentano il filmato insieme ai link per scegliere le altre regioni. In questo caso per chiudere la finestra l'utente con disabilità motorie deve posizionare il mouse su controlli previsti dal browser è questo è causa di possibili difficoltà di utilizzo. Anche nelle varie pagine per le rubriche di approfondimento è presente un collegamento che apre nuove finestre, in questo caso per accedere ad un archivio per le puntate già andate in onda. Anche qui l'interazione con la nuova finestra è fonte di difficoltà ed eventuale riduzione della produttività anche se, rispetto al primo caso, la nuova finestra aperta viene chiusa in modo automatico, quando viene effettuata una scelta nel menù che presenta le varie puntate d'archivio. Il sito dovrebbe, per evitare il presentarsi di questa barriera, non aprire nuove finestre o, nel caso in cui questo non fosse possibile, segnalare l'evento e fornire nella pagina e non solo nella finestra, dei controlli per chiuderla efficacemente.

Esempio barriera 1: Per accedere all'archivio delle puntate precedenti, viene aperta una nuova finestra, con un menù di scelta per selezionare la data specifica

esempio barriera 1: per accedere all'archivio delle puntate precedenti, viene aperta una nuova finestra, con un menù di scelta per selezionare la data specifica

Esempio barriera 2: per accedere ai video dei telegiornali o del meteo regionale viene aperta una nuova finestra in sovrapposizione alla precedente

Esempio barriera 2: per accedere ai video dei telegiornali o del meteo regionale viene aperta una nuova finestra in sovrapposizione alla precedente

Barriere disabili motori > Form senza LABEL

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form i cui controlli sono privi del corretto markup LABEL/@FOR oppure è impaginata in maniera complessa (ad es. perché impaginata con una tabella il cui contenuto non si linearizza correttamente).

impattofrequenzagravità
12Minore

Il sito presenta in più pagine una semplice form per la ricerca di contenuti all'interno dei siti del dominio www.rai.it. Il campo da compilare con il testo per la ricerca presenta, come etichetta, l'attributo TITLE previsto dal linguaggio HTML per assegnare un titolo al controllo. La barriera è però presente con impatto comunque minore data la presenza di un pulsante per l'invio della richiesta privo di etichetta, realizzato attraverso un'immagine e con un testo poco significativo: "vai" al posto di una descrizione più coerente, ad esempio: "cerca". Inoltre, nella homepage sono presenti due menù a tendina per scegliere la regione di cui visualizzare rispettivamente il video del telegiornale o del meteo. Entrambi i controlli non presentano i corretti marcatori per definire le etichette. Comunque, seppur non collegate e non conformi al linguaggio HTML, sono presenti due campi con la descrizione testuale dei controlli che, per un utente con disabilità motorie, permettono in ogni caso una chiara comprensione e quindi utilizzazione dei due menù di scelta.

Esempio di barriera 1.1: codice per il campo di ricerca con corretto attributo TITLE ma con pulsante per l'inoltro privo di etichetta e con testo non chiaro.

<td width="116" align="center"> <input type="text" id="CampoDiRicercaTgUno" name="query" title="Inserisci il testo da ricercare"></td>
<td width="37"><input name="Vai" type="Image" src="/CmsRai/portale/pub/images/VaiBarra.gif"></td>

Esempio di barriera 1.2: immagine per il campo di ricerca con corretto attributo TITLE ma con pulsante per l'inoltro privo di etichetta e con testo non chiaro.

 form per la ricerca parzialmente privo di label

Esempio di barriera 2: menù di scelta senza corretti marcatori HTML ma con etichette comunque comprensibili

esempio di barriera: menù di scelta senza corretti marcatori HTML ma con etichette comunque comprensibili

Barriere disabili motori > Temporizzazioni troppo brevi

Categoria:

Utilizzazione

Causa:

Il comportamento del server è di causare un refresh della pagina, magari con modifica del contenuto, senza che ci sia stato un qualche evento causato dall'utente per attivare tale comportamento.

impattofrequenzagravità
--Nessuna

Il sito non presenta comportamenti od eventi gestiti da temporizzazioni.

Barriere disabili motori > Mancanza di tasti rapidi

Categoria:

Controllo da parte dell'utente

Causa:

La pagina contiene dei link o pulsanti o controlli di form che sono ricorrenti nelle pagine del sito e che non hanno alcun tasto rapido associato (con @ACCESSKEY).

impattofrequenzagravità
22Serio

La homepage risulta essere una pagina sostanzialmente compatta dove la presenza di tasti rapidi avrebbero lo scopo di saltare le due barre di navigazione orizzontali per accedere più rapidamente al menù per la scelta dei video e alla sezione con i vari collegamenti alle varie rubriche di approfondimento. Proprio nelle varie pagine per le rubriche risulta invece essere una fonte maggiore di difficoltà per utenti con disabilità motorie la mancanza di tasti rapidi. In queste pagine, infatti, essendo maggiore il contenuto testuale e considerata la struttura a sezioni verticali affiancate, risulta consigliabile la presenza di tasti rapidi per spostare rapidamente e con maggiore efficacia il focus dell'interazione mediante la tastiera. Questi comandi rapidi verrebbero utilizzati per accedere ai link per le altre rubriche, che risultano essere posizionati, da un punto di vista strutturale, oltre il contenuto testuale.

Esempio barriera: risultano essere necessari i tasti rapidi per accedere alla sezione posizionata a sinistra della pagina, contente i link alle altre rubriche.

esempio barriera: risultano essere necessari i tasti rapidi per accedere alla sezione posizionata a sinistra della pagina, contente i link alle altre rubriche

Barriere disabili motori > Controlli del browser disabilitati

Categoria:

Controllo da parte dell'utente

Causa:

La pagina è stata aperta in una nuova finestra del browser dove i controlli tipici del browser non ci sono (back, next, refresh, ecc).

impattofrequenzagravità
21Serio

In due differenti casi avviene l'apertura di nuove finestre che non presentano i controlli del browser. Il primo caso riguarda la homepage, in particolare nella fruizione dei filmati video per il telegiornale e per il meteo per una specifica regione. In questo caso la nuova finestra, insieme al contenuto multimediale presenta i link alle altre edizioni regionali ma, oltre ad avere i controlli del browser disabilitati, non sono presenti collegamenti per tornare indietro o chiudere la pagina. Anche nelle varie pagine per le rubriche di approfondimento è presente un collegamento che permette di accedere ad un menù di scelta per le puntate d'archivio. Questo link determina l'apertura di una nuova finestra di dimensioni ridotte per accedere alle varie puntate. La finestra ha i controlli del browser disabilitati ma la barriera che questa condizione determina è in parte attenuata dalla chiusura automatica della finestra all'avvenuta selezione della puntata d'archivio. In ogni caso, considerando l'uso del sito da parte di un utente con disabilità motorie, disabilitare i controlli predefiniti del browser, determina un maggiore sforzo da parte dell'utente che generalmente fa affidamento a questi comandi standard per navigare efficacemente fra le pagine.

Esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

Vai alla sezione:

Barriere per Utenti di browser senza JavaScript

Categoria di utenti: Utenti di browser o sistemi che non sono in grado di elaborare istruzioni JavaScript. Ad es. microbrowser a bordo di telefonini o PDA; ad es. utenti di sistemi proxy, gateway o transcoder. Anche agenti artificiali, come gli spider dei motori di ricerca, o i sistemi di test automatizzati, si trovano nella situazione di non poter elaborare istruzioni JavaScript.

Barriere no Javascript > Menù dinamici in JavaScript

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice JavaScript che, non appena l'utente posiziona il focus dell'interazione su un elemento, viene aperto un menù in una determinata zona della pagina.

impattofrequenzagravità
32Critico

Escludendo le pagine per le varie rubriche di approfondimento, in tutte le altre pagine del sito del TG Regionale è presente una barra di navigazione orizzontale dove, per una delle voci, è presente un piccolo menù a comparsa realizzato mediante JavaScript. Da questo menù si può accedere alle due pagine rispettivamente per le redazioni regionali e la direzione. Non essendovi altra alternativa per raggiungere queste due sezioni del sito, un utente di browser senza JavaScript, non ha la possibilità di fruire del completo contenuto del sito del TGR.

Barriere no Javascript > Menù a cascata

Categoria:

Utilizzazione

Causa:

La pagina contiene dei menù a cascata (implementati con delle SELECT annidate o mediante codice JavaScript).

impattofrequenzagravità
--Nessuna

Nessuna pagina non contiene menù a cascata.

Barriere no Javascript > Eventi mouse

Categoria:

Utilizzazione

Causa:

La pagina si basa su codice JavaScript per ottenere determinati effetti. Le routine vengono invocate mediante gestori di eventi legati al mouse (es. "onclick", "onmouseover", "onmouseout", ...).

impattofrequenzagravità
22Serio

Il menù dinamico presente nella barra di navigazione orizzontale di alcune pagine del sito è realizzato mediante JavaScript e viene attivato al passaggio e all'uscita del mouse dalla voce La TGR presente appunto nella barra di navigazione. Una tale gestione determina l'assoluta necessità di utilizzo del mouse e di browser con JavaScript per accedere alle pagine del menù dinamico. Inoltre nelle varie pagine per le rubriche di approfondimento è presente una sezione che organizza i collegamenti alle altre varie rubriche. Per questi link è previsto, al passaggio del mouse, un cambio di colore per testo del collegamento su cui è posizionato il puntatore del mouse. Questa variazione grafica è realizzata mediante Javascript e attraverso la gestione di eventi mouse. Per evitare il presentarsi di questa barriera è necessario, per la sezione con i link alle rubriche, realizzare gli effetti grafici per evidenziare la posizione del focus, attraverso il CSS con l'attributo HOVER, evitando di gestire con Javascript gli eventi direttamente dipendenti dal dispositivo mouse.

.

Esempio di barriera: nella sezione per le rubriche, al passaggio del mouse viene modificata la grafica dei link

esempio barriera: nella sezione per le rubriche, al passaggio del mouse viene modificata la grafica dei link

Barriere no Javascript > Form popolata automaticamente

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form in cui alcuni campi o controlli vengono popolati automaticamente, mediante codice JavaScript. Ad es. una volta che viene scelta la provincia di residenza, la lista dei comuni viene ristretta solamente ai comuni della provincia scelta.

impattofrequenzagravità
--Nessuna

Nella homepage sono presenti due controlli, in particolare due menù a tendina, ovviamente già popolati ma non mediante JavaScript, quindi la barriera non risulta presente.

Barriere no Javascript > Form con redirect

Categoria:

Utilizzazione

Causa:

La pagina contiene delle form in cui alcuni controlli (campi o menù a tendina implementati con SELECT), una volta che vengono utilizzati, causano un submit al server il quale spedisce una nuova pagina al browser. Questo comportamento è basato su gestori di eventi JavaScript.

impattofrequenzagravità
--Nessuna

Non sono presenti form con redirect

Barriere no Javascript > Validazione dei campi

Categoria:

Utilizzazione

Causa:

La pagina contiene una form i cui campi vengono validati esclusivamente mediante JavaScript.

impattofrequenzagravità
--Nessuna

Non sono presenti campi validati esclusivamente con codice JavaScript.

Barriere no Javascript > Campi nascosti

Categoria:

Utilizzazione

Causa:

La pagina contiene una form che ha dei controlli nascosti (HIDDEN) che vengono popolati mediante JavaScript subito prima dell'invio dei dati.

impattofrequenzagravità
--Nessuna

La form che permette di effettuare una ricerca all'interno del dominio www.rai.it presenta dei controlli nascosti ma questi non sono popolati mediante JavaScript, anzi sono presenti nella sezione di codice HTML inclusa nel marcatore <noscript> per garantire il funzionamento della ricerca anche ad utenti che utilizzino browser senza JavaScript.

<form name="ricerca" action="http://ricerca.rai.it/raisearch.asp">
<script language="javascript" src="http://www.rai.it/cmsrai/barre/jsricerca/1,,4,00.js"></script>
<noscript>
<input type="HIDDEN" name="method" value="mainquery" />
<input type="HIDDEN" name="querysummarycb" value="querysummary" />
<input type="HIDDEN" name="numresults" value="300" />
<input type="HIDDEN" name="batchhits" value="10" />
<input type="HIDDEN" name="xoptions" value="sortboth" />
<input type="HIDDEN" name="querythreshold" value="40" />
<input type="HIDDEN" name="attachto" value="db" />
<input type="HIDDEN" name="daterange" value="lastdays" />
<input type="HIDDEN" name="selectlastdays" value="10000" />
</noscript>

Esempio di positivo: form per la ricerca funzionante anche senza JavaScript.

form per la ricerca funzionante anche senza JavaScript

Barriere no Javascript > Nuove finestre

Categoria:

Utilizzazione

Causa:

La pagina contiene del codice (HTML o JavaScript) che apre nuove finestre quando l'utente attiva dei link o pulsanti.

impattofrequenzagravità
33Critico

In quasi tutte le pagine del sito del TG Regionale sono presenti collegamenti che prevedono l'apertura di nuove finestre attraverso l'uso del linguaggio JavaScript. In particolare, nella homepage, è realizzato mediate JavaScript il menù a tendina utilizzabile per scegliere la specifica regione di cui fruire dei filmati video sul telegiornale e sul meteo. Nelle varie pagine per le rubriche di approfondimento avviene l'apertura di una nuova finestra quando viene attivato il link per accedere all'archivio delle puntate precedenti della specifica rubrica. In entrambi i casi descritti, considerando l'utilizzo del sito da parte di un utente avente un browser senza JavaScript, risulta impossibile accedere a parti e contenuti importanti del sito. Per rimediare a questa barriera, se non risulta possibile evitare l'apertura di nuove finestre, sarebbe necessario evitare almeno l'uso di Javascript o fornire una possibilità alternativa per l'apertura della nuova finestra.

Esempio di barriera 1: i menù a tendina determinano l'apertura di una nuova finestra per i video

esempio barriera: i menù a tendina determinano l'apertura di una nuova finestra per i video

Esempio di barriera 2: il link all'archivio determina l'apertura di una nuova finestra.

esempio di barriera: il link all'archivio determina l'apertura di una nuova finestra

Barriere no Javascript > Controlli del browser disabilitati

Categoria:

Controllo da parte dell'utente

Causa:

La pagina è stata aperta in una nuova finestra del browser dove i controlli tipici del browser non ci sono (back, next, refresh, ecc).

impattofrequenzagravità
32Critico

In due differenti casi avviene l'apertura di nuove finestre che non presentano i controlli del browser. Il primo caso riguarda la homepage, in particolare nella fruizione dei filmati video per il telegiornale e per il meteo per una specifica regione. In questo caso la nuova finestra, insieme al contenuto multimediale presenta i link alle altre edizioni regionali ma, oltre ad avere i controlli del browser disabilitati, non sono presenti collegamenti per tornare indietro o chiudere la pagina. Anche nelle varie pagine per le rubriche di approfondimento è presente un collegamento che permette di accedere ad un menù di scelta per le puntate d'archivio. Questo link determina l'apertura di una nuova finestra di dimensioni ridotte per accedere alle varie puntate. Per disabilitare i controlli del browser è stato utilizzato del codice JavaScript per utente di browser senza il supporto per questo linguaggio, risulta impossibile accedere alle finestre sopra descritte. Per evitare questa barriera è necessario non disabilitare i controlli predefiniti del browser.

Esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

esempio barriera: la nuova finestra per la fruizione del video ha i controlli del browser disabilitati.

Vai alla sezione:

Conclusioni

Dalla simulazione euristica dell'accessibilità per il sito del TGR, abbiamo riscontrato diversi difetti e problematiche, di diversa gravità, nella varie pagine analizzate per ciascuno degli scenari e quindi dei tipi di disabilità considerate. Il sito, sia per come è stato organizzato in pagine, sia per come queste sono state strutturate, non si presenta complesso dal punto di vista realizzativo. La pagina principale permette di fruire dei contenuti degli ultimi notiziari regionali andati in onda e delle previsioni meteo per ciascuna delle regioni italiane. Inoltre da la possibilità di navigare verso le rubriche di approfondimento. Quest'ultime hanno la semplice funzione di presentare i contenuti relativi, anche d'archivio, e un'eventuale possibilità di contatto con la redazione.

Le maggiori criticità rilevate dipendono da errori di progettazione ed implementazione - spesso facilmente evitabili o risolvibili - del sito; tali scelte errate provocano una riduzione, anche molto pesante, dell'efficienza, dell'efficacia e di conseguenza della produttività degli utenti disabili che vogliono fruire dei contenuti presenti nel sito.

Per quanto riguarda gli utenti non vedenti, risultano essere presenti numerose e gravi barriere, che nel complesso rendono non accessibili le pagine del sito ad un utente che utilizza tecnologie assistive come il lettore di schermo. I problemi principali riguardano la fruizione dei contenuti video che sono sempre privi di alternativa testuale o didascalie che ne descrivano il contenuto e dal largo uso di immagini sia a completamento dei contenuti testuali, sia come elementi strutturali della presentazione del sito come link e come titoli delle sezioni; tali immagini introdotte non presentano alternative e risulta molto difficoltosa la fruizione completa dei contenuti da parte di un utente non vedente. Data la natura informativa del sito, una fruizione non completa dei contenuti è un difetto grave che influisce pesantemente sull'efficacia del suo utilizzo da parte degli utenti.

Anche considerando l'uso del sito da parte di un utente ipovedente che utilizza ingranditore di schermo, l'accesso al sito presenta delle gravi barriere. Le principali problematiche derivano dalle scelte implementative legate al layout statico del sito; non è prevista la possibilità di ingrandire la dimensione dei caratteri e le pagine non risultano adattabili ad eventuali ridimensionamenti della finestra. Inoltre l'apertura frequente di nuove pagine e la presenza di materiale in movimento determinano l'insorgere di difficoltà nell'utilizzo del sito vista la necessità, per un utente ipovedente, di avere meno cambi di contesto possibile.

La natura e l'obiettivo del sito ma soprattutto la modalità di accesso ad alcuni dei contenuti forniti prevalentemente in modalità video che non presentano alcuna alternativa testuale, rendono quasi completamente inaccessibile il sito per utenti non udenti.

Nonostante il sito non sia strutturalmente molto complesso, gli utenti con disabilità cognitive potrebbero trovare difficoltà anche gravi nella fruizione del sito; tali difficoltà sono dovute alla mancanza di didascalie nei video ma soprattutto per la presenza di un numero elevato di collegamenti ipertestuali i quali sono presentati con etichette ambigue, generiche e poco informative. Questo può portare gli utenti a commettere numerosi errori fino alla rinuncia al raggiungimento del loro scopo e all'abbandono del sito.

La principale problematica rilevata nel sito, considerando l'uso dello stesso da parte di un utente daltonico, riguarda la scelta del colore di alcune componenti del sito. In particolare nelle pagine per le rubriche di approfondimento sono state scelte delle colorazioni per lo sfondo di alcune sezioni della pagina tali da non avere un sufficiente contrasto visivo. In queste sezioni il contenuto testuale è difficilmente percepibile da parte di un utente daltonico.

Il sito del TG Regionale, analizzato considerando le possibili barriere per un utente con disabilità motorie, presenta principalmente problematiche di media entità e solo una barriera risulta avere una gravità critica. Questo principale ostacolo è legato alla apertura di nuove finestre mentre le barriere meno gravi riguardano le scelte per la presentazione dei vari link, la gestione degli eventi mouse, e al non efficace utilizzo delle funzioni previste dai browser quali i tasti rapidi. In generale risultano quindi presenti diverse barriere per un utente con disabilità motorie, non con elevata criticità, ma comunque tali da rendere difficoltoso l'accesso alle varie pagine del sito.

Le principali problematiche che insorgono utilizzando il sito senza JavaScript riguardano l'apertura di nuove finestre, sia per fruire dei video del telegiornale e del meteo, sia per le varie rubriche di approfondimento. L'apertura di queste finestre non risulta possibile per un utente con un browser privo del supporto per tale linguaggio. Inoltre sono presenti in alcune pagine del sito dei menù e degli effetti dinamici realizzati mediante Javascript che, seppur con diverso impatto diventano delle barriere alla fruizione.

In conclusione, la simulazione euristica guidata da barriere per l'accessibilità del sito del TG1 ha dato esiti molto negativi in quanto sono state riscontrate barriere gravi che non permettono una completa fruizione o che comunque rendono tale fruizione molto difficoltosa per utenti con diverse disabilità.

Vai alla sezione: