Simulazione Euristica

Indice dei contenuti

Sito valutato

Sito della Regione Basilicata. Indirizzo: http://www.basilicatanet.it/

Torna all'inizio

Pagine valutate

Torna all'inizio

Valutatore

Patrick Diviacco. E-mail: patrick.diviacco@email.it

Torna all'inizio

Software utilizzato

Torna all'inizio

Criteri utilizzati per la valutazione

Torna all'inizio

Tabella riassuntiva

La seguente tabella viene utilizzata per registrare la gravità complessiva delle eventuali barriere del sito.

barriera impatto frequenza gravità
immagini ricche senza alt 3 3 critico
immagini ricche malposizionate 1 1 minore
no didascalie 3 3 critico
frame 3 2 critico
immagini funzionali senza alt 3 3 critico
eventi mouse 1 1 minore
form popolata automaticamente 2 1 serio
nuove finestre popup 2 3 critico
finestre sovrapposte 2 3 critico
lentezza finestre popup 2 3 critico
form senza label 2 3 critico
titoli 2 3 critico
lingua 2 3 critico
titoli frame 2 3 critico
suddivisione in sezioni 3 2 critico
access key 2 3 critico
troppi link 2 2 serio
layout non ridimensionabile 2 3 critico
skip-links 2 3 critico
versione solo testo 3 2 critico
Torna all'inizio

Barriere riscontrate


Barriere alla percezione

immagini ricche senza alt
Un utente non vedente di un lettore di schermo che non percepisce le informazioni presenti in un diagramma, istogramma, foto, organigramma. La causa è la mancanza di un'appropriato testo collegato all'immagine (alt, longdesc, D-link, testo adiacente all'immagine).


Pagina: Home
Immagini: immagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img src='/display/images/home/telepa.gif' border='0'> <img src='/display/images/home/tgweb.gif' border='0'> <img src='/display/images/home/tgr.gif' border='0'> <img src='/display/images/home/tgradiolocalweb.gif' border='0'> <img src='/display/images/home/new.gif'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Conoscere la Basilicata
Immagini: immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera Codice: <img src="/conoscerebasilicata/fotine/matera_up8.gif" width="50" height="50" border="0" usemap="#Map9"> <img src="/conoscerebasilicata/fotine/matera_up15.gif" width="50" height="50" border="0" usemap="#Map5"> <img src="/conoscerebasilicata/fotine/trecchina_3.gif" width="50" height="50" border="0" usemap="#Map8"> <img src="/conoscerebasilicata/fotine/Senza-titolo-3.gif" width="50" height="50" border="0" usemap="#Map11"> <img src="/conoscerebasilicata/fotine/sinisgalli2.gif" width="50" height="50" border="0" usemap="#Map10"> <img src="/conoscerebasilicata/fotine/sarconi_up.gif" width="50" height="50" usemap="#Map12" border="0"> <img src="/conoscerebasilicata/fotine/prod-treccia2.gif" width="50" height="50" border="0" usemap="#Map6"> <img src="/conoscerebasilicata/fotine/libri-.gif" width="50" height="50" border="0" usemap="#Map7"> <img src="/conoscerebasilicata/fotine/orecchiette.gif" width="50" height="50" border="0" usemap="#Map4"> <img src="/conoscerebasilicata/fotine/terranova_2.gif" width="50" height="50" usemap="#Map3" border="0"> <img src="/conoscerebasilicata/fotine/tricarico_5.gif" width="50" height="50" usemap="#Map2" border="0"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Conoscere la Basilicata
Immagini: immagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img src="http://www.regione.basilicata.it/dipagricoltura/template/dinamici/standard/img/logoregione.jpg" width="118" height="101" border="0" border="0" alt="" hspace="0" vspace="0"> <img src="http://www.regione.basilicata.it/dipagricoltura/template/dinamici/standard/img/barramenu.jpg" width="543" height="99" border="0" border="0" alt="" hspace="0" vspace="0" align="top" usemap="#menu"> <img src="http://www.regione.basilicata.it/dipagricoltura/docsite/ PercorsiAgroalimentaridellaBasilica1195/img/Prodotti/prodnull.jpg" width=311 height=168 border=0 alt=""> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Biblioteche
Immagini: immagine della barrieraimmagine della barriera <img src="/biblioteche/hannoscrittodellabasilicata.gif"> <img src="/biblioteche/libro-aperto_ok.gif"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Informazioni
Immagini: immagine della barriera Codice: <img src="1.gif" width="395" height="337"> <img src="2.gif" width="365" height="337"> <img src="3.gif" width="395" height="337"> <img src="4.gif" width="365" height="337"> Descrizione: Le immagini non hanno equivalente testuale. E' molto grave che le informazioni non siano presentate sottoforma di testo, in quanto una persona disabile o temporaneamente disabile non può accedere ad esse.


Pagina: Regione Informa
Immagini: immagine della barriera Codice: <img src='/misc/resource.asp?Guid={2A737002-1DE8-44D3-BC12-D034F8048B3C}' border='0' class='imgcover'> Descrizione: Le immagini delle notizie non hanno equivalente testuale.


Pagina: Tgweb
Immagini: immagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img src="/tgweb/image/testata.gif" width="765" height="111" border="0"> <img src='/display/images/TelePAEuroSud_Basilicata.gif' border='0'> <img src='/tgweb/resourceser.asp?ided=200543&idser=01' border='0' width=80 valign='top' align='left'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Tgweb
Immagini: immagine della barriera Descrizione: Il video non ha equivalente testuale, nè didascalie.


Pagina: Giornale Radio
Immagini: immagine della barriera Codice: <img src="/grweb/image/testata.jpg" width="765" height="111" border="0"> Descrizione: L'immagine testata.jpg non ha equivalente testuale.


Pagina: Giornale Radio
Immagini: immagine della barriera Descrizione: L'audio non ha equivalente testuale, nè didascalie.


Pagina: Tg3
Immagini: immagine della barriera Descrizione: Il video non ha equivalente testuale, nè didascalie.


Pagina: Rassegna Stampa
Immagini: immagine della barriera Codice: <img src="/grweb/image/testata.jpg" width="765" height="111" border="0"> Descrizione: L'immagine non ha equivalente testuale, è grave perchè un utente di lettore di schermo non potrà venire a conoscenze delle informazioni nell'immagine.


Pagina: Download Logo
Immagini: immagine della barrieraimmagine della barriera Codice: <img src="images/testata.gif" width="765" height="95" border="0"> <img src="images/tabellacolori.gif" width="517" height="305"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Il presidente
Immagini: immagine della barriera Codice: <FRAME SRC="immagini/barra_presidente.gif" MARGINWIDTH="0" MARGINHEIGHT="0" NAME="Regione Basilicata" SCROLLING="NO" FRAMEBORDER="0"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Il presidente
Immagine: immagine della barriera Codice: <IMG height=120 alt=Presidente src="immagini/Vito_De_Filippo.jpg" width=100 border=0> Descrizione: L'equivalente testuale non è adeguato: sarebbe stato opportuno scrivere anche il nome del presidente.


Pagina: Sportello Europa
Immagini: immagine della barrieraimmagine della barriera Codice: <img src="http://www.regione.basilicata.it/sportelloeuropa/template/dinamici/standard/img/logoregione.jpg" width="118" height="101" border="0" border="0" alt="" hspace="0" vspace="0"> <img src="http://www.regione.basilicata.it/sportelloeuropa/template/dinamici/standard/img/barramenu.jpg" width="543" height="99" border="0" border="0" alt="" hspace="0" vspace="0" align="top" usemap="#menu"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Internet Social Point
Immagini: immagine della barrieraimmagine della barriera Codice: <img src="images/intsocialpoint.gif" width="560" height="86"> <img src="images/num_verde.gif" width="200" height="43"> Descrizione: Le immagini non hanno equivalente testuale, è grave perchè un utente di lettore di schermo non potrà conoscere le informazioni contenute nelle immagini.


Pagina: Progetto Picco
Immagini: immagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img width=769 height=195 src="Abstract%20Progetto%20Picco%20Basilicata%201_file/image008.jpg" v:shapes="_x0000_i1025"><![endif]> <img width=769 height=195 src="Abstract%20Progetto%20Picco%20Basilicata%201_file/image009.jpg" v:shapes="_x0000_i1025"><![endif]> <img width=769 height=195 src="Abstract%20Progetto%20Picco%20Basilicata%201_file/image010.jpg" v:shapes="_x0000_i1025"><![endif]> <img width=769 height=195 src="Abstract%20Progetto%20Picco%20Basilicata%201_file/image011.jpg" v:shapes="_x0000_i1025"><![endif]> Descrizione: Le immagini non hanno equivalente testuale


Pagina: Ospitalità nei borghi
Immagine: immagine della barriera Codice: <img src="img/home.gif" /> Descrizione: L'immagine non ha equivalente testuale. E' grave, in quanto tutte le informazioni della pagine sono contenute nell'immagine.


Pagina: Ospitalità nei borghi - Pagina 2
Immagini: immagine della barrieraimmagine della barriera Codice: <img src="images/002.gif" /> Descrizione: Tutte le immagini della pagina non hanno equivalente testuale.


Pagina: Parole e immagini
Immagine: immagine della barriera Codice: <img src="lett.jpg" /> Descrizione: L'immagine non ha equivalente testuale. E' grave, in quanto tutte le informazioni della pagine sono contenute nell'immagine.

immagini ricche malposizionate
Utente ipovedente di un ingranditore di schermo che non vede l'immagine (diagramma, istogramma, foto, organigramma) perché plausibilmente posizionata al di fuori del campo visivo. La causa è il cattivo posizionamento dell'immagine, senza nessun indizio che faccia capire la sua presenza.


Pagina: Conoscere la Basilicata
Immagine: immagine della barriera Descrizione: Per un utente che usa un ingranditore di schermo è difficile orientarsi a causa del posizionamento casuale delle immagini.

no didascalie
Utente sordo che non percepisce la narrazione a voce in un file multimediale. La causa è l'assenza di sottotitoli, didascalie o di una trascrizione completa.


Pagina: Tgweb
Immagini: immagine della barriera Descrizione: Il video non ha sottotitoli, nè didascalie, nè trascrizione completa.


Pagina: Giornale Radio
Immagini: immagine della barriera Descrizione: L'audio non ha sottotitoli, nè didascalie, nè trascrizione completa.


Pagina: Tg3
Immagini: immagine della barriera Descrizione: Il video non ha sottotitoli, nè didascalie, nè trascrizione completa.

frame
L'utente non vedente che utilizza una vecchia versione del lettore di schermo (es. Jaws 3.5) non riesce ad accedere al contenuto dei frame (se presenti nella pagina).


Pagina: Biblioteche
Codice: <iframe src="/biblioteche/ListaPaesi.asp?i=a" id="testo" name="testo" width=100% height=100% frameborder=0 scrollleft=0 scrolltop=0> <font size="2" face="Arial, Helvetica, sans-serif"> </font> </iframe> Descrizione: Il lettore di schermo non legge il contenuto del frame e si blocca.


Pagina: Ricerca Leggi
Codice: <iframe src="/LeggiRegione/leggibasilicata.asp" height=1000 width=600 id="testo" name="testo" scrollleft=0 > </iframe> Descrizione: Il lettore di schermo non legge il contenuto del frame e si blocca.


Pagina: Il presidente
Codice: <FRAMESET rows="98,*" FRAMESPACING="0" FRAMEBORDER="0" BORDER="0"><FRAMESET COLS="128,*,130" FRAMESPACING="0" FRAMEBORDER="0" BORDER="0"><FRAME SRC="../../Comuni/stemma_sinistra.htm" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE="NORESIZE" FRAMEBORDER="0" SCROLLING="NO"><FRAMESET rows="21,77" FRAMESPACING="0" FRAMEBORDER="0" BORDER="0"><FRAME SRC="../../Comuni/BARRA_COMANDI.CFM" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE="NORESIZE" SCROLLING="NO" FRAMEBORDER="0"><FRAME SRC="immagini/barra_presidente.gif" MARGINWIDTH="0" MARGINHEIGHT="0" NAME="Regione Basilicata" SCROLLING="NO" FRAMEBORDER="0"></FRAMESET><FRAME SRC="../../Comuni/basilicata_destra.htm" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE="NORESIZE" SCROLLING="NO" FRAMEBORDER="0"></FRAMESET><FRAMESET COLS="128,50%" FRAMESPACING="0" FRAMEBORDER="0" BORDER="0"><FRAME SRC="../../Comuni/sinistra.htm" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="0" SCROLLING="AUTO"><FRAME SRC="main.htm" NAME="main"></FRAMESET> Descrizione: Il lettore di schermo non legge il contenuto del frame e si blocca.

Barriere all'utilizzazione

immagini funzionali senza alt
Immagini funzionali (e.g. pulsanti) prive di ALT che non permettono ad un utente cieco di un lettore di schermo di sapere che link attivare. Analogamente per pulsanti Flash.


Pagina: Home
Immagini: immagine della barrieraimmagine della barriera Codice: <img src=/display/images/home/fresu.gif border=0 id='su'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Home
Immagini: immagine della barriera Codice: <img src='/display/images/home/telepa.gif' border='0'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Home
Immagini: immagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img src='/display/images/home/telepa.gif' border='0'> <img src='/display/images/home/tgweb.gif' border='0'> <img src='/display/images/home/tgr.gif' border='0'> <img src='/display/images/home/tgradiolocalweb.gif' border='0'> <img src='/display/images/home/new.gif'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Conoscere la Basilicata
Immagini: immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera immagine della barriera Codice: <img src="/conoscerebasilicata/fotine/matera_up8.gif" width="50" height="50" border="0" usemap="#Map9"> <img src="/conoscerebasilicata/fotine/matera_up15.gif" width="50" height="50" border="0" usemap="#Map5"> <img src="/conoscerebasilicata/fotine/trecchina_3.gif" width="50" height="50" border="0" usemap="#Map8"> <img src="/conoscerebasilicata/fotine/Senza-titolo-3.gif" width="50" height="50" border="0" usemap="#Map11"> <img src="/conoscerebasilicata/fotine/sinisgalli2.gif" width="50" height="50" border="0" usemap="#Map10"> <img src="/conoscerebasilicata/fotine/sarconi_up.gif" width="50" height="50" usemap="#Map12" border="0"> <img src="/conoscerebasilicata/fotine/prod-treccia2.gif" width="50" height="50" border="0" usemap="#Map6"> <img src="/conoscerebasilicata/fotine/libri-.gif" width="50" height="50" border="0" usemap="#Map7"> <img src="/conoscerebasilicata/fotine/orecchiette.gif" width="50" height="50" border="0" usemap="#Map4"> <img src="/conoscerebasilicata/fotine/terranova_2.gif" width="50" height="50" usemap="#Map3" border="0"> <img src="/conoscerebasilicata/fotine/tricarico_5.gif" width="50" height="50" usemap="#Map2" border="0"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Biblioteche
Immagini: immagine della barriera <img src="/biblioteche/alfabetodefinitivo.jpg" width="125" height="189" border="0" usemap="#Map"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Regione Informa
Immagini: immagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barriera Codice: <img src=/news/images/tempo_in_basilicata.gif border=0> <img src="/news/images/italia.gif" width=163 height="90" usemap="#map" border="0"> <img src=/news/images/regioneInforma.gif border=0 > <img src=/news/images/archivio.gif border=0> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Regione Informa
Immagini: immagine della barriera Codice: <img src='/news/images/tgweb.gif' border=0> Descrizione: Le immagini del sottomenu tgweb2.gif, Giornale Radio, Rai3 TGR, non hanno equivalente testuale. E' impossibile capire a dove porteranno i links.


Pagina: Tgweb
Immagini: immagine della barriera Codice: <img src='/display/images/TelePAEuroSud_Basilicata.gif' border='0'> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Rassegna Stampa
Immagini: immagine della barriera Codice: <img src="adobe_logo.gif"></img> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Il presidente
Immagini: immagine della barrieraimmagine della barriera Codice: <FRAME SRC="../../Comuni/stemma_sinistra.htm" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE="NORESIZE" FRAMEBORDER="0" SCROLLING="NO"> <FRAME SRC="immagini/barra_presidente.gif" MARGINWIDTH="0" MARGINHEIGHT="0" NAME="Regione Basilicata" SCROLLING="NO" FRAMEBORDER="0"> <FRAME SRC="../../Comuni/basilicata_destra.htm" MARGINWIDTH="0" MARGINHEIGHT="0" NORESIZE="NORESIZE" SCROLLING="NO" FRAMEBORDER="0"> Descrizione: Le immagini non hanno equivalente testuale.


Pagina: Sportello Europa
Immagini: immagine della barriera Codice: <img src="http://www.regione.basilicata.it/sportelloeuropa/template/dinamici/standard/img/logoregione.jpg" width="118" height="101" border="0" border="0" alt="" hspace="0" vspace="0"> Descrizione: L'immaginie non ha equivalente testuale.


Pagina: Ospitalità nei borghi
Immagine: immagine della barriera Codice: <img src="img/home.gif" /> Descrizione: L'immagine non ha equivalente testuale. E' grave, in quanto tutte le informazioni della pagine sono contenute nell'immagine.

eventi mouse
Eventi JavaScript che si attivano solo tramite gestori di eventi dipendenti esclusivamente dal mouse. Problemi per un disabile motorio che non è in grado di controllare finemente i movimenti del mouse.


Pagina: Home
Immagine: immagine della barriera Codice: <a href='#' onMouseDown='scrollLoop(-3)' onClick='scroll(-30)' onmouseout='noScroll()' onMouseUp='noScroll()'> Descrizione: L'evento "scroll" è accedibile solo per mezzo dei gestori "onmousedown", "onclick" e "onmouseout". Inoltre un utente ipovedente non ha la possibilità di azionare gli eventi in altro modo.

form popolata automaticamente
Form in cui alcuni dei campi/controlli sono automaticamente modificati da programma (via JavaScript). Ciò non permette ad un utente di un browser privo di interprete JavaScript di usare la form.


Pagina: Cerca Numeri Telefonici
Immagine: immagine della barriera Codice: <SELECT disabled='true' style='width:450;' class='registerinput' id=dipId name=dipId onchange="FillCityCombo('dipId','uffId')"><option value='-1'>Seleziona Dipartimento</option><option value='17'>Agricoltura .... Sicurezza e Solidarietà Sociale, Servizi alla Persona e alla Comunità</option></SELECT></td></tr><tr><td colspan=100>&nbsp;</td></tr><tr><td align=left ><select disabled='true' class='registerinput' style='width:450;' class='registerinput' id='uffId' name='uffId' ><option value='-1'>Seleziona Ufficio</option></select></td></tr><tr><td colspan=100 align=center ><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class=loginbutton type=submit value='Avvia Ricerca' name='submit'></td></tr></table></form><iframe id='nullframe' src='' width='0' height='0' style='visibility:hidden'></iframe></table><SCRIPT language='JavaScript'>function FillCityCombo(idFrom, idTo){var cbFrom = document.getElementById(idFrom);document.getElementById('nullframe').src='combodoc.asp?idTo=' + idTo + '&dipartimento=' + cbFrom.value;}</SCRIPT> Descrizione: La tendina "Seleziona Ufficio" si aggiorna automaticamente in seguito ad un cambiamento nella tendina "Seleziona Dipartimento", ciò non permette ad un utente privo di interprete Javascript di usare la form.

nuove finestre popup
Finestre pop-up che fanno sí che un utente cieco di un lettore di schermo non capisca che il contesto è cambiato, modificando sia il contenuto che viene letto sia i possibili comandi immettibili.


Pagina: Home
Codice: <a href=/manualelogoregione/index.asp target=_new>Logo</a> Descrizione: I links "Logo", "Presidente", "Giunta", "Consiglio regionale", "BUR", "Bandi", "Nucleo di valutazione", "Carta Multiservizi", "Contact Center", "CUP Telefonico", "RTB", "Controversie Telefoniche", "Progetto Desernet", "Pari Opportunità", "Seminario Ambiente", "Progetto Picco", "Ospitalità nei borghi", "Festival di Potenza", "Gazziamoci" e tutti i rimanenti links della barra di sinistra della pagina Home creano dei pop-ups.


Pagina: Home
Codice: <a class='newscovertitle' onClick="window.open('/news/article.asp?MenuGuid={90BF8C89-BCE8-40C9-9000-0C8B66B3912F}&id=371160','','');" style='color:rgb(0,0,0);' href='/news/homenews.asp?MenuGuid={90BF8C89-BCE8-40C9-9000-0C8B66B3912F}' >PALERMO, 25 ott 12.13<br> (Ansa)Immigrazione: trovati altri tre cadaveri a largo Malta</a> Descrizione: I links associati a ciascuna notizia creano dei pop-ups con Javascript.


Pagina: Home
Immagini: immagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barrieraimmagine della barriera Codice: <a href='http://www.telepa.it/home_canale.jsp?id_canale=2&id_sottocanale=18' target=_new> Descrizione: I links inglobati nelle immagini creano pop-ups.


Pagina: Home
Codice: <a href=' mms://82.189.181.98/live' target=_new > Descrizione: I links "TG Web Live" e successivi creano pop-ups.


Pagina: Home
Descrizione: I links del sotto-menu "SITI D'INTERESSE" creano pop-ups.


Pagina: Conoscere la Basilicata
Descrizione: I links del sotto-menu "AREA BASILICATA" creano pop-ups.


Pagina: Conoscere la Basilicata
Descrizione: I links inglobati nelle foto creano pop-ups.


Pagina: Biblioteche
Descrizione: I links della sezione: "Hanno scritto della Basilicata" creano pop-ups.


Pagina: Autori Lucani
Descrizione: I links ad ogni autore Lucano creano pop-ups


Pagina: Regione Informa
Descrizione: I links della sezione "News ultim'ora" creano pop-ups


Pagina: Regione Informa
Immagini: immagine della barriera Descrizione: I links inglobati nelle immmagini tgweb2.gif, Giornale Radio, Rai3 TGR creano pop-ups.


Pagina: Imprese
Descrizione: I links della sezione "Notizie dal mondo delle imprese" creano pop-ups


Pagina: Articolo qualsiasi
Descrizione: I links "Segnala questa sezione ad un amico" e "Stampa questo articolo" creano pop-ups


Pagina: Regione Informa
Descrizione: I links alle 3 notizie in primo piano e della sottosezione "Le altre notizie regionali" creano pop-ups


Pagina: Il presidente
Codice: <a href="relazione.pdf" target=_new>relazione programmatica - 21 giugno 2005</a> Descrizione: Il link genera un pop-up

finestre sovrapposte
Finestre pop-up che fanno sí che un utente ipovedente di un ingranditore di schermo non riconosca che la scroll bar che vede sia quella della finestra nello sfondo. Quando ci clicca sopra (con l'intenzione di scorrere il contenuto della finestra pop-up in primo piano), ottiene come risultato lo scambio delle due finestre e quella di pop-up, che l'utente stava esaminando, passa dietro, senza permettergli di capire cosa sia successo.


Descrizione: Il problema si verifica ogni volta che viene creata una finestra pop-up nei casi elencati al punto precedente.

lentezza finestre popup
Finestre pop-up che rallentano un utente con difficoltà motorie (perché deve muovere il mouse sul pulsante, piccolo, di chiusura della finestra in alto a destra, nella barra del titolo). Ancora peggio se tali finestre si aprono ogni volta che si ritorna alla home page.


Descrizione: Il problema si verifica ogni volta che viene creata una finestra pop-up nei casi elencati al punto "nuove finestre popup".

form senza label
Controlli di una form privi di associazione con le loro etichette (i.e. mancanza di label/for), che fanno sí che un utente cieco di un lettore di schermo non capisca come usare alcuni dei controlli (e.g. perché tutte le etichette vengono lette una dopo l'altra e poi segue la lettura di tutti i controlli, uno dopo l'altro -- nel caso di una form impaginata con una tabella il cui contenuto non si linearizza correttamente).


Pagina: Home
Codice: <form name='search' action='/search/home2result.asp' method='post' onsubmit="return checkSearchForm();"><tr><td class='DxHomePage'><input class='search' style="width: 80px" type='text' name='keywords' id='keywords'></td><td class='DxHomePage' onclick='AttSearch()' style='cursor:hand;FONT-SIZE:11px;'><b>Cerca</b Descrizione: L'etichetta "Cerca" non è associata in alcun modo al campo di ricerca. Il lettore di schermo avverte dell'esistenza del campo di testo e solo dopo legge il testo "Cerca".


Pagina: Ricerca nell'archivio delle notizie
Codice: <td width='25%' nowrap>Pubblicate dal</td><td width='25%'><INPUT type='text' class='inputdata' id='dtsearchdal' name='dtsearchdal' value='18/10/2005'></td><td>(gg/mm/aaaa)</td> <td>al</td><td><INPUT type='text' class='inputdata' id='dtsearchal' name='dtsearchal' value='25/10/2005'></td><td>(gg/mm/aaaa)</td><td >Sezione:</td> <td align=left><select id='sezione' name='sezione' class='inputdata'> Descrizione: Le etichette non sono associate al campo di testo.


Pagina: Ricerca nell'archivio delle notizie
Codice: <td ><LABEL>Che contengono la/le parola/e</LABEL></td><td><INPUT type='text' class='inputdata' id='txtsearch' name='txtsearch'></td> <td><LABEL>Argomento </LABEL></td><td><SELECT id=selCategory name=selCategory class='inputdata' onchange="FillCityCombo('selCategory','sezione')"> <LABEL>Fonte </LABEL></td><td><SELECT id=selDepartment name=selDepartment class='inputdata'> Descrizione: Esiste l'elemento LABEL ma non viene utilizzato l'attributo "for" e di conseguenza le etichette non sono associate al campo di testo.


Pagina: Regione Informa
Codice: <INPUT type='submit' value='Avvia Ricerca' id=ricerca name=button1 class='loginbutton'> Descrizione: Nel campo input mancano gli attributi alt e title che ne definiscono l'etichetta.


Pagina: Tgweb, Giornale Radio
Codice: <INPUT type='text' class='registerinput' id='TxtCerca' name='TxtCerca'><br></td></tr><tr><td class='normale'>&nbsp;&nbsp;&nbsp;</td><td class='register' align='center' style='font-family:Verdana;font-size:11px;cursor:hand;' onclick='Ctrl()'><div ><b>Cerca</b></div> Descrizione: L'etichetta "Cerca" non è associata al campo di testo.


Pagina: Rassegna Stampa
Codice: <td colspan="3" height="1">
<p align="center"><font face="arial" size=" 2">&nbsp;&nbsp;&nbsp;&nbsp;consulta</font></p>
</td>
</tr>
<tr>
<td width="26%">&nbsp;</td>
<td width="52%">
<div align="center">
<select align="center" name="tiporassegna">
Descrizione: L'etichetta "consulta" non è associata al menu a tendina.


Pagina: Rassegna Stampa
Codice: <input type="submit" align="center" name="Submit" value="Vai" class="Pulsante1"> <input type="submit" align="center" name="Submit2" value="archivio da aprile 2003 ad oggi" class="Pulsante2" onclick="Cambia_Action()"> <input type="button" align="center" name="Submit2" value="archivio da gennaio 1999 ad aprile 2003" class="Pulsante2" onclick="Cambia_Action3()"> Descrizione: Nei campi input mancano gli attributi alt e title che ne definiscono le etichette.


Pagina: Ricerca Leggi
Codice: <b>Anno</b> <INPUT NAME="anno" TYPE="TEXT" VALUE="" MAXLENGTH="4" size="4" class=registerinput style=width:40> <b>Numero</b></font> <INPUT NAME="numero" TYPE="TEXT" VALUE="" MAXLENGTH="4" size="4" class=registerinput style=width:40> <B>Ricerca per Parola</b> (o parole, separate dagli <A HREF="http://camera1.ancitel.it:80/lrec/help.do" target=_blank>operatori logici</A>) <I>contenuta in:</I><p> <select name="campiRicerca" class=registerinput >
<option value="0" >Tutto il Testo
<option value="1" >Titolo + Articoli
<option value="2" >Titolo + Allegato
</select><br><br>
<INPUT NAME="testo" TYPE="TEXT" VALUE="" MAXLENGTH="255" SIZE="42" class=registerinput style=width:280>
<B>TITOLO<br> <INPUT NAME="soloTitolo" TYPE="TEXT" VALUE="" MAXLENGTH="255" SIZE="52" class=registerinput style=width:280>
</td></tr>
<TR><TD><font face="Verdana, Arial, Helvetica" size="1"><b>ARTICOLO<br></b>
<INPUT NAME="soloArticolo" TYPE="TEXT" VALUE="" MAXLENGTH="255" SIZE="52" class=registerinput style=width:280>
</td></tr>
<TR><TD><font face="Verdana, Arial, Helvetica" size="1"><b>ALLEGATO<br></b>
<INPUT NAME="soloAllegato" TYPE="TEXT" VALUE="" MAXLENGTH="255" SIZE="52" class=registerinput style=width:280>
<font face="Verdana, Arial, Helvetica" size="1">Tutte </FONT></B><INPUT NAME="tutte" TYPE="RADIO" VALUE="1" onClick="CheckAll(this.form, true)" CHECKED> <p>Descrittori riferiti: all'intera legge
<input type="CHECKBOX" name="classLex" value="CHECKED">
ai singoli articoli
<input type="CHECKBOX" name="classArt" value="CHECKED">
<B>Data Legge </B></td><td>
<font face="Verdana, Arial, Helvetica" size="1">dal:
<INPUT NAME="leggeDal" TYPE="TEXT" VALUE="" MAXLENGTH="10" SIZE="10" class=registerinput style=width:70>
</font>
<font face="Verdana, Arial, Helvetica" size="1"><B>Data del Bollettino </B></td>
<td><font face="Verdana, Arial, Helvetica" size="1">dal: </font>
<INPUT NAME="bollettinoDal" TYPE="TEXT" VALUE="" MAXLENGTH="10" SIZE="10" class=registerinput style=width:70>
<font face="Verdana, Arial, Helvetica" size="1"> al:
<INPUT NAME="bollettinoAl" TYPE="TEXT" VALUE="" MAXLENGTH="10" SIZE="10" class=registerinput style=width:70> (gg/mm/aaaa)
<b>Numero Bollettino </b></font></td><td colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT NAME="numBollettino" TYPE="TEXT" VALUE="" MAXLENGTH="4" SIZE="4" class=registerinput style=width:60>
<TD><font face="Verdana, Arial, Helvetica" size="1"><B>Tipo legge</B></font></td><td colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;
<SELECT NAME="tipoLegge" SIZE="1" class=registerinput style=width:100>
Descrizione: Le etichette non sono associate ai rispettivi campi di testo.


Pagina: Ricerca Leggi
Codice: <INPUT NAME="cerca" TYPE="Submit" VALUE="Esegui la Ricerca" class=loginbutton>
<INPUT NAME="azzera" TYPE="button" VALUE="Cancella dati Immessi" class=loginbutton onClick="this.form.reset();"
Descrizione: Nei campi input mancano gli attributi alt e title che ne definiscono le etichette.


Pagina: Cerca Numeri Telefonici
Codice: <b>Per cognome e nome </b></td></tr><tr><td colspan=100>&nbsp;</td></tr><tr><td ><INPUT style='width:300' type='text' class='registerinput' id='prmPersona' name='prmPersona'> <b>Per Dipartimento / Ufficio</b></td></tr><tr><td colspan=100 >&nbsp;</td></tr><td><SELECT disabled='true' style='width:450;' class='registerinput' id=dipId name=dipId onchange="FillCityCombo('dipId','uffId')"> Descrizione: Le etichette non sono associate ai rispettivi campi di testo.


Pagina: Cerca Numeri Telefonici
Codice: <input class=loginbutton type=submit value='Avvia Ricerca' name='submit'> Descrizione: Nel campo input mancano gli attributi alt e title che ne definiscono l'etichetta.


Pagina: Sportello Europa
Codice: <b>cerca</b><br>
<input type="text" name="text" size="20" style="font-size: 11px;">
Descrizione: Le etichette non sono associate ai rispettivi campi di testo.


Pagina: Sportello Europa
Codice: <input type="submit" value="ok" style="background-color: #46BEFC; color: White; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-color: #FFFFCC;"> Descrizione: Nel campo input mancano gli attributi alt e title che ne definiscono l'etichetta.


Pagina: Un computer in ogni casa 2
Codice: <input type=submit id='Invia' name='Invia' value=' Prosegui ' class=registerbutton style=cursor:hand onclick="javascript:location.href='/cittele/ec1.asp'"> Descrizione: Nel campo input mancano gli attributi alt e title che ne definiscono l'etichetta.

Barriere alla comprensione

titoli
Pagine prive di titolo (o con titolo non informativo, come ``Untitled document''), che fanno sí che utenti ciechi di lettori di schermo non capiscano su che pagina sono arrivati.


Pagina: Home
Descrizione: Il titolo "Basilicatanet.it" non è adeguato alla pagina. Sarebbe stato più opportuno come titolo "Regione Basilicata. Sito Ufficiale."


Pagine: Conoscere la Basilicata, Autori Lucani, Informazioni, Ricerca nell'archivio delle notizie, Imprese, Articolo qualsiasi, Regione Informa, Tgweb, Giornale Radio, Tg3, Ricerca Leggi, Cerca Numeri Telefonici, Un computer in ogni casa 2, Internet Social Point
Descrizione: Il titolo è troppo generale ("Basilicatenet.it") e non descrive il contenuto della pagina.


Pagina: Sportello Europa
Descrizione: Il titolo "Descrizione Home Page" non è adeguato alla pagina. Sarebbe stato più opportuno come titolo "Regione Basilicata. Sportello Europa."


Pagina: Progetto Picco
Descrizione: Il titolo "PON IT 161 PO 001 ASSISTENZA TECNICA E AZIONI DI SISTEMA – MISURA II" non è adeguato alla pagina. Sarebbe stato più opportuno come titolo "Regione Basilicata. Progetto Picco."


Pagina: Parole e immagini
Descrizione: La pagina non ha titolo. Sarebbe stato più opportuno come titolo "Regione Basilicata. Parole e immagini."

lingua
In un sito privo dell'attributo lang, che specifica la lingua in cui il testo a scritto, un lettore di schermo utilizzato da utenti non vedenti non è in grado di risalire alla lingua a cui appartengono le parole incontrate, e quindi non sarà in grado di leggerle in modo corretto. Anche se il lettore è impostato per la lingua italiana, se incontra una parola straniera priva di attributi che ne specifichino la lingua, non la legge correttamente.


Pagina: Tutte le pagine del sito tranne: Progetto Picco
Descrizione: Tutte le pagine del sito tranne "Progetto Picco" non presentano l'attributo lang.

titoli frame
Frame privi di un nome coerente con il loro contenuto fa sì che utenti non vedenti che utilizzano un lettore di schermo possano essere disorientati.


Pagina: Biblioteche
Codice: <iframe src="/biblioteche/ListaPaesi.asp?i=a" id="testo" name="testo" width=100% height=100% frameborder=0 scrollleft=0 scrolltop=0> Descrizione: Il contenuto dell'attributo name non è adeguato.


Pagina: Regione Informa
Codice: <iframe id='nullframe' src='' width='0' height='0' style='visibility:hidden'></iframe> Descrizione: Manca l'attributo name nel tag frame.


Pagina: Ricerca Leggi
Codice: <iframe src="/LeggiRegione/leggibasilicata.asp" height=1000 width=600 id="testo" name="testo" scrollleft=0 > Descrizione: Il contenuto dell'attributo name non è adeguato.


Pagina: Cerca Numeri Telefonici
Codice: <iframe id='nullframe' src='' width='0' height='0' style='visibility:hidden'></iframe> Descrizione: Manca l'attributo name nel tag frame.


Pagina: Il presidente
Descrizione: Tutti gli elementi frame della pagine non hanno attributo name.

suddivisione in sezioni
Pagine contenenti molto materiale, magari eterogeneo (come ad es. barre di navigazione, indici, news, ...) e prive di una loro suddivisione esplicita in gruppi usando i marcatori H2, H3, ... rendono complessa la loro consultazione. Un utente di un lettore di schermo potrebbe non rendersi conto di essere in una sezione non interessante. Questo è particolarmente grave quando l'utente esplora la pagina per cercare una determinata informazione.


Pagine: Tutte
Descrizione: Le pagine non sono suddivise in sottosezioni per mezzo dei tag h1,h2,h3.. E' difficile comprenderne la struttura per un utente di lettore di schermo.

immagini come titoli, non comprensibili
Talora è possibile vedere pagine web che usano immagini per presentare titoli di sezioni della pagina. Un utente di un lettore di schermo non potrà capire quel titolo a meno che l'immagine non sia corredata di testo alternativo nell'attributo ALT.


Pagina: Conoscere la Basilicata
Immagini: immagine della barriera Codice: <img src="http://www.regione.basilicata.it/dipagricoltura/template/dinamici/standard/img/barramenu.jpg" width="543" height="99" border="0" border="0" alt="" hspace="0" vspace="0" align="top" usemap="#menu"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Informazioni
Immagini: immagine della barriera Codice: <img src="1.gif" width="395" height="337"> <img src="2.gif" width="365" height="337"> <img src="3.gif" width="395" height="337"> <img src="4.gif" width="365" height="337"> Descrizione: Le immagini non hanno equivalente testuale. E' molto grave che le informazioni non siano presentate sottoforma di testo, in quanto una persona disabile o temporaneamente disabile non può accedere ad esse.


Pagina: Tgweb
Immagini: immagine della barriera Codice: <img src="/tgweb/image/testata.gif" width="765" height="111" border="0"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Giornale Radio
Immagini: immagine della barriera Codice: <img src="/grweb/image/testata.jpg" width="765" height="111" border="0"> Descrizione: L'immagine testata.jpg non ha equivalente testuale.


Pagina: Rassegna Stampa
Immagini: immagine della barriera Codice: <img src="/grweb/image/testata.jpg" width="765" height="111" border="0"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Download Logo
Immagini: immagine della barriera Codice: <img src="images/testata.gif" width="765" height="95" border="0"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Il presidente
Immagini: immagine della barriera Codice: <FRAME SRC="immagini/barra_presidente.gif" MARGINWIDTH="0" MARGINHEIGHT="0" NAME="Regione Basilicata" SCROLLING="NO" FRAMEBORDER="0"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Sportello Europa
Immagini: immagine della barriera Codice: <img src="http://www.regione.basilicata.it/sportelloeuropa/template/dinamici/standard/img/barramenu.jpg" width="543" height="99" border="0" border="0" alt="" hspace="0" vspace="0" align="top" usemap="#menu"> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Ospitalità nei borghi
Immagine: immagine della barriera Codice: <img src="img/home.gif" /> Descrizione: L'immagine non ha equivalente testuale.


Pagina: Ospitalità nei borghi - Pagina 2
Immagini: immagine della barriera Descrizione: L'immagine non ha equivalente testuale.


Pagina: Parole e immagini
Immagine: immagine della barriera Codice: <img src="lett.jpg" /> Descrizione: L'immagine non ha equivalente testuale.

immagini come titoli, non ingrandibili
Utente ipovedente non potrà ingrandire il testo del titolo che è codificato come un'immagine (quindi rappresentato come dei pixel); egli dovrà per forza usare un ingranditore di schermo per poterla ingrandire, con la conseguenza di ridurre il suo campo visivo, e quindi l'efficacia e l'efficienza con cui usail sito web.


Descrizione: Le stesse immagini del punto precedente presentano questo problema.

Barriere al controllo da parte dell'utente

access key
Mancanza di tasti rapidi (access key) che fanno sí che disabili motori non possano attivare certi link in maniera rapida e sicura.


Descrizione: L'intero sito non presenta access key.

troppi link
Troppi link nella pagina, che fanno sí che utenti ipovedenti di un ingranditore di schermo impiegino tanto tempo e fatica a trovare il link che cercano.


Descrizione: I link nel sito sono troppo numerosi e rallentano la navigazione.

layout non ridimensionabile
Layout della pagina non ridimensionabile, che non permette ad un utente ipovedente di un ingranditore di schermo di incrementare la dimensione della finestra o del testo senza scompaginare l'impaginazione in maniera tale da comprometterne la comprensione.


Descrizione: Non è possibile ridimensionare il testo più di tanto senza scompaginare il layout della pagina.

skip-links
Mancanza di skip links nascosti che fanno sí che utenti non vedenti di lettori di schermo non possano velocemente saltare il materiale preliminare di una pagina.


Descrizione: Non sono presenti skip-links in alcuna pagina del sito.

versione solo testo
La versione testuale del sito non aggiornata e non contenente tutte le informazioni disponibili nella versione grafica può portare gli utenti che, per vari motivi hanno deciso di utilizzarla, a credere che il sito sia carente di contenuto.


Descrizione: Molto spesso nel sito non esiste equivalente testuale all'informazione contenuta nelle immagini. Nei 3 casi seguenti il problema è grave, in quanto tutta l'informazione è codificata per mezzo di esse.


Pagina: Rassegna Stampa
Immagini: immagine della barriera


Pagina: Ospitalità nei borghi
Immagine: immagine della barriera


Pagina: Parole e immagini
Immagine: immagine della barriera

Torna all'inizio

Note Conclusive

Il sito è decisamente mal realizzato. Quasi tutti i vincoli della simulazione euristica non sono stati rispettati.

Le barriere di gravità "critica" non superate sono numerose e si presentano con alta frequenza: immagini ricche senza alt, mancanza di didascalie, frame inaccessbili, immagini funzionali senza alt, nuove finestre popup, finestre sovrapposte, lentezza finestre popup, form senza label, titoli, lingua, titoli frame, suddivisione in sezioni, access key, troppi link, layout non ridimensionabile, skip-links, versione solo testo.

E' evidente che per un utente disabile o temporaneamente disabile il sito risulta innavigabile.

Il sito è stato testato sia con Mozilla Firefox 1.0.7, sia con Microsoft Internet Explorer 6.0. Firefox non visualizza come dovrebbe i menu laterali delle pagine. Probabilmente il sito è stato testato solo con Internet Explorer.