Salta al contenuto Salta a fondo pagina
<< pagina precedente prossima pagina >>

Livello AA

In questa sezione trovate tutti gli esiti delle valutazioni delle pagine rispetto ai criteri di successo di livello AA. Questi ultimi sono raggruppati nelle rispettive linee guida che a loro volta sono raggruppate nei rispettivi principi.


Principio 1: Percepibile

Le informazioni e i componenti dell'interfaccia utente devono essere presentati agli utenti in modo che possano essere percepiti

Linea guida 1.2: Tipi di media temporizzati

Fornire alternative per i tipi di media temporizzati.

Criterio di successo 1.2.4: Solo audio e solo video - Livello AA

Fornire sottotitoli al contenuto audio in tempo reale.

Esito per la pagina: Home - NON SODDISFATTO

Premesso che i video della pagina contengono anche audio, i problemi riscontrati sono la mancanza dei sottotitoli nei video in tempo reale.

Esempio 1:
Sintomo:

Non sono disponibili i sottotitoli dei video in streaming.

porzione della pagina 'Home', un video in tempo reale
Causa:

Mancanza di sottitoli.

Rimedio:

Aggiungere i sottotili.

Esito per la pagina: La nostra squadra - NON VALUTABILE

Non è presente audio in tempo reale.

Esito per la pagina: Aderisci - NON SODDISFATTO

Stesso problema della Home page.

Torna su

Linea guida 1.4: Distinguibile

Rendere più semplice agli utenti la visione e l'ascolto dei contenuti, separando i contenuti in primo piano dallo sfondo.

Criterio di successo 1.4.3: Contrasto (minimo) - Livello AA

La rappresentazione visiva del testo e di immagini contenenti testo ha un rapporto di contrasto di almeno 4.5:1 ad eccezione di testo grande, testo non essenziale o logotipi.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Alcuni testi non si vedono in modo chiaro e distinguibile.

porzione della pagina 'Home', foto dove ci sono Bersani, Bindi e Letta che si stringono la mano
Causa:

Primo piano: #FFFFFF - Sfondo: #249A10. Il rapporto di contrasto è: 3.7:1. Testo normale non conforme a livello AA. Testo normale Non conforme a livello AAA. Testo grande conforme a livello AA. Testo grande non conforme a livello AAA. Primo piano: #FFFFFF - Sfondo: #C3C2AD. Il rapporto di contrasto è: 1.8:1. Testo normale non conforme a livello AA. Testo normale non conforme a livello AAA. Testo grande non conforme a livello AA. Testo grande non conforme a livello AAA.

Rimedio:

Riorganizzare i colori in modo che soddisfino i valori di contrasto richiesti.

Esempio 2:
Sintomo:

Alcuni testi non si vedono in modo chiaro e distinguibile.

porzione della pagina 'Home', una parte del menu orizzontale
Causa:

Primo piano: #3A9828 - Sfondo: #FBFBFB. Il rapporto di contrasto è: 3.6:1. Testo normale non conforme a livello AA. Testo normale non conforme a livello AAA. Testo grande conforme a livello AA. Testo grande non conforme a livello AAA.

Rimedio:

Riorganizzare i colori in modo che soddisfino i valori di contrasto richiesti.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi problemi della home page.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Alcuni testi non si vedono in modo chiaro e distinguibile.

porzione della pagina 'Aderisci', il menu orizzontale
Causa:

Primo piano: #FFFFFF - Sfondo: #BCDCEB. Il rapporto di contrasto è: 1.4:1. Testo normale non conforme a livello AA. Testo normale non conforme a livello AAA. Testo grande non conforme a livello AA. Testo grande non conforme a livello AAA.

Rimedio:

Riorganizzare i colori in modo che soddisfino i valori di contrasto richiesti.

Torna su

Criterio di successo 1.4.4: Ridimensionamento del testo - Livello AA

Il testo può essere ridimensionato fino al 200% senza perdere di funzionalità o contenuto.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Dopo lo zoom molte parti di testo spariscono o si crea molta confusione nella pagina.

porzione della pagina 'Home', la parte centrale ridimensionata
display: block; font-family: Georgia, Times, serif; font-size: 48px; font-style: normal; font-variant: normal; font-weight: normal; height: 784px; left: 0px;
Causa:

Non uso dell'unità di misura em o % per il testo, non uso di un layout liquido.

Rimedio:

Usare come unità di misura per il testo gli em, utilizzare un layout liquido, che si adatti al ridimensionamento del testo, in particolare usare le percentuali per dimensionare gli elementi.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home page.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home page.

Torna su

Criterio di successo 1.4.5: Immagini di testo - Livello AA

Se le tecnologie utilizzate consentono la gestione della rappresentazione visiva dei contenuti, il testo è utilizzato per veicolare informazioni piuttosto che le immagini di testo, ad eccezione di testo personalizzabile

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Un testo non viene letto dal browser vocale/testuale.

porzione della pagina 'Home', un immagine di testo
element.style { background-image: url("/immagini/sfondo_lavoro-v1.jpg");}
Causa:

Presenza di immagini di testo.

Rimedio:

Usare testo invece che immagini di testo.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Stesso problema della home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Un testo non viene letto dal browser vocale/testuale.

porzione della pagina 'Home', immagine di testo
<img src="/circoli/images/tool.gif">
Causa:

Presenza di immagini di testo.

Rimedio:

Usare testo invece che immagini di testo.

Torna su

Principio 2: Utilizzabile

I componenti e la navigazione dell'interfaccia utente devono essere utilizzabili

Linea guida 2.4: Navigabile

Fornire delle funzionalità di supporto all'utente per navigare, trovare contenuti e determinare la propria posizione.

Criterio di successo 2.4.5: Differenti modalità - Livello AA

Rendere disponibile più di una modalità per identificare una pagina Web all'interno di un insieme di pagine Web, salvo il caso in cui una pagina Web sia il risultato – o una fase – di un'azione.

Esito per la pagina: Home - SODDISFATTO

Sono presenti sia i link che la funzione di ricerca che la mappa del sito nel footer.

Esito per la pagina: La nostra squadra - SODDISFATTO

Sono presenti sia i link che la funzione di ricerca che la mappa del sito nel footer.

Esito per la pagina: Aderisci - SODDISFATTO

Sono presenti sia i link che la funzione di ricerca.

Torna su

Criterio di successo 2.4.6: Intestazioni ed etichette - Livello AA

Utilizzare intestazioni ed etichette per descrivere argomenti o finalità.

Esito per la pagina: Home - SODDISFATTO

I titoli sono descrittivi.

Esito per la pagina: La nostra squadra - SODDISFATTO

I titoli sono descrittivi.

Esito per la pagina: Aderisci - SODDISFATTO

I titoli sono descrittivi.

Torna su

Criterio di successo 2.4.7: Focus visibile - Livello AA

Qualsiasi interfaccia utente utilizzabile tramite tastiera ha una funzionalità operativa in cui è visibile l'indicatore del focus.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Non si vede quale è l'elemento correntemente sotto focus.

Causa:

Non uso delle proprietà CSS per gli elementi sotto focus.

Rimedio:

Usare le proprietà CSS per rendere ben visibili gli elementi sotto focus. Per esempio a:focus{border:1px red solid;}.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Esempio 1:
Sintomo:

Non si vede quale è l'elemento correntemente sotto focus.

Causa:

Non uso delle proprietà CSS per gli elementi sotto focus.

Rimedio:

Usare le proprietà CSS per rendere ben visibili gli elementi sotto focus. Per esempio a:focus{border:1px red solid;}.

Esito per la pagina: Aderisci - SODDISFATTO

Gli elementi sotto focus sono sistinguibili da un contorno tratteggiato.

Torna su

Principio 3: Comprensibile

Le informazioni e le operazioni dell'interfaccia utente devono essere comprensibili.

Linea guida 3.2: Prevedibile

Creare pagine Web che appaiano e che siano prevedibili.

Criterio di successo 3.2.3: Navigazione coerente - Livello AA

I meccanismi di navigazione che sono ripetuti su più pagine Web all'interno di un insieme di pagine Web, devono apparire nello stesso ordine corrispondente ogni volta che si ripetono, a meno che un cambiamento sia stato avviato da un utente.

Esito per la pagina: Home - SODDISFATTO

Questa pagina rispetta la struttura generale del sito in quanto la barra di navigazione e il footer sono gli stessi.

Esito per la pagina: La nostra squadra - SODDISFATTO

Questa pagina rispetta la struttura generale del sito in quanto la barra di navigazione e il footer sono gli stessi.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Gli elementi ripetuti nel sito non compaiono in questa pagina che presenta una barra di navigazione e un footer propri.

Causa:

Scorretta integrazione della pagina nel sito.

Rimedio:

Rendere la pagina fedele alla struttura generale del sito.

Torna su

Criterio di successo 3.2.4: Identificazione coerente - Livello AA

I componenti che hanno la stessa funzionalità all'interno di un insieme di pagine Web sono identificati in modo univoco.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Il campo di ricerca è diverso nelle 3 pagine considerate quindi il componente non è identificato in modo univoco.

Causa:

Rimedio:

Rendere il campo di ricerca uguale per ogni pagina.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Linea guida 3.3: Assistenza nell'inserimento

Aiutare gli utenti ad evitare gli errori ed agevolarli nella loro correzione.

Criterio di successo 3.3.3: Suggerimenti per gli errori - Livello AA

Se viene identificato un errore di inserimento che si può correggere, è necessario fornire suggerimenti all'utente, a meno che ciò non pregiudichi la sicurezza o la finalità del contenuto.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Inserendo nel modulo di iscrizione alla newsletter una mail con sintassi errata il sistema non segnala la sintassi scorretta.

Causa:

Mancanza di suggerimenti in caso di errore.

Rimedio:

Fornire suggerimenti per la comprensione dell'errore da parte dell'utente.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - SODDISFATTO

I suggerimenti nei campi controllabili della form sono chiari.

Torna su

Criterio di successo 3.3.4: Prevenzione degli errori (legali, finanziari, dati) - Livello AA

Per le pagine Web che contengono vincoli di tipo giuridico o finanziario o che gestiscono inserimento, cancellazione, gestione di dati controllabili dall'utente in un sistema di archiviazione oppure che inoltrano delle risposte di utenti a test, è soddisfatta almeno una delle seguenti condizioni:

  • Le azioni sono reversibili.
  • I dati inseriti dall'utente sono verificati e si fornisce all'utente la possibilità di correggere eventuali errori di inserimento.
  • è disponibile un funzionalità per la revisione, conferma e correzione delle informazioni prima del loro invio definitivo.

Esito per la pagina: Home - SODDISFATTO

Il modulo di iscrizione alla newletter ha un meccanismo di reversibilità che permette all'utente di annullare l'iscrizione alla newsletter tramite e-mail.

Esito per la pagina: La nostra squadra - SODDISFATTO

Il modulo di iscrizione alla newletter ha un meccanismo di reversibilità che permette all'utente di annullare l'iscrizione alla newsletter tramite e-mail.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

L'utente una volta inviati i dati non ha modo ne di controllare i dati inviati, ne di apportare modifiche, ne di annullare la richiesta.

Causa:

Il form per il tesseramento non ha meccanismi di reversibilità ne di controllo ne di conferma.

Rimedio:

Aumentare il livello di prevenzione degli errori predisponendo almeno di un passo intermedio tra l'inserimento e la conferma dei dati che fornisca all'utente un riepilogo di ciò che è stato inserito.

Torna su
<< pagina precedente prossima pagina >>

Codice XHTML 1.0 Transitional valido Codice CSS valido Pagina conforme al livello AA delle linee guida WCAG 2.0