Utente:LoStrangolatore/Web Content Accessibility Guidelines: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica |
clean up |
||
Riga 1:
{{WIP open|Manuele2204|aggiornando questa voce}}
Le '''WCAG''' ('''Web Content Accessibility Guidelines''') fanno parte delle iniziative intraprese dal
==Come impostare un sito web==
Un
Un sito web accessibile è il risultato di un insieme di parti che interagiscono tra loro, come ad esempio:
*Contenuti: le informazioni
*Assistenti tecnologici: come gli screen reader, software di lettura vocale, tastiere particolari, etc;
*Applicativi: come il browser web e un media player per riuscire a leggere al meglio le pagine web;
*Sviluppatori: chiunque abbia un ruolo nel progettare un sito web(designers,programmatori,etc..);
*Tool di convalidazione: che permettano la convalida del codice [[HTML]], [[CSS]], etc..;
*Esperienza utente: anche
==Versioni delle WCAG==
Delle WCAG sono presenti due versioni:
*WCAG 1.0 pubblicate nel 1999, contenevano solo 14 tecniche che gli sviluppatori potevano seguire ed inoltre erano spiegate in modo breve, lasciando maggior spazio agli aspetti tecnici riferiti solo a HTML e CSS;
*WCAG 2.0 pubblicate nel 2008, contengono numerose tecniche applicabili a tutte le tecnologie di programmazione ed inoltre sono spiegate in modo esaustivo, includendo esempi, benefici che i disabili possono trarre, procedure di test, etc
==Tecniche Generali==
Le tecniche generali sono tecniche che possono essere applicate a tutte le tecnologie Web. Sono abbastanza esplicite e semplici da capire, anche perché le più complesse sono correlate di esempi abbastanza chiari che ne esplicitano l'intento. Di seguito vengono riportate tutte le tecniche generali del WCAG 2.0 (le tecniche non sono uguali nei dettagli a [http://www.w3.org/TR/WCAG20-TECHS/ quelle ufficiali, in inglese, del sito W3C]. In questa voce se ne vuole dare una spiegazione semplice e comprensibile in italiano, dato che tradotte in questa lingua non esistono).
===G1 - Aggiungere un link all’argomento di una pagina===▼
Il primo punto ci dice che per rendere migliore l’accessibilità alle informazioni del nostro sito è bene inserire un link nel top-pagina che ci porti all’argomento centrale trattato proprio in quella pagina; ▼
▲Il primo punto ci dice che per rendere migliore
Ad esempio:
Abbiamo visitato il sito web di un giornale e vogliamo leggere una particolare notizia; è bene inserire un link in quella pagina che ci faccia saltare il menù, banner e qualsiasi altra cosa non riguardi la notizia che cerchiamo, e ci porti direttamente
===G4 - Arresto, pausa o riavvio di una notizia===▼
▲===G4 - Arresto, pausa o riavvio di una notizia===
Se nel nostro sito sono presenti delle notizie a scorrimento o dei video, è utile includere dei comandi di arresto/pausa/riavvio della notizia che sta scorrendo, per poter permettere al lettore di leggerla con i propri tempi o di rileggerla qualora lo volesse;
===G5 - Nessun limite di tempo per concludere un’attività===▼
Consiste nel dare
===G8 - Dare ai video una seconda versione===▼
▲===G8 - Dare ai video una seconda versione===
Questo punto dice che è consigliabile dare ad un video (di un film per esempio) con audio, una seconda versione per le persone disabili della vista, in modo che possano
Ad esempio:
In un film troviamo una famiglia che deve scappare da un palazzo in fiamme, ma la loro fuga viene ostacolata da un muro. Per una persona disabile della vista è difficile percepire questa situazione, quindi, se fermandosi su quel fotogramma (nella seconda versione del video) entra in gioco una spiegazione della scena, sarà di gran lunga migliore la percezione di ciò che sta accadendo.
===G9 - Sottotitoli in real time===
Per sottotitoli in real-time si intende un software che catturi la voce e riesca a convertirla in testo in tempo reale, cosicché, facendo
▲Per sottotitoli in real-time si intende un software che catturi la voce e riesca a convertirla in testo in tempo reale, cosicché, facendo l’esempio di un Telegiornale, le notizie possano scorrere come sottotitoli mentre il giornalista le pronuncia.
Alcune pagine web vengono create tramite dei programmi che supportano queste funzioni. Se
▲===G10 - Creare componenti che usino una tecnologia che supporta le funzioni dell’API===
▲Alcune pagine web vengono create tramite dei programmi che supportano queste funzioni. Se l’autore utilizza queste componenti ed inserisce tutti i vari attributi, il risultato sarà una pagina web totalmente accessibile. Se invece l’autore utilizza altre componenti non previste dall’API deve, dopo il completamento, effettuare dei test per poter confermare la sua accessibilità.
===G11 - Creare contenuti che lampeggino per 5 secondi===
Qualsiasi banner, testo o immagine che sia, che lampeggia, provoca disturbo nel lettore, in particolare in utenti con problemi visivi.
▲Qualsiasi banner, testo o immagine che sia, che lampeggia, provoca disturbo nel lettore, in particolare in utenti con problemi visivi. E' preferibile, dunque, limitarne il lampeggiare a 5 secondi, affinché riduca la distrazione del lettore.
===G13 - Descrivere prima ciò che accadrà in un passaggio successivo===
Notiamo in questo punto come sia importante, soprattutto per persone disabili, specificare prima che si compia una determinata azione, cosa accadrà dopo, in modo tale che
▲Notiamo in questo punto come sia importante, soprattutto per persone disabili, specificare prima che si compia una determinata azione, cosa accadrà dopo, in modo tale che l’utente sappia a cosa va incontro cliccando su quel determinato pulsante. Uno dei diversi metodi che si possono adottare per risolvere questo tipo di problema è quello di scrivere in ordine di lettura, prima a cosa si va incontro e poi l’opzione da scegliere.
Ad esempio:
Dei bottoni con delle bandiere che servono per far cambiare lingua a un sito, vanno preceduti da un testo che dichiara che cliccando su quei pulsanti verrà modificata la lingua del sito stesso.
===G14 - Informazioni colorate disponibili anche sotto forma di testo===▼
▲===G14 - Informazioni colorate disponibili anche sotto forma di testo===
Spesso capita di imbattersi in scelte “colorate” tipo: “premi il pulsante verde per andare avanti oppure il rosso per tornare indietro”. Bene, questo tipo di scelte vanno definite anche in maniera testuale per poterle renderle comprensibili a chiunque.
===G15 - Soglia di flash===▼
▲===G15 - Soglia di flash===
Esistono limiti di flash di un immagine per persone fotosensibili, per permettere loro di visitare i siti web senza avere problemi. Semplici avvertenze spesso non bastano, infatti è possibile che quel sito venga visitato da un bambino fotosensibile o che non riesce a capire il significato di quella frase o che non nota la frase stessa. Quindi bisogna osservare con attenzione anche queste regole, e per sapere se il vostro sito è conforme o no, più avanti queste verranno specificate meglio (vedi 13 - g176 )
===G17 - Contrasto di 7:1 tra testo e sfondo===▼
▲===G17 - Contrasto di 7:1 tra testo e sfondo===
Per rendere facile la comprensione del testo di una pagina anche a persone con problemi di vista, è consigliabile creare delle pagine che abbiano un rapporto 7:1 tra luce e sfondo. In caso di sfondi tutti neri o tutti bianchi è semplice scegliere il giusto contrasto. Nel caso in cui ci troviamo ad avere uno sfondo particolare, che possa essere una foto di un tramonto o qualsiasi altra foto con più colori, è bene dare al testo uno sfondo anche sfocato, cosicché si possa stabilire tra testo e sfondo-testo un rapporto 7:1 mantenendo lo sfondo-pagina che vogliamo.
===G18 - Contrasto di 4,5:1 tra testo e sfondo===▼
▲===G18 - Contrasto di 4,5:1 tra testo e sfondo===
Questa tecnica è simile alla precedente, cambia solo il rapporto del contrasto del testo, inferiore a 18 (senza grassetto) o inferiore a 14(con grassetto) mentre per il contrasto 7:1 era di almeno 18(senza grassetto) o almeno 14(con grassetto).
===G19 - Componenti che non lampeggino più di 3 volte a secondo===
Questo punto serve per evitare elevati lampeggiamenti di un componente, che potrebbero causare convulsioni a persone che ne soffrono. Questa tecnica limita, proprio per questo motivo, il lampeggio di un componente a non più di tre volte al secondo.
===G21 - Assicurare che gli utenti non rimangano intrappolati===
Per evitare che gli utenti rimangano intrappolati
===G53 - Identificare link dal testo che lo racchiude===
Line 71 ⟶ 74:
===G54 - Linguaggio dei segni per informazioni audio===
Talvolta è difficile comprendere un video/audio per una persona che non può udire e non riesce a leggere velocemente il testo che scorre nelle slide, per questo motivo è consigliabile utilizzare il linguaggio dei segni per poter comunicare
===G55 - Definire le parole tramite link===
Per far si che chiunque legga un contenuto riesca a comprendere al meglio ciò che si vuole trasmettere, è bene includere nelle parole tecniche dell'argomento di cui si sta trattando, dei link che portino alle definizioni di tali parole.
Ad esempio:
Un contenuto di un sito di informatica che spiega quale sia la differenza tra ram ddr/ddr2/ddr3, deve includere un link nelle parole “ram” e “ddr” che porti ad una pagina che spieghi
===G56 - Differenza tra audio in primo piano e audio di background di almeno 20db===
Line 91 ⟶ 94:
===G60 - La riproduzione di un file audio si spegne dopo 3 secondi o meno===
Per le persone che utilizzano uno screen reader, un audio che duri a lungo può creare fastidio, e trovare il pulsante della pausa può essere più o meno difficile (a volte impossibile). Per questo, limitare la riproduzione
===G61 - Ordine delle componenti===
Un sito web per rendere facile ed intuitiva la sua navigazione, ha al suo interno diverse componenti, come ad esempio dei bottoni di una barra di navigazione. Se questi bottoni cambiano posto ogni volta che si cambia la pagina del sito, la navigazione sarà meno intuibile e creerà anche problemi. Ma se un gruppo di componenti o una componente si ripete in ogni pagina nella stessa posizione, oppure si ripete anche avendo in alcune pagine delle sotto-categorie che ne modificano
===G62 - Fornire un glossario===
Spesso, è utile fornire un glossario di alcuni termini che si ritrovano
Un glossario è una lista alfabetica di parole e/o abbreviazioni a cui viene data una definizione. Se nel nostro sito web decidiamo di adottare dei termini particolari per qualsiasi ragione e utilizziamo delle abbreviazioni per risparmiare tempo mentre scriviamo, è necessario creare un glossario con i termini che vengono utilizzati nel sito web, in modo da dare la possibilità
===G63 - Mappa del sito===
Spesso i menù di navigazione possono essere anche complicati da capire e da usare. Introdurre nel sito web una mappa che mostri tutti i collegamenti a tutte le pagine e i relativi argomenti trattati è un modo per rendere ancora più semplice la navigazione
===G64 - Tabella dei contenuti===
Questo punto è come il precedente, ma si riferisce in particolare agli argomenti che trattiamo.
Mentre con la mappa del sito creavamo una specie di indice di tutte le pagine di questo e degli argomenti trattati, con la tabella dei contenuti abbiamo un indice che ci permette di spostarci
===G65 - Numerazione pagine===
Se stiamo visionando un argomento particolarmente lungo che contiene una serie di link che spezzettano
===G68 - Etichette a file audio o video===
Per far si che tutti possano capire di cosa tratta un video o un file audio, possiamo inserire
===G69 - Alternative ai file video===
Line 117 ⟶ 120:
===G70 - Funzione che indirizzi ad un dizionario online===
A differenza dei glossari o di altri modi per definire le parole
===G71 - Fornire il link aiuto su tutte le pagine===
Questo punti ci suggerisce di creare un link in ogni pagina affinché, cliccandoci sopra, possa aprire una nuova finestra, permettendoci così di mantenere i dati che abbiamo in quella “principale”, in cui sono presenti informazioni per aiutare
===G73 - Link di descrizione in
Questa tecnica consiglia di inserire accanto a un contenuto non testuale una descrizione lunga, non posta in modo adiacente al testo, ma inserita attraverso un link, accanto al contenuto non testuale, che porti in
===G74 - Descrizione vicino al contenuto non testuale===
===G75 - Fornire un meccanismo per regolare gli aggiornamenti===
A seconda del tipo di sito, potrebbero esserci argomenti che per natura di cose è necessario aggiornare frequentemente per vedere se ci sono novità. Questi aggiornamenti rendono maggiormente accessibile il sito se possono essere modificati secondo i propri bisogni da parte
===G76 - Permettere
Dato che molte persone potrebbero avere problemi a causa degli aggiornamenti automatici, ad esempio chi usa software di ingrandimento dello schermo, poiché nel momento in cui si aggiorna una pagina si perde la posizione in cui si era e si ritorna nel top-pagina, potrebbe avere problemi a orientarsi nuovamente
===G78 - Fornire una traccia audio per contenuti non udibili===
===G79 - Fornire una versione parlata del testo===
Line 145 ⟶ 148:
===G81 - Linguaggio dei segni in finestra separata===
Spesso nel guardare una notizia video, un non udente può avere problemi anche a seguire il testo che scorre nel video, a causa della sua velocità. Per questo
è possibile creare un link di una pagina separata, che permetta
===G82 - Fornire una breve alternativa testuale a un contenuto===
Line 151 ⟶ 154:
===G83 - Descrizioni testuali per campi obbligatori===
Questa tecnica ci descrive come, per migliorare
===G84 - Dati inseriti non validi===
Quando un utente inserisce dei dati non validi, perché errati, in un campo è bene notificarglielo per fargli capire dove ha sbagliato. Questo è possibile tramite delle notifiche lato server ([[server-side]]) che mostrano un messaggio di errore, dove può esserci scritto "
===G85 - Struttura dei dati inseriti non validi in un campo===
Per evitare il problema che un utente inserisca in un campo dei dati non conformi a quelli che accetta, è bene dal lato client fare in modo che, mentre
===G86 - Fornire un testo di sintesi===
Line 166 ⟶ 169:
===G88 - Dare dei titoli descrittivi alle pagine web===
Questa tecnica ci descrive come rendere più facile la navigazione di un utente. Se noi diamo ad ogni pagina web un titolo che sinteticamente la descriva al meglio,
===G89 - Fornire il formato dei dati da inserire in un campo===
Per aiutare
===G90 - Comandi per gestire eventi da tastiera===
Per chi utilizza come strumento di navigazione una tastiera è bene includere dei comandi che possano essere dati in input da essa per svolgere una certa operazione.
===G91 - Testo del link che descrive
Questo punto ha lo scopo di fare inserire delle brevi descrizioni come testo del link che possano far capire brevemente a che argomento portano, dando la possibilità
===G92 - Descrizione lunga di un contenuto non testuale===
A differenza della descrizione breve di un contenuto non testuale (che da solo un accenno di ciò che esso tratta), la descrizione lunga da, invece, la possibilità di leggere tutti i dati relativi al contenuto, in modo esteso e completo.
===G93 - Testo per disabili
Per rendere possibile la comprensione di un file audio ai non udenti o a chi ha problemi
===G94 - Spiegazione breve accanto a un contenuto non-testuale===
Molte volte è utile utilizzare, accanto a contenuti non-testuali, delle brevi descrizioni che siano lo scopo di ciò che viene mostrato e non la descrizione
===G95 - Testo breve per contenuti non-testuali===
A volte, per poter spiegare bene dei contenuti non-testuali, ci si serve di testi lunghi. Per questo le brevi descrizioni, poste prima della lunga spiegazione, danno la possibilità
===G96 - Dare informazioni sugli elementi di una pagina web===
Questo punto ci invita a scrivere testualmente il comportamento di una determinata componente della pagina web. Se, ad esempio, abbiamo una pagina con dei campi per la registrazione al sito, alla fine di questa ci sarà un pulsante che sarà etichettato come “Avanti”. Inserendo un testo come: “Cliccando sul pulsante avanti la registrazione sarà completata”, faciliteremo
===G97 - Sigla di una forma estesa===
Se abbiamo un argomento abbastanza esteso è bene, anche ai fini della ricerca degli argomenti
===G98 - Annullare o rivedere dati===
Spesso capita di dover effettuare transazioni on-line che, una volta concluse, non permettono più di tornare indietro. Per dare
-Nel caso di una pagina dove noi inseriamo dei dati, prima di inviarli definitivamente, deve essere data
-Nel caso di più pagine nelle quali vengono inseriti dati, può essere difficile ricordare quelli inseriti precedentemente, quindi si può procedere dando la possibilità
===G99 - Fornire la possibilità di recuperare file cancellati===
Line 206 ⟶ 209:
===G100 - Dare una denominazione di un contenuto non-testuale===
Anche se persone con disabilità visive o uditive non possono comprendere rispettivamente il soggetto di un immagine o il suono di uno strumento musicale, possiamo fornire delle denominazioni per far capire loro di cosa si tratta. Ad esempio, se un non vedente visita un sito web che ha
===G101 - Dare la definizione di una parola o frase con un significato particolare===
Line 219 ⟶ 222:
===G102 - Dare la spiegazione delle abbreviazioni===
Ad esempio:
-
-
-
-
-
-
===G103 - Testo accompagnato da immagini illustrative===
Line 232 ⟶ 235:
===G105 - Salvare i dati dopo che una sessione scade===
Quando siamo
===G107 - Usare comandi per cambiare una componente del sito===
Può capitare che alcuni siti cambino contesto anche quando si passa con il puntatore sopra. Questo può essere un gran problema per persone con disagi cognitivi, che magari usando lo screen reader o
===G108 - Utilizzo dei markup===
Per permettere
===G110 - Utilizzare redirect client-side===
===G112 - Definizioni nel testo===
Ad esempio:
-Ho bruciato la RAM(memoria ad accesso casuale) del mio computer.
Line 252 ⟶ 255:
===G117 - Variazione di contenuti===
Quando viene effettuata la modifica di un testo, è bene lasciare sempre la parte originale e segnare attraverso il cambio del font, la grandezza del carattere, la sottolineatura,
===G120 - Pronuncia a seguire===
Line 258 ⟶ 261:
===G121 - Link alle pronunce===
===G122 - Riferimenti colorati===
Line 264 ⟶ 267:
===G123 - Link per ignorare contenuti===
Per rendere facile la navigazione di un contenuto, è possibile inserire dei link che ci permettano di saltare parte di esso, andando così
===G124 - Link nella parte superiore della pagina===
Line 270 ⟶ 273:
===G125 - Collegamenti a pagine web correlate===
Per mettere a disposizione agli utenti maggiori informazioni, si possono usare dei link (correlati
===G126 - Link disponibili in tutte le pagine===
Questa tecnica è utile per rendere ancora più semplice la navigazione. Ha
===G127 - Idendificare la relazione di pagine web===
Con questo punto si vuole consentire agli utenti di comprendere il rapporto che
===G128 - Segnalare posizione corrente nei link===
Questo obiettivo ci permette di sapere sempre dove siamo
===G130 - Voci descrittive===
Line 285 ⟶ 288:
===G131 - Etichette descrittive===
Queste sono molto importanti quando si parla di componenti web. Se stiamo compilando un form, dobbiamo sapere quali dati si devono inserire. Proprio per questo è indispensabile fornire delle etichette, per questi campi, ben descrittive. Ad esempio, un modulo che richiede il nome
===G133 - Checkbox per sessione utente===
Per poter permettere agli utenti disabili di non perdere il loro lavoro, questa tecnica ha lo scopo di mettere a disposizione di un sito web una checkbox al momento del login che permetta
===G134 - Convalida delle pagine web===
La convalida delle pagine web non è altro che la verifica di non esistenza di ambiguità
===G135 - Impostare le caratteristiche di accessibilità API (Application Programming Interface)===
Line 304 ⟶ 307:
===G139 - Meccanismo che permette di saltare direttamente agli errori===
Questa tecnica ha
===G140 - Separare la struttura delle informazioni dalla loro presentazione===
Questo punto ha lo scopo di facilitare
La struttura del testo, come: titoli, paragrafi, liste, etc.., deve essere separata dalla struttura della presentazione, e cioè dai font, dimensione del testo, colore, etc.., in modo che gli strumenti di tecnologia assistiva possano decidere se decodificare solo la parte strutturale.
===G141 - Organizzare una pagina utilizzando titoli===
===G142 - Utilizzare tecnologie che gli user agents a disposizione possono ingrandire===
Questa tecnica vuole dare la possibilità di rendere disponibili contenuti su cui si può effettuare lo zoom. Contenuti scritti in tecnologie supportate dagli user agents permettono
===G143 - Testo alternativo per il CAPTCHA===
Spesso capita di dover inserire dei caratteri, estrapolati da
===G144 - Garantire un CAPTCHA alternativo===
===G145 - Rapporto di contrasto 3:1===
Line 329 ⟶ 332:
===G148 - Non impostare colori di sfondo e testo===
===G149 - Utilizzo delle componenti di interfaccia utente per evidenziare su cosa si sta puntando===
Questa tecnica fa sì che gli strumenti di tecnologia assistiva comunichino
===G150 - Alternative testuali per dirette audio===
===G151 - Fornire un collegamento a una trascrizione del testo di una trasmissione audio, se preparato in anticipo===
Quando una trasmissione audio segue un testo preparato prima, se si fornisce una copia di questo sul sito web che ne trasmette
===G152 - Impostare il lampeggio di
Questo punto serve a garantire che le immagini GIF smettano di lampeggiare entro 5 secondi.
Tre aspetti determinano la creazione di
*Il numero di fotogrammi
*Il frame rate, che è quanto a lungo un fotogramma viene visualizzato;
*Il numero di ripetizioni, cioè quante volte
Nel caso più semplice la durata
Ad esempio, una semplice immagine lampeggiante con 2 frame, un frame rate di 0,5 secondi, e 3 ripetizioni avrà una durata di (2 * 0.5 * 3) secondi, o esattamente 3 secondi.
Nel caso in cui il frame rate di due fotogrammi è distinto, si effettua la somma dei frame rate dei fotogrammi, moltiplicati per il numero delle ripetizioni. Ad esempio, una semplice immagine con due fotogrammi, di cui il primo visualizzato per 0,75 secondi e il secondo per 0,25 secondi, e tre ripetizioni avrà una durata di ((0.75 + 0.25) * 3) secondi, esattamente 3 secondi.
Per far smettere di lampeggiare
Se uno solo dei risultati è maggiore di 5 secondi, bisogna correggere uno dei tre elementi.
===G153 - Rendere facile il testo da leggere===
Gli utenti disabili, leggendo del testo complesso possono avere difficoltà a comprenderne il contenuto.
Al fine di ridurre la complessità del testo bisogna seguire questi punti:
Line 372 ⟶ 375:
===G155 - Casella di controllo oltre al pulsante “Invio”===
La casella di controllo, serve a verificare se un utente è certo dei dati che ha inserito; spuntandola, quindi, è come se dichiarasse che è certo che i dati siano validi. Questo tipo di controllo si trova soprattutto quando si stanno per effettuare delle operazioni, che non appena concluse, saranno irreversibili. Non ha niente a che vedere quindi con la sicurezza che può dare un pulsante con
===G156 - Tecnologie user agents attualmente disponibili===
===G157 - Incorporare un servizio di sottotitoli in diretta per un sito web===
Line 381 ⟶ 384:
===G158 - Fornire alternative testuali per file di solo audio===
Per dei file di solo audio (parlato e suoni naturali e/o artificiali) è bene, per chi è disabile
===G159 - Fornire alternative testuali per file di solo video===
Questa tecnica è importante per far si che le persone disabili della vista possano comprendere cosa accade in un video dove ci sono immagini, espressioni, azioni, persone, animali. Questo è possibile grazie ad un documento testuale che contiene tutti i minimi dettagli del video,
===G160 - Fornire nel linguaggio dei segni informazioni, idee e processi che devono essere capiti per poter utilizzare il contenuto:===
Per persone disabili
===G161 - Motori di ricerca che aiutano gli utenti===
Applicando questo punto al nostro sito, faremo in modo che gli utenti non si smarriscano
===G162 - Posizionare le etichette===
Line 397 ⟶ 400:
===G163 - Diacritici ON/OFF===
Diverse lingue utilizzano questi segni diacritici per aiutare la pronuncia delle parole o per distinguere parole simili. Questi segni
===G164 - Periodo di tempo per modificare
Quando ci troviamo ad affrontare degli ordini on-line è possibile che una volta portato a termine un ordine, scopriamo che abbiamo inserito qualche informazione errata o addirittura vogliamo annullare
===G165 - Modificare gli indicatori
Sui sistemi operativi è disponibile uno strumento di ingrandimento, che per default ha una grandezza e un colore del bordo, per separarlo dal resto. Se, per esempio, il colore del nostro bordo
===G166 - File audio per i file video===
Line 409 ⟶ 412:
===G167 - Pulsante con etichetta adiacente ad un campo===
Quando siamo di fronte ad un campo che, prendendo in input dei caratteri, viene richiamato da un pulsante per fare una determinata operazione, includendo come etichetta del pulsante lo scopo che devono avere i caratteri inseriti in quel campo, evitiamo di dare delle definizioni ridondanti con altre etichette affiancate al campo. Ad esempio: un campo dove il testo che immettiamo viene ricercato
===G168 - Richiesta di conferma per continuare===
Quando si sta per effettuare
===G169 - Allineare il testo su un solo lato===
Persone con problemi cognitivi possono trovare problemi a comprendere un testo allineato a sinistra con margine a destra, a causa dello spazio (abbastanza grande) tra queste parole. Si consiglia allora di allineare il testo su un solo lato (sinistro preferibilmente) o di non impostare i campi di allineamento durante lo sviluppo del sito web, in modo tale che vengano allineati al margine sinistro.
===G170 - Fornire un controllo per
Quando accediamo ad un sito web e questo riproduce in automatico un file audio, lo sviluppatore deve rendere disponibile nel top della pagina (per essere maggiormente visibile) un pulsante che fermi la riproduzione. Questo perché le persone che hanno dei problemi e/o che utilizzano degli strumenti di AT, possono riscontrare difficoltà dal suono che ne viene riprodotto.
===G171 - Suoni su richiesta tramite pulsante===
Per non creare disagi alle persone che utilizzano gli screen reader dobbiamo fare in modo che
===G172 - Fornire un meccanismo che annulli la giustificazione del testo===
Se per qualche motivo la giustificazione del testo è necessaria, occorre che
===G173 - Alternativa audio di un file audio-video===
Fornire
===G174 - Fornire un link per passare ad una visualizzazione con sufficiente contrasto===
Line 436 ⟶ 439:
===G176 - Mantenere una parte lampeggiante abbastanza piccola===
Questa tecnica ha lo scopo di fornire un metodo per far si che si possano mantenere degli oggetti lampeggianti piccoli nella propria pagina. Se questo oggetto lampeggia più di 3 volte in un secondo, ma la parte che lampeggia è inferiore al 25% di 10 gradi del campo visivo, allora
Quindi bisogna fare attenzione alla visione centrale con campo visivo di 10 gradi:
*
Per chi dispone di un display con una risoluzione inferiore a quella indicata, visualizzare tali immagini sarebbe molto pericoloso. Per questo tipo di problema bisogna adottare il punto G19.
*
**Per convertire la distanza di visione nella dimensione di un rettangolo: moltiplicare la distanza di visione da 0,1745 (10 * pi / 180) per ottenere la larghezza del rettangolo, moltiplicare la distanza di visione da 0,1309 (7,5 * pi / 180) per ottenere l'altezza del rettangolo. (Questo calcolo può essere fatto in pollici o millimetri, o in qualsiasi altra unità di lunghezza.)
**Determinare le dimensioni di 10gradi in pixel. Per fare ciò, moltiplicare la larghezza e l'altezza del rettangolo, come spiegato nel passaggio 2.1, per ottenere la risoluzione dello schermo in pixel. Per avere la dimensione orizzontale e verticale del rettangolo in pixel:
Line 449 ⟶ 452:
===G177 - Suggerire come correggere un errore===
Per evitare che un utente sbagli ad inserire dei dati
===G178 - Controlli sulle pagine web che consentano lo zoom almeno del 200%===
Utenti con capacità visive ridotte, hanno dei problemi a visualizzare le pagine web ad una grandezza normale, se aggiungiamo che non riescono a configurare le impostazioni del browser per
===G179 - Garantire che non ci sia perdita di contenuti quando il testo viene ridimensionato e i contenuti no===
Alcuni user agents ridimensionano il testo senza ridimensionare le strutture che lo contengono, e questo può causare un accavallamento del testo tale che il contenuto viene reso inutilizzabile. Esistono però delle tecniche di layout che permettono al testo di essere ridimensionato senza problemi fino ad almeno il 200% della sua dimensione iniziale. Se poi si aumenta ancora con lo zoom, il testo può essere fatto accavallare. Le strutture che lo contengono possono anche avere una barra di navigazione che permetta
===G180 - Fornire
Alcuni utenti non riescono a completare la propria sessione di lavoro
===G181 - Inviare dati dopo la scadenza della sessione di lavoro===
Nel caso di dati importanti, quando si dilunga troppo una sessione di lavoro e questa scade senza che ce ne accorgiamo, per dare maggiore sicurezza all'utente bisogna fornire, nel momento in cui tentiamo di inviare i dati che finora abbiamo elaborato, un messaggio che ci informa che la nostra sessione è scaduta e che, per non perdere i dati che avevamo creato/modificato, è necessario re-inserire nei campi le nostre identificazioni (come nickname e password). Inseriti questi ultimi ri-accediamo alla nostra sessione e i dati che stavamo inviando saranno inviati correttamente. Questo è possibile grazie al server che, scaduta la nostra sessione, ci richiede una nuova autenticazione prima di procedere e collega alla pagina di ri-autenticazione la pagina precedente che conteneva i dati che avevamo creato/modificato, e al momento
===G182 - Fornire ulteriori riferimenti visivi oltre al colore del testo===
Line 467 ⟶ 470:
===G183 - Applicare un contrasto di 3:1 con il testo attorno per parole/frasi speciali===
Per utenti con problemi visivi, può essere utilizzata questa tecnica per rendere maggiormente visibile un testo speciale (tipo link, titoli,
===G184 - Descrivere le informazioni da inserire in un form o in un insieme di campi===
Quando ci troviamo ad inserire dei dati più o meno personali, dobbiamo sapere bene quale sia la giusta sintassi per inserirli. Questa può essere descritta
===G185 - Link a tutte le pagine di un sito nella sua Home Page===
Quando abbiamo un sito di piccole dimensioni, per mostrare
===G186 - Utilizzo di controlli per fermare il lampeggio di un oggetto===
Questa tecnica consiglia di introdurre dei controlli visibili nella parte alta della pagina (top-page) così da permettere agli utenti a cui danno fastidio i flash delle immagini di poterle fermare grazie a questi comandi, che possono o fermare tutte le immagini che lampeggiano oppure possono esserci diversi controlli per quanti contenuti lampeggianti ci sono.
===G187 - Disattivare i lampeggi direttamente
===G188 - Fornire un pulsante per aumentare gli spazi di linea e del paragrafo===
Persone con problemi cognitivi possono incontrare difficoltà a leggere del testo troppo stretto (con piccoli spazi tra una linea di testo e
===G189 - Controlli nel top-pagina che cambiano il testo dei link===
Nel web sono presenti degli utenti che preferiscono comprendere il contesto per capire a cosa porta un link e utenti che invece vogliono immediatamente un link abbastanza esteso in cui il testo stesso del link facci capire a cosa è indirizzato.
===G190 - Fornire un link per un contenuto non conforme che porti a una versione conforme===
Quando
===G191 - Fornire un comando che ricarichi la pagina senza contenuti lampeggianti===
Questa tecnica, per agevolare la navigazione del sito web da parte di utenti con problemi cognitivi, consiglia di creare
===G192 - Completamente conformi alle specifiche===
Quando un linguaggio di marcatura è utilizzato in modo conforme alle regole definite nel Success Criterion 4.1.1, non
===G193 - Help Assistano in una pagina web===
===G194 - Controllo ortografico e suggerimenti durante la scrittura===
Utenti con problemi cognitivi o con delle disabilità potrebbero incontrare problemi nello scrivere del testo ortograficamente corretto. Mettere a disposizione un modo per il controllo
===G195 - Utilizzare indicatori di attivazione ben visibili===
Molti browser utilizzano di default degli elementi di focus (quando si seleziona un elemento) che non sono tanto distinguibili a seconda dei contesti in cui si vanno a richiedere, e questo può creare confusione. Questa tecnica ha
===G196 - Testo alternativo per un gruppo di immagini===
Quando abbiamo un gruppo di immagini e ciascuna di queste rappresenta uno stato, è inutile descrivere ciascuno stato
===G197 - Etichette, nomi e testi alternativi uguali se applicati a componenti che effettuano le stesse funzioni===
Utenti disabili della vista, o con problemi a
===G198 - Sessione utente senza limite di tempo===
Utenti con varie disabilità non riescono a terminare il proprio lavoro nel tempo limite che viene imposto alla sessione. Fornendo un controllo che, prima che scada la pagina ,dia la possibilità
===G199 - Feedback di operazione eseguita con successo===
Quando
==Informazioni più approfondite==
*{{en}}[http://www.w3.org/TR/WCAG20-TECHS/ Tutte le tecniche WCAG 2.0]
*{{en}}[http://www.w3.org/
*{{en}}[http://www.w3.org/TR/UNDERSTANDING-WCAG20/ Lista di tutti i criteri di successo (Success Criterion)]▼
*{{en}}[http://www.w3.org/
▲{{en}}[http://www.w3.org/TR/UNDERSTANDING-WCAG20/ Lista di tutti i criteri di successo (Success Criterion)]
==Link correlati==
*{{it}}[http://www.w3c.it/ W3C]
*{{it}}[http://www.w3c.it/wai/wcag10Guidelines.html
*{{en}}[http://www.w3.org/TR/WAI-WEBCONTENT/ WCAG 1.0]
*{{
*{{en}}[http://www.w3.org/WAI/WCAG20/from10/diff.php Differenze tra WCAG 2.0 e WCAG 1.0]▼
▲{{en}}[http://www.w3.org/TR/WAI-WEBCONTENT/ WCAG 1.0]
▲{{en}}[http://www.w3.org/TR/WCAG20/ WCAG 2.0]
▲{{en}}[http://www.w3.org/WAI/WCAG20/from10/diff.php Differenze tra WCAG 2.0 e WCAG 1.0]
[[Categoria:Accessibilità]]
|