|
|
Sei qui: Casa » Documenti »WCAG 2.0 per HTML
Traduzioni
Traduzioni di questo documento sono disponibili:
Importante!
Le informazioni contenute in questa pagina non sono le WCAG 2.0.
Questa è una lista di controllo semplice che formula raccomandazioni per l'attuazione dei principi e delle tecniche per soddisfare le WCAG HTML 2.0.
La formulazione usata qui è significativamente diverso da quello utilizzato nella versione ufficiale delle WCAG 2.0 al fine di rendere più facile la loro attuazione e la verifica delle pagine web (Nota: si veda anche la versione francese approvata dal W3C WCAG 2,0 come pubblicizzato Ideos dal 28 Giugno, 2009).
Raccomandazioni di usare questa lista: -
Questo elenco non può essere utilizzato per verificare la conformità con le WCAG 2.0.
È necessario utilizzare la documentazione ufficiale delle WCAG 2.0 per determinare il livello di conformità o non conformità.
-
Questa lista non devono essere richiamate nel regolamento.
Sebbene questa sia una risorsa utile per l'esecuzione tecnica delle WCAG 2.0 nel contenuto HTML, questo non è un elenco di mettere nei regolamenti.
La documentazione ufficiale delle WCAG 2.0 descrive molto meglio i meccanismi di implementazione dell'accessibilità nei regolamenti o leggi.
-
WCAG 2.0 copre l'accessibilità per tutti i contenuti web e non sono specifiche di una tecnologia.
Ma questa lista è stata ridotta principalmente alla valutazione HTML contenuto HTML.
Questa lista è abbastanza limitato e soggetto a cambiamenti tecnologici, mentre le WCAG 2.0 sono molto meno.
-
Questa lista presenta l'interpretazione delle WCAG 2.0 e la sua criteri di successo per WebAIM.
Esso descrive le tecniche raccomandate dal WebAIM per soddisfare i criteri per il successo. La prima colonna della tabella sottostante fornisce i collegamenti con i criteri per il successo della versione ufficiale delle WCAG 2.0 in lingua francese.
Solo le linee guida ufficiali possono essere utilizzati per verificare la conformità con le WCAG 2.0.
Una versione di questo elenco è anche disponibile ( scarica Adobe Reader ).
Percettibile
Contenuti web è reso percepibile ai sensi - vista, udito e / o toccare.
Raccomandazione 1.1
Equivalenti testuali - Fornire un equivalente testuale per tutti i contenuti non testuali che possono poi essere presentato in diverse forme a seconda delle esigenze dell'utente: stampa a grandi caratteri, Braille, sintesi vocale, simboli o linguaggio più semplice. |
Criteri per il successo |
Raccomandazioni |
|---|
1.1.1 contenuto non testuale
(Livello A) | -
Tutte le immagini, pulsanti e forma una delle aree della mappa immagine delle immagini deve avere un testo alternativo appropriata ed equivalente.
-
Immagini che non trasmettono contenuti che sono decorative o il cui contenuto è già inviati dal testo sono
alt di testo vuoto ( alt="" ) o sono implementate nel CSS background.
Tutti i link le immagini hanno un testo alternativo che descrive la funzione del collegamento. -
Alternative alle immagini complesse sono riportati nella pagina Web o in una pagina separata (per il collegamento e / o attributo
longdesc ). -
I tasti hanno una forma descrizione fatta dal attributo
value . -
Campi di
inputs hanno le etichette di testo associate o, se le etichette non possono essere utilizzati, hanno un attributo descrizione title . -
Il multimediali incorporati (embedded) è identificato da un testo accessibile.
-
Fotogrammi (
frames ) hanno titoli adeguati.
|
Raccomandazione 1,2
Time-based media - Proporre versioni alternative di tempo media.
Nota: Se l'audio o il video include il contenuto della pagina Web (ad esempio, una versione audio o video di linguaggio dei segni per la pagina Web), quindi il contenuto Web è la loro alternativa. |
Criteri per il successo |
Raccomandazioni |
|---|
1.2.1 Contenuto solo il video o solo audio (preregistrata)
(Livello A) | -
Una trascrizione del testo descrittivo (comprese tutte le informazioni e le informazioni audio) è dato per l'audio sul Web non in linea (podcast audio, MP3, ecc.).
-
Una descrizione testuale è dato per audio o video senza audio, sul web e offline (ad esempio, un video senza traccia audio).
|
1.2.2 Didascalie (preregistrata)
(Livello A) | -
I sottotitoli sono forniti per i video sincronizzato sulla linea Web (YouTube, ecc) ..
|
1.2.3 audio-descrizione o una versione alternativa di time-based media (pre-registrati)
(Livello A) | |
1.2.4 Didascalie (Live)
(Livello AA) | -
, vidéo conférences, animations Flash, etc.). Di didascalie sincronizzate sono dati per una trasmissione in diretta audiovisiva che contiene audio (solo audio broadcast, web cast, video conferenze, animazioni Flash, ecc) ..
|
1.2.5 audio-descrizione (pre-registrati)
(Livello AA) | -
Di audio-descrizioni sono dati per tutti i video.
Nota: questo è necessaria solo se il contenuto del video veicolo visivo che non sia già presenti sulla traccia audio.
|
1.2.6 Lingua dei Segni (pre-registrati)
(Livello AAA) | -
Un video di lingua dei segni è dato per tutti i supporti che contengono audio.
|
1.2.7 audio-descrizione estesa (pre-registrati)
(Livello AAA) | -
Quando un audio-descrizione non può essere aggiunto al video grazie alla sincronizzazione audio (per esempio, non c'è silenzio), una versione alternativa del video con pause di inserire la descrizione audio è dato.
|
La versione 1.2.8 di un'alternativa basata sul tempo i media (pre-registrati)
(Livello AAA) | -
Una trascrizione del testo descrittivo è previsto per tutti i supporti pre-registrati con una traccia video.
|
1.2.9 Solo audio (live)
(Livello AAA) | -
Una trascrizione del testo descrittivo (per esempio, lo script di un suono dal vivo) è dato per tutti ad avere l'audio diretto.
|
Raccomandazione 1,3
Adattabile - Creare contenuti che possano essere presentati in modi diversi, senza perdere informazioni o la struttura (ad esempio con un layout semplificato). |
Criteri per il successo |
Raccomandazioni |
|---|
1.3.1 Le informazioni e le relazioni
(Livello A) | -
Il codice semantico viene utilizzato per i titoli paragrafo (
h1 ), liste ( ul , ol e dl ), testi il cui significato è enfatizzato o speciali testo (ad esempio, strong , code , abbr , blockquote ), ecc.
Il codice semantico dovrebbe essere usato in modo appropriato. -
Le tabelle vengono utilizzati per identificare le tabelle di dati.
Se necessario, celle di dati sono associati al loro intestazioni.
I titoli delle tabelle di dati e riepiloghi sono dati, se necessario.
-
Le etichette di testo associate a forma di campo di input.
I campi del modulo sono raggruppati in zone di informazioni comuni con
fieldset / legend .
|
1.3.2 logica ordine sequenziale
(Livello A) | |
1.3.3 Caratteristiche sensoriali
(Livello A) | -
Le istruzioni non sono dati solo sulla forma, dimensione o posizione visivamente (ad esempio, "Clicca sulla piazza per continuare" o "Le istruzioni sono nella colonna a destra tutti").
-
Le istruzioni non sono dati solo in modo del suono (ad esempio, "Un segnale acustico ti dice che è possibile continuare").
|
Raccomandazione 1,4
Distinguibili - facilitare la percezione visiva e uditiva da parte dell'utente dei contenuti, tra cui in primo piano che separa dallo sfondo. |
Criteri per il successo |
Raccomandazioni |
|---|
1.4.1 Uso del colore
(Livello A) | -
Il colore non è l'unico mezzo utilizzato per trasmettere informazioni o elementi visivamente distinguibili.
-
Il colore non è l'unico mezzo utilizzato per distinguere un collegamento dal testo circostante a meno che il contrasto di luminosità tra il collegamento e il testo circostante è di almeno 3:1 e un ulteriore media dato quando il mouse passa sopra o quando si riceve il focus della tastiera (ad esempio, il link è sottolineata).
|
1.4.2 controllo del suono
(Livello A) | -
Un meccanismo è dato a fermare, mettere in pausa o regolare il volume di un suono che si avvia automaticamente in una pagina e dura più di 3 secondi.
|
1.4.3 Contrasto (minimo)
(Livello AA) | -
I testi di testo e l'immagine hanno un rapporto di contrasto di almeno 4.5:1.
-
Un testo di grandi dimensioni (sopra i 18 punti o 14 punti in grassetto) ha un rapporto di contrasto di almeno 3:1.
|
1.4.4 ridimensiona testo
(Livello AA) | -
La pagina è leggibile e funzionale quando la dimensione del testo è raddoppiato.
|
1.4.5 del testo come immagini
(Livello AA) | -
Se la stessa presentazione visiva di solo testo può essere fatto, l'immagine non viene utilizzato per visualizzare il testo.
|
1.4.6 Contrasto (avanzato)
(Livello AAA) | -
I testi di testo e l'immagine hanno un rapporto di contrasto di almeno 7:1.
-
Un testo di grandi dimensioni (sopra i 18 punti o 14 punti in grassetto) ha un rapporto di contrasto di almeno 4.5:1.
|
1.4.7 Il rumore di fondo del volume basso o assente
(Livello AAA) | -
L'audio di un discorso è il rumore di fondo poco o niente, il che rende discorso facilmente udibile.
|
1.4.8 Presentazione visiva
(Livello AAA) | -
Blocchi di testo di più di una frase:
-
contenere non più di 80 caratteri.
-
non sono giustificate (allineati a destra e sinistra).
-
hanno una spaziatura delle linee (almeno la metà l'altezza del testo) e una spaziatura dei paragrafi (1,5 volte la spaziatura delle linee) minimo.
-
hanno un colore di primo piano e di sfondo specificato.
Essi possono essere applicati a elementi specifici o l'intera pagina con i CSS (tutti gli altri elementi ereditano lo stile allora).
-
non creare una barra orizzontale, quando la dimensione del testo è raddoppiato.
|
1.4.9 del testo come immagine (senza eccezioni)
(Livello AAA) | -
Il testo si presenta come un'immagine solo per la decorazione (immagine non trasmettere i contenuti) o quando l'informazione non può essere fatta solo con il testo.
|
Utilizzabile
I moduli di interfaccia e comandi di navigazione sono utilizzati.
Raccomandazione 2,1
Accessibilità tastiera - Eseguire tutte le funzionalità della tastiera accessibile. |
Criteri per il successo |
Raccomandazioni |
|---|
2.1.1 Tastiera
(Livello A) | -
Tutte le caratteristiche della pagina può essere utilizzata per la tastiera, a meno che una caratteristica non può essere azionato dalla tastiera con tutti i metodi conosciuti (ad esempio, disegnare a mano libera).
-
Tasti di scelta rapida per una pagina specifica e scorciatoie da tastiera (i tasti di scelta dovrebbe essere evitato) non sia in conflitto con il browser esistenti e collegamenti con uno screen reader.
|
2.1.2 Nessun impedimento all'uso della tastiera
(Livello A) | -
Attenzione tastiera non è mai bloccato o intrappolato in un elemento di pagina.
L'utente può navigare e da qualsiasi parte navigabile della pagina utilizzando solo la tastiera.
|
2.1.3 Tastiera (nessuna eccezione)
(Livello AAA) | -
Tutte le caratteristiche della pagina può essere utilizzata per la tastiera.
|
Raccomandazione 2.2
Tempo sufficiente - Consenti all'utente tempo sufficiente per leggere ed utilizzare i contenuti. |
Criteri per il successo |
Raccomandazioni |
|---|
2.2.1 Impostazione del tempo
(Livello A) | -
Se una pagina o applicazione ha un limite di tempo, l'utente ha la possibilità di chiudere, modificare o prorogare questo termine.
Questo non è un requisito per eventi in tempo reale (ad esempio una vendita all'asta), dove il termine è obbligatoria e se il termine è più lungo di 20 ore.
|
2.2.2 Pause, Stop, Nascondi
(Livello A) | -
Movimenti automatici, i contenuti lampeggiante o scorrevole che non durano più di 3 secondi può essere messa in pausa, interrotto, o nascosti da parte dell'utente.
Movimenti, lampeggia o contenuti scorrevole può essere utilizzato per attirare l'attenzione o per enfatizzare contenuti fino a quando durano meno di 3 secondi.
-
I contenuti che si aggiornano automaticamente (per esempio, o redirect automatico aggiornamento della pagina, un nuovo banner, un campo aggiornato da AJAX, un avviso di notifica, ecc.) Può essere messo in pausa, arrestato o nascosti da parte dell'utente o l'utente può controllare manualmente l'attivazione degli aggiornamenti.
|
2.2.3 Nessun intervallo di tempo
(Livello AAA) | -
I contenuti e le funzionalità non hanno limiti di tempo o vincoli di tempo.
|
2.2.4 Interruzioni
(Livello AAA) | -
Interruzioni (avvisi, gli aggiornamenti della pagina, ecc.) Può essere attivata in seguito, o rimossi dall'utente.
|
2.2.5 autenticazione New
(Livello AAA) | -
Se una sessione di autenticazione scade, l'utente può accedere di nuovo e continuare senza perdere i dati della pagina corrente.
|
Raccomandazione 2,3
Crisi - Non progettare il contenuto può causare crisi epilettiche.
Raccomandazione 2,4
Waterway - fornire all'utente una guida per navigare, trovare contenuti e di essere nel sito. |
Criteri per il successo |
Raccomandazioni |
|---|
2.4.1 Blocchi di bypass
(Livello A) | -
Un collegamento è previsto per spostare la navigazione e altri elementi della pagina che si ripetono in tutte le pagine.
-
Se una pagina ha un paragrafo intestazioni loro struttura corretta, può essere considerato una tecnica sufficiente invece che il link "Vai alla pagina principale."
Si noti che la navigazione comma voci non sia possibile in tutti i browser.
-
Se una pagina con frame e hanno titoli appropriati, è una tecnica abbastanza da passare ogni singolo fotogramma.
|
2.4.2 Titolo della pagina
(Livello A) | -
La pagina web ha un titolo di pagina descrittivi e informativi.
|
2.4.3 Corso di messa a fuoco
(Livello A) | -
L'ordine dei link di navigazione, i campi del modulo, ecc.
è logico e intuitivo.
|
2.4.4 La funzione del collegamento (a seconda del contesto)
(Livello A) | -
La destinazione di ogni collegamento (o forme immagine del pulsante o aree di una mappa immagine) può essere determinato sia dal testo del link, sia da il testo del link e del suo contesto (per esempio, i paragrafi che la circa gli elementi di una lista di celle, un tavolo o le intestazioni di una tabella).
-
I link (o bottoni forme immagine) con lo stesso testo che fanno riferimento a diverse direzioni si distinguono per la lettura.
|
2.4.5 Multiple Access
(Livello AA) | -
Diverse modalità di accesso alle pagine Web sono disponibili sul sito - almeno due: una lista delle pagine correlate, sommario, una mappa del sito, un motore di ricerca o un elenco di tutte le pagine Web disponibili.
|
2.4.6 Intestazioni ed etichette
(Livello AA) | -
I titoli di paragrafo in pagine, etichette per i campi modulo e controlli interattivi sono informativi.
Evitare di utilizzare gli stessi titoli (ad esempio, "Ulteriori informazioni") o le etichette di testo stesso (ad esempio "Nome") a meno che la struttura non differenzia correttamente.
|
2.4.7 Visibilità del fuoco
(Livello AA) | -
L'elemento pagina che viene attivato mediante tastiera è visivamente evidente (quando si scheda nella pagina, è possibile vedere dove siete).
|
2.4.8 Ubicazione
(Livello AAA) | -
Se una pagina Web fa parte di un insieme di pagine, o se il sito è complesso, l'indicazione della posizione della pagina corrente è dato, ad esempio tramite un breadcrumb o specificando il passo nella sequenza (ad esempio, "Passaggio 2 di 5 - indirizzo di spedizione").
|
2.4.9 La funzione del collegamento (link solo)
(Livello AAA) | -
La destinazione di ogni collegamento (o forme immagine del pulsante o aree di una mappa immagine) può essere determinata dal testo del link da solo.
-
Non vi è alcun legame (o forme immagine del pulsante) con lo stesso testo che fanno riferimento a diverse direzioni.
|
2.4.10 La sezione intestazioni
(Livello AAA) | -
Oltre a fornire una struttura generale al documento, le informazioni sono raggruppate e hanno intestazioni di paragrafo, se appropriato.
|
Comprensibile
I contenuti e l'interfaccia sono comprensibili.
Raccomandazione 3.1
Leggibile - Rendere il testo leggibile e comprensibile. |
Criteri per il successo |
Raccomandazioni |
|---|
3.1.1 Lingua della pagina
(Livello A) | -
La lingua della pagina è identificato utilizzando l'attributo HTML
lang .
|
3.1.2 Lingua di un passaggio
(Livello AA) | -
Se del caso, le sezioni di contenuto che hanno una lingua diversa identificare questo cambiamento di linguaggio, ad esempio utilizzando l'attributo
lang ( <blockquote lang="es"> ).
|
3.1.3 Le parole rare
(Livello AAA) | -
Le parole possono essere ambigue, sconosciuto, o utilizzati in modo molto particolare, sono definiti da un testo adiacente, un elenco di definizioni, un glossario, o qualsiasi altro metodo adeguato.
|
3.1.4 Abbreviazioni
(Livello AAA) | -
Le descrizioni delle abbreviazioni sono dati alla loro prima occorrenza utilizzando il tag
<abbr> o che punta a una definizione o glossario.
Nota: WCAG 2.0 non fornisce alcuna eccezione alla abbreviazioni stesso usato regolarmente (per esempio, il codice HTML abbreviazione deve sempre essere descritto).
|
3.1.5 Lettura Livello
(Livello AAA) | -
Un'alternativa più comprensibile è dato un contenuto che richiede una persona oltre 9 anni di studio per essere capito.
|
3.1.6 Pronuncia
(Livello AAA) | -
Se la pronuncia di una parola è di vitale importanza per comprendere la parola, la sua pronuncia è data immediatamente dopo la parola o attraverso un link o un glossario.
|
Raccomandazione 3,2
Prevedibile - Assicurarsi che le pagine appaiono e funzionano in modo prevedibile. |
Criteri per il successo |
Raccomandazioni |
|---|
3.2.1 In Focus
(Livello A) | -
Quando una parte di una pagina riceve il focus, non dovrebbe creare un cambiamento radicale nella pagina come aprire una nuova finestra, un ulteriore cambiamento di stato attivo, o qualunque modifica che può essere fonte di confusione o il disorientamento l'utente.
|
3.2.2 Un sequestro
(Livello A) | -
Quando un utente inserisce informazioni o interagisce con un controllo, questo non dovrebbe creare un cambiamento radicale nella pagina come aprire una nuova finestra, un ulteriore cambiamento di stato attivo, o qualunque modifica che può causare confusione e disorientamento l'utente a meno che l'utente viene informato di questo cambiamento prima.
|
3.2.3 di navigazione coerente
(Livello AA) | -
Link di navigazione sono ripetuti nelle pagine web non cambiano l'ordine di pagine web diverse.
|
3.2.4 Identificazione coerente
(Livello AA) | -
Gli elementi che hanno la stessa funzionalità in molte pagine Web sono identificati in modo coerente.
per esempio, una casella di ricerca nella parte superiore del sito dovrebbero avere sempre la stessa etichetta.
|
3.2.5 Modifica della domanda
(Livello AAA) | -
Modifiche sostanziali ad una pagina come l'apertura di una nuova finestra, un ulteriore cambiamento di stato attivo, o qualunque modifica che può essere fonte di confusione o disorientare l'utente deve essere avviato dall'utente.
Al contrario, la possibilità di disabilitare tali cambiamenti è data per l'utente.
|
Raccomandazione 3.3
Ingresso aiutare - Aiutare gli utenti ad evitare e correggere gli errori di input. |
Criteri per il successo |
Raccomandazioni |
|---|
3.3.1 Identificazione degli errori
(Livello A) | -
I campi del modulo richiesto o che richiedono un formato, un valore o un determinato dare questa informazione nell'etichetta del campo (o se l'etichetta non è dato, l'informazione è data dalla attributo
title del campo) . -
Se utilizzato, le indicazioni e gli errori dovuti alla convalida di un modulo (lato client o lato server) avvertire l'utente di errori in modo efficiente, intuitiva e accessibile.
Gli errori sono chiaramente identificati, accesso rapido alle elemento problematico è dato e l'utente può facilmente correggere l'errore e restituire il modulo.
|
3.3.2 Etichette o istruzioni
(Livello A) | -
Etichette, segnali e le istruzioni sufficiente a elementi interattivi sono dati tramite istruzioni, esempi, campi modulo etichette sono ben disposti e / o
fieldset / legend .
|
Suggerimento 3.3.3 dopo un errore
(Livello AA) | -
Se un errore di input viene rilevato (per la convalida lato client o lato server), i suggerimenti sono dati per correggere l'errore in un certo modo nel tempo e accessibile.
|
3.3.4 Prevenzione degli errori (legali, finanziari, dati)
(Livello AA) | -
Se l'utente può modificare o cancellare le informazioni legali, prova finanziario, le variazioni / cancellazioni sono reversibili, verificati o confermati.
|
3.3.5 Aiuto
(Livello AAA) | -
Se l'utente può inviare, modificare o cancellare le informazioni, le informazioni che è reversibile, verificata o confermata.
|
3.3.6 Prevenzione degli errori (Tutti)
(Livello AAA) | -
Se l'utente può inviare informazioni, la spedizione è reversibile, verificati o confermati.
|
Robusto
I contenuti possono essere attendibilmente trattati con una varietà di agenti utente comprese le tecnologie assistive.
Raccomandazione 4,1
Compatibile - Massimizzare la compatibilità con i programmi utente attuali e futuri, comprese le tecnologie assistive. |
Criteri per il successo |
Raccomandazioni |
|---|
4.1.1 Analisi
(Livello A) | -
Errori di HTML / XHTML analisi significativa validazione / è evitata.
Usare il validatore del W3C
|
4.1.2 Nome, Ruolo e valore
(Livello A) | -
La codifica è usata in modo da agevolare l'accessibilità.
Questo include seguire le specifiche di HTML / XHTML e utilizzando le forme, le etichette campi, titoli, cornici, ecc.
a seconda dei casi.
|
© 2008 W3C ® ( MIT , ERCIM , Keio ), Tous droits réservés. Questa lista è data in materia di assistenza alla realizzazione di
Web Content Accessibility Guidelines (WCAG) 2.0 (raccomandazione W3C del 11 dicembre 2008), che sono sotto
Copyright © 2008 W3C ® ( MIT , ERCIM , Keio ), Tutti i diritti riservati.
Il aspetti legali , la licenza del marchio e le condizioni d'uso si applicano W3C.
Legami commerciali
WebAIM è un'iniziativa di:
 
Copyright 1999-2009 WebAIM
Inizio della pagina  |
Iniziative
 |
![[Parigi, 6 dicembre 2011] La conferenza della campagna presidenziale Web 2012 (Ideos / 2,0 socio Elect)](http://www.elus20.fr/images/pdffrance2011_elus20.jpg)
Versione francese di Ideos . 
Versione spagnola di José Ramón Santana Quevedo. 
versione in ceco Radek da Pavlicek. 