Rapporto di conformità WCAG AA del sito del Comune di Pordenone

Indice

Sommario

La verifica di conformità alle linee guida per l'accessibilità del W3C del sito www.comune.pordenone.it è stata effettuata tra il 2 e il 4 Marzo 2004 su un campione di nove fra le pagine principali.

Lo stato di conformità è negativo: sono state rilevate alcune mancanze tali da non permettere al sito di raggiungere il livello (A) di conformità.

Alcune delle infrazioni riscontrate comprendono:

Alla luce di questi problemi il sito è da ritenersi non completamente accessibile.

Dettagli tecnici

Livello di priorità 1 (A)

Fornire un'alternativa testuale ai contenuti non testuali

Ad eccezione di qualche caso, la maggior parte delle immagini presenti nelle pagine esaminate è priva di alternativa testuale.

Ove presente, il contenuto dell'attributo alt costituisce un'alternativa efficace all'immagine: é il caso delle pagine "di primo livello", dove i pulsanti del menu per accedere ad alcuni servizi utilizzano la seguente sintassi:

<a href=""><img src="/immagini/prg.gif" alt="Consulta il Piano Regolatore"></a>

Nel caso in cui il sito dovesse essere visualizzato senza immagini, al posto del pulsante verrà visualizzato un link con il testo "Consulta il piano regolatore"

Sempre nella paginaindex.html e nelle altre al primo livello del sito, è presente un'immagine del logo del Comune di Pordenone, inserita con la seguente sintassi:

<img src="" alt="Stemma Comune di Pordenone">

Disabilitando la visualizzazione delle immagini, viene visualizzata al posto del logo un'etichetta "Stemma Comune di Pordenone", completamente inutile ai fini della navigazione. In questo caso sarebbe stato opportuno lasciare l'attributo alt vuoto.

Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza

Nelle pagine esaminate i link sono sottolineati come da convenzione, quindi risultano chiaramente distinguibili anche in assenza di colore.

Identificare con chiarezza i cambiamenti nel linguaggio naturale del testo

I cambiamenti di lingua non sono correttamente segnalati in alcuna delle pagine prese in esame.

Questo problema viene corretto specificando la lingua del testo interessato nell'attributo lang dell'elemento che lo contiene. Nel caso in cui il testo interessato sia l'intero corpo di un elemento, la soluzione va implementata così:

<a href="" lang="en">Photo gallery</a>

Nel caso in cui il testo interessato costituisca solo parte del testo di un elemento, va racchiuso in un elemento span:

<a href="">Sito <span lang="en">web</span> del Comune di Pordenone</a>

L'attributo lang va aggiunto anche all'elemento html per indicare la lingua primaria del documento.

Usare il linguaggio più chiaro e semplice possibile che sia adatto al contenuto del sito

Non sono stati riscontrati particolari problemi nelle pagine analizzate.

Assicurarsi che le pagine siano utilizzabili quando script, applet o altri oggetti di programmazione sono disabilitati oppure non supportati.

Nella pagina http://www.comune.pordenone.it/comunica/c_stampa.htm, è presente una form per selezionare dei comunicati stampa in base alla data, la cui attivazione è implementata tramite Javascript, in modo non accessibile:

<select name="select" onChange="MM_jumpMenu('parent',this,0)">

Senza supporto Javascript non è possibile raggiungere le pagine tramite la form.

Sarebbe stato opportuno implementare un pulsante di invio per attivare l'azione oppure prevedere una pagina contentente la lista estesa dei contenuti raggiungibili tramite la form.

Livello di priorità 2 (AA)

Assicurarsi che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto.

Non sono stati riscontrati particolari problemi di questo tipo.

Quando esiste un linguaggio di markup appropriato, preferirlo all'uso delle immagini

La maggior parte dei contenuti è rappresentato in formato testuale, tranne che in un menu in cui i link sono rappresentati da delle immagini, a mo di abbellimento grafico. Tali immagini sono opportunamente corredate da un attributo alt.

Creare documenti validi rispetto a delle grammatiche formali pubbliche

Tutte le pagine includono il seguente doctype:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">

Bisogna inoltre assicurarsi che il documento rispetti tale definizione, utilizzando ad esempio il validatore del W3C.

Le pagine analizzate presentano molto spesso errori di validazione, derivati ad esempio dall'utilizzo di attributi inesistenti come LEFTMARGIN.

Usare i fogli di stile per controllare presentazione e impaginazione

Le pagine esaminate fanno uso dei fogli di stile, ma solo per controllare la presentazione dei link e di una tabella; il resto è specificato all'interno delle singole pagine HTML.

Usare unità relative piuttosto che assolute negli attributi del linguaggio di markup e nei fogli di stile

Le tabelle di usate come griglia di impaginazione usano unità assolute.

Usare elementi di intestazione per dare struttura al documento

In nessuna delle pagine esaminate è stato utilizzato alcun elemento di intestazione, preferendo combinazioni di elementi font e b per ottenere lo stile grafico desiderato.

Gli elementi di intestazione utilizzabili in HTML sono h1, h2, h3, h4, h5, h6, dove h1 è l'elemento gerarchicamente più importante.

Nella pagina index2.html, il titolo "Novità" è implementato più o meno in questo modo:

<b><font size="1" color="#FFFFFF">NOVITÀ</font></b>

Un implementazione consiste nell'utilizzare un elemento h2:

<h2>Novità</h2>

La presentazione deve essere poi implementata nel foglio di stile:

h2 { font-size: medium; color: white; text-transform: uppercase}

Nel caso che si intenda utilizzare un'immagine per il titolo, si può inserire l'immagine all'interno dell'elemento di intestazione:

<h1><img src="" alt="Titolo"></h1>

Utilizzare le liste in modo appropriato

In nessuna delle pagine esaminate è stato utilizzata alcuna lista, nonostante ci siano diversi elementi che sarebbe stato opportuno implementare con delle liste.

La sequenza di link presente sulla sinistra nella pagina index.html è presentato come una lista non ordinata, così come la parte centrale del corpo e come la lista di link a destra, ma è implementato senza utilizzare gli elementi ul e li.

Lo stesso menu è riproposto in tutte le pagine al livello più alto del sito.

È costruito con una tabella, quando si potrebbe usare una lista di link, opportunamente presentata con i fogli di stile:

 <ul>
   <li><a href="">Voce 1</a></li>
   <li><a href="">Voce 2</a></li>
   <li><a href="">Voce 3</a></li>
   <li><a href="">Voce 4</a></li>
 </ul>

Usare le tecnologie del W3C quando sono disponibili, ed evitare quelle obsolete

Tutte le pagine esaminate non sono conformi alle specifiche HTML del W3C e fanno uso di elementi obsoleti come font.

Identificare chiaramente la destinazione di ogni link

I link presenti nelle pagine analizzate sono risultati chiari e comprensibili anche al di fuori del loro contesto. Le situazioni ambigue ed errate come il comune "clicca qui" non sono state incontrate.