Requisito n. 1
Enunciato:
Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili quando sono supportate dai programmi utente. Utilizzare elementi ed attributi in modo conforme alle specifiche, rispettandone l’aspetto
semantico. In particolare, per i linguaggi a marcatori HTML (HypertText
Markup Language) e XHTML (eXtensible HyperText Markup Language):
a) per tutti i siti di nuova realizzazione utilizzare almeno la versione 4.01
dell’HTML o preferibilmente la versione 1.0 dell’XHTML, in ogni caso
39 con DTD (Document Type Definition – Definizione del Tipo di
Documento) di tipo Strict;
b) per i siti esistenti, in sede di prima applicazione, nel caso in cui non sia
possibile ottemperare al punto a) è consentito utilizzare la versione dei
linguaggi sopra indicati con DTD Transitional, ma con le seguenti avver
tenze:
1. evitare di utilizzare, all’interno del linguaggio a marcatori con il quale
la pagina è realizzata, elementi ed attributi per definirne le caratteri-
stiche di presentazione della pagina (per esempio, caratteristiche dei
caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricor-
rendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottene
re lo stesso effetto grafico;
2. evitare la generazione di nuove finestre; ove ciò non fosse possibile,
avvisare esplicitamente l’utente del cambiamento del focus;
3. pianificare la transizione dell’intero sito alla versione con DTD Strict
del linguaggio utilizzato, dandone comunicazione alla Presidenza
del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie e al Centro nazionale per l’informatica nella pubblica ammi-
nistrazione.
Sintesi:
Il requisito 1 in pratica ci dice di utilizzare gli elementi
dell'(x)html rispettandone l'aspetto semantico. Il che significa che per i
titoli vanno utilizzati i tag <h1> - <h6>, le tabelle vanno utilizzate per
tabulare dei dati e non per il layout della pagina; per questa si
useranno i CSS così come per gli altri elementi come i font, colori, e sfondi.
Requisito n. 2
Enunciato:
Non è consentito l’uso dei frame nella realizzazione di nuovi siti.
In sede di prima applicazione, per i siti Web esistenti già realizzati con
frame è consentito l’uso di HTML 4.01 o XHTML 1.0 con DTD frameset, ma
con le seguenti avvertenze:
a) evitare di utilizzare, all’interno del linguaggio a marcatori con il quale la
pagina è realizzata, elementi ed attributi per definirne le caratteristiche
di presentazione della pagina (per esempio, caratteristiche dei caratteri
del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece
ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effet-
to grafico;
b) fare in modo che ogni frame abbia un titolo significativo per facilitarne
l’identificazione e la navigazione; se necessario, descrivere anche lo
scopo dei frame e la loro relazione
Sintesi:
I frame non possono essere utlizzati, e la formattazione (testo, sfondi) deve essere eseguita con
i css.
Requisito n. 3
Enunciato:
Fornire una alternativa testuale equivalente per ogni oggetto non
di testo presente in una pagina e garantire che quando il contenuto non
testuale di un oggetto cambia dinamicamente vengano aggiornati anche i
relativi contenuti equivalenti predisposti; l’alternativa testuale equivalente di
un oggetto non testuale deve essere commisurata alla funzione esercitata
dall’oggetto originale nello specifico contesto.
Sintesi:
Utilizzare gli "alt" (testo alternativo) per le immagini. Se l'oggetto cambia il testo
cambia di conseguenza.
Requisito n. 4
Enunciato:
Garantire che tutti gli elementi informativi e tutte le funzionalità
siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina
Sintesi:
Questo enunciato ci dice di non abusare dei css per togliere la sottolineatura nei link, perchè
in questo caso potremmo disorientare l'utente. Cosa che invece potrebbe andar bene in un
tipico menù di navigazione, data la sua immediata riconoscibilità.
Requisito n. 5
Enunciato:
Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile o disturbi della concentrazione, ovvero possano causare il malfunzionamento delle tecnologie assistive utilizzate; qualora esigenze informative
richiedano comunque il loro utilizzo, avvertire l’utente del possibile
rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi.
Sintesi:
Questo enunciato si commenta da solo. Per quello che sta diventando internet applicare una
regola come questa implica non poche difficoltà. E' comunque importante considerare che
il nostro scopo finale è quello di informare l'utente più che stupirlo con effetti speciali.
Requisito n. 6
Enunciato:
Garantire che siano sempre distinguibili il contenuto informativo
(foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto
(nel caso del testo) o a differenti livelli sonori (in caso di parlato con sottofondo musicale); evitare di presentare testi in forma di immagini; ove non sia
possibile, ricorrere agli stessi criteri di distinguibilità indicati in precedenza
Sintesi:
Non dare per scontato che mettendo uno sfondo bianco il testo venga poi visualizzato dal
browser con il colore nero. In pratica bisogna definire sempre il colore del testo.
Requisito n. 7
Enunciato:
Utilizzare mappe immagine sensibili di tipo lato client piuttosto che
lato server, salvo il caso in cui le zone sensibili non possano essere definite con
una delle forme geometriche predefinite indicate nella DTD adottata.
Sintesi:
Questo tipo di operazione è oramai adottata da tutti i browser.
Requisito n. 8
Enunciato:
In caso di utilizzo di mappe immagine lato server, fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i
servizi raggiungibili interagendo direttamente con la mappa.
Sintesi: Utilizzare per le immagini lato server gli "alt".
Requisito n. 9
Enunciato:
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intesta
zioni di righe e colonne.
Sintesi: ultilizzare i marcatori come <th>
<caption> per strutturare in modo corretto una tabella
Requisito n. 10
Enunciato:
Per le tabelle dati usare gli elementi (marcatori) e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazio
ne che hanno due o più livelli logici di intestazione di righe o colonne
Sintesi: vedi precedente.
Requisito n. 11
Enunciato:
Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati.
Sintesi: Accertarsi che anche senza i css la pagina sia facilmente fruibile. Fare in modo
che gli elementi seguano la semantica dei contenuti (titolo, sottotitolo, contenuti).
Requisito n. 12
Enunciato:
La presentazione e i contenuti testuali di una pagina devono
potersi adattare alle dimensioni della finestra del browser utilizzata dall’u
tente senza sovrapposizione degli oggetti presenti o perdita di informazioni
tali da rendere incomprensibile il contenuto, anche in caso di ridimensionamento, ingrandimento o riduzione dell’area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri.
Sintesi: Questo enunciato ci dice di preferire l'uso dei layout liquidi (percentuale) anzichè
quelli a larghezza fissa. Lo stesso dicasi per il testo; usare gli "em" invece dei pixel
in quanto non tutti i browser ridimensionano il testo con i pixel.
Requisito n. 13
Enunciato:
In caso di utilizzo di tabelle a scopo di impaginazione, garantire che il contenuto della tabella sia comprensibile anche quando questa
viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una
tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato.
Sintesi: Si riprende il concetto del requisito n.11 per applicarlo alle tabelle. Nel caso siano
utilizzate fare in modo che i contenuti siano fruibili e comprensibili nel caso dovessimo
vedere solo la parte testuale.
Requisito n. 14
Enunciato:
Nei moduli (form), associare in maniera esplicita le etichette ai
rispettivi controlli, posizionandole in modo che sia agevolata la compilazio-
ne dei campi da parte di chi utilizza le tecnologie assistite.
Sintesi: Nel caso di un form compilativo assicurarsi che il tag (es: name="") corrisponda a quello
evidenziato sul browser che descrive il riquadro dove inserire i dati.
Requisito n. 15
Enunciato:
Garantire che le pagine siano utilizzabili quando script, applet,
o altri oggetti di programmazione sono disabilitati oppure non supportati;
ove ciò non sia possibile fornire una spiegazione testuale della funzionalità
svolta e garantire una alternativa testuale equivalente, in modo analogo a
quanto indicato nel requisito n. 3.
Sintesi: dobbiamo fare in modo che il testo sia sempre visibile e fruibile, anche quando non
vengono abilitati gli script. Questo enunciato ci fa capire come l'elemento principe
che guida il web, le sue risorse e la sua visibilità sia legata ai contenuti più che
agli effetti speciali di un sito.
Requisito n. 16
Enunciato:
Garantire che i gestori di eventi che attivano script, applet o altri
oggetti di programmazione o che possiedono una propria specifica interfac-
cia, siano indipendenti da uno specifico dispositivo di input.
Sintesi: fare in modo che anche quando gli script, applet, e altri oggetti di programmazione
non siano attivi le pagine siano ugualmente fruibili.
Requisito n. 17
Enunciato:
Garantire che le funzionalità e le informazioni veicolate per
mezzo di oggetti di programmazione, oggetti che utilizzano tecnologie non
definite da grammatiche formali pubblicate, script e applet siano diretta
mente accessibili.
Sintesi: Le informazione date tramite script e applet devono essere accessibili anche nel
caso che questi non si avviassero.
Requisito n. 18
Enunciato:
Nel caso in cui un filmato o una presentazione multimediale
siano indispensabili per la completezza dell’informazione fornita o del ser-
vizio erogato, predisporre una alternativa testuale equivalente, sincronizza
ta in forma di sotto-titolazione o di descrizione vocale, oppure fornire un
riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficoltà di realizzazione nel caso di trasmissioni in tempo reale.
Sintesi: Nel caso di filmati predisporre una sua descrizione testuale alternativa, sotto-titolata
o tramite audio.
Requisito n. 19
Enunciato:
Rendere chiara la destinazione di ciascun collegamento iperte
stuale (link) con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possieda-
no analoghe caratteristiche esplicative, nonché prevedere meccanismi che
consentano di evitare la lettura ripetitiva di sequenze di collegamenti comu
ni a più pagine.
Sintesi: Può essere utile offrire una navigazione non solo con i classici menu di navigazione ma
anche mediante link di navigazione interna. Questi link tuttavia possono essere fuorvianti, in
questo caso ci vengono in aiuto i css con i quali possiamo formattarli in modo farli apparire come
un testo normale.
Requisito n. 20
Enunciato:
Nel caso che per la fruizione del servizio erogato in una pagina
è previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni, è necessario avvisare esplicitamente l’utente, indicando il
tempo massimo consentito e le alternative per fruire del servizio stesso.
Sintesi: avvisare l'utente se eventuali azioni da eseguire hanno la necessità di essere eseguite
seguendo determinate condizioni.
Requisito n. 21
Enunciato: Rendere selezionabili e attivabili tramite comandi da tastiere o
tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi
dal mouse i collegamenti presenti in una pagina; per facilitare la selezione
e l’attivazione dei collegamenti presenti in una pagina è necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link
consecutivi sia di almeno 0,5 em, le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0,5 em e che le dimensioni dei pulsanti in
un modulo siano tali da rendere chiaramente leggibile l’etichetta in essi contenuta.
Sintesi:Fare in modo che il link sia attivabile anche da tastiera. La distanza
orizzontale e verticale tra i link sia almeno di 0.5em.
Requisito n. 22
Enunciato:
Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti (pagine non accessibili), in sede di prima applicazione, fornire
il collegamento a una pagina conforme a tali requisiti, recante informazioni
e funzionalità equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza, evitando la creazione di pagine di solo testo; il
collegamento alla pagina conforme deve essere proposto in modo evidente
all’inizio della pagina non accessibile.
Sintesi: Per i vecchi siti predisporre una pagina accessibile con collegamento posto
in modo evidente nella pagina non accessibile.
Scarica la versione in PDF
E' possibile trovare la legge Stanca (allegato -A-) 8 luglio 2005 in questo link
: http://www.pubbliaccesso.gov.it/normative/DM080705-A.htm