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

Livello AAA

In questa sezione trovate tutti gli esiti delle valutazioni delle pagine rispetto ai criteri di successo di livello AAA. 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.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.6: Contrasto avanzato - Livello AAA

La rappresentazione visiva del testo e immagini contenenti testo ha un rapporto di contrasto di almeno 7:1. (Livello AAA)

Esito per la pagina: Home - NON SODDISFATTO

Dal momento che il criterio di successo 1.4.3 è propedeutico all' 1.4.6 e non passa, anche l' 1.4.6 non passa.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Criterio di successo 1.4.8: Presentazione visiva - Livello AAA

Per la presentazione visiva di blocchi di testo, è disponibile una modalità per conseguire i seguenti obiettivi:

  • I colori del testo in primo piano e dello sfondo possono essere scelti dall'utente.
  • La larghezza non supera gli 80 caratteri o glifi (40 se CJK).
  • Il testo non è giustificato (allineato sia al margine destro che al margine sinistro).
  • Lo spazio tra righe (interlinea) è almeno di uno spazio e mezzo all'interno del paragrafo mentre lo spazio tra paragrafi, è almeno una volta e mezzo più grande rispetto all'interlinea.
  • Il testo può essere ridimensionato fino al 200 percento senza il supporto delle tecnologie assistive in modo da non richiedere all'utente di dover scorrere orizzontalmente per leggere una riga di testo in una finestra a schermo intero.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Un utente con disabilità potrebbe avere problemi nella visualizzazione di colori e testo.

Causa:

Il punto 1 "il sito non permette la selezione dei colori da parte del utente", e il punto 4 "l'interlinea non rispetta il valore richiesto", del criterio di successo, non sono soddisfatti.

Rimedio:

Aggiungere una sezione che permetta all' utente di selezionare una combinazione di colori diversa da quella di default. Aumentare la spaziatura tra le linee di testo (line-height).

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Criterio di successo 1.4.9: Immagini di testo - Livello AAA

Le immagini contenenti testo sono utilizzate soltanto per pura decorazione o dove una particolare presentazione del testo è essenziale per il tipo di informazioni veicolate. Nota: I logotipi (testo che fa parte di un logo o di un marchio) sono considerati essenziali.

Esito per la pagina: Home - NON SODDISFATTO

Non essendo rispettato il criterio 1.4.5 (che è propedeutico) non è soddisfatto nemmeno il criterio 1.4.9.

Esempio 1:
Sintomo:

Il contenuto testuale interno ad un immagine non viene letto dal browser vocale.

porzione della pagina 'Home', un banner pubblicitario relativo al partito
Causa:

L'immagine contenente testo non è puramente decorativa, anzi, il testo è fortemente informativo.

Rimedio:

Usare testo interno ad immagini solo se puramente decorativo. Il testo informativo deve essere diviso dall' immagine. Usare per esempio del testo all'interno di un tag p.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Principio 2: Utilizzabile

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

Linea guida 2.1: Accessibile da tastiera

Rendere disponibili tutte le funzionalità tramite tastiera

Criterio di successo 2.1.3: Tastiera (nessuna eccezione) - Livello AAA

Tutte le funzionalità del contenuto sono utilizzabili tramite un'interfaccia di tastiera senza richiedere tempi specifici per le singole battute.

Esito per la pagina: Home - NON SODDISFATTO

Essendo il criterio 2.1.1 propedeutico al 2.1.3 e non soddisfatto, nemmeno il 2.1.3 è soddisfatto.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Linea guida 2.2: Adeguata disponibilità di tempo

Fornire agli utenti tempo sufficiente per leggere ed utilizzare i contenuti

Criterio di successo 2.2.3: Pausa, stop, nascondi - Livello AAA

Le temporizzazioni non sono indispensabili per la tipologia di contenuto, ad eccezione fatta dei tipi di media sincronizzati ed eventi in tempo reale.

Esito per la pagina: Home - SODDISFATTO

Il contenuto può essere fruito senza limiti di tempo.

Esito per la pagina: La nostra squadra - SODDISFATTO

Il contenuto può essere fruito senza limiti di tempo.

Esito per la pagina: Aderisci - SODDISFATTO

Il contenuto può essere fruito senza limiti di tempo.

Torna su

Linea guida 2.3: Convulsioni

Non sviluppare contenuti che possano causare attacchi epilettici.

Criterio di successo 2.3.2: Tre lampeggiamenti - Livello AAA

Le pagine Web non devono contenere nulla che lampeggi per più di tre volte al secondo.

Esito per la pagina: Home - SODDISFATTO

Non sono presenti elementi che lampeggiano.

Esito per la pagina: La nostra squadra - SODDISFATTO

Non sono presenti elementi che lampeggiano.

Esito per la pagina: Aderisci - SODDISFATTO

Non sono presenti elementi che lampeggiano.

Torna su

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.8: Posizione - Livello AAA

Rendere disponibili informazioni sulla posizione dell'utente all'interno di un insieme di pagine Web.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Non è possibile determinare il punto del sito in cui ci si trova.

Causa:

Mancanza di una breadcrumb, mancanza di un indicazione della posizione corrente, mancanza di segnalazione delle relazioni tra pagine.

Rimedio:

Aggiungere una breadcrumb, rendere identificabile nella barra di navigazione la pagina attuale (per esempio dare un colore diverso alla voce di menu che identifica la pagina attuale), rendere chiare le relazioni tra pagine tramite una costruzione corretta di mappa del sito.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Vedi home.

Torna su

Criterio di successo 2.4.9: Scopo del collegamento (solo collegamento) - Livello AAA

Rendere disponibile una funzionalità per comprendere lo scopo dei collegamenti basandosi sul solo testo del collegamento, salvo il caso in cui lo scopo del collegamento potrebbe risultare ambiguo per la gran parte degli utenti.

Esito per la pagina: Home - NON SODDISFATTO

Non essendo valida per il criterio 2.4.4 non è valida nemmeno per il 2.4.9

Esito per la pagina: La nostra squadra - SODDISFATTO

Lo scopo dei link è deducibile dal testo.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Se il browser non visualizza l'immagine il link non compare.

porzione della pagina 'Aderisci', un link composto solo da un'immagine
<a href="/circoli/cerca.aspx"><img src="/circoli/images/cerca.gif"></a>
Causa:

Link senza un testo al suo interno.

Rimedio:

Aggiungere un testo all'interno del tag a.

Torna su

Criterio di successo 2.4.10: Intestazioni di sezione - Livello AAA

Le intestazioni di sezione sono utilizzate per organizzare il contenuto.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Non è chiaro il tema trattato in ognuna delle tre colonne iniziali.

porzione della pagina 'Home', il corpo della pagina diviso in tre colonne
<div class="top article box_4 alpha"><div class="figure"><img src="http://beta.partitodemocratico.it/gallery/storye2th250x250_mani_....</div>
Causa:

Mancanza di un titolo per ogni sezione.

Rimedio:

Aggiungere un elemento titolo (h1, h2...) per ogni colonna.

Esito per la pagina: La nostra squadra - SODDISFATTO

Ogni sezione è correttamente titolata.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Un browser vocale interpreta in modo errato i titoli delle varie sezioni.

porzione della pagina 'Aderisci', una parte del menu laterale sinistro
<div class="title">aggiornamenti</div>
Causa:

I titoli delle sezioni sono elementi div e non elementi h1, h2, ecc...

Rimedio:

Aggiungere un elemento titolo (h1, h2...) per ogni sezione.

Torna su

Principio 3: Comprensibile

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

Linea guida 3.1: Leggibile

Rendere il testo leggibile e comprensibile.

Criterio di successo 3.1.4: Abbreviazioni - Livello AAA

Rendere disponibile una modalità per identificare la forma espansa o il significato delle abbreviazioni.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Le abbreviazioni come PD, PDL, FIAT, ATAC, ecc... non sono esplicitate da nessun testo visibile.

porzione della pagina 'Home', un testo con parti abbreviate
<a href="http://beta.partitodemocratico.it/doc/201414/ex-nar-voluto-da-alemanno-allatac-attacca-studenti-ed-ebrei-su-facebook.htm">Ex NAR voluto da Alemanno all'ATAC attacca studenti ed ebrei su facebook </a>
Causa:

Mancanza dei tag abbr e acronym.

Rimedio:

Mettere il nome completo nell'attributo title del tag abbr o del tag acronym.

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.5: Aiuto - Livello AAA

Rendere disponibili degli aiuti contestuali.

Esito per la pagina: Home - NON SODDISFATTO

Esempio 1:
Sintomo:

Manca una sezione di help. L'utente potrebbe trovare difficoltosa la navigazione e la compilazione del form della newsletter. Alcuni punti del sito sono poco chiari per un utente non esperto in materie informatiche.

Causa:

Mancanza di un help.

Rimedio:

Aggiungere l'help nella pagina e nel form della newsletter.

Esito per la pagina: La nostra squadra - NON SODDISFATTO

Vedi home.

Esito per la pagina: Aderisci - NON SODDISFATTO

Esempio 1:
Sintomo:

Manca una sezione di help. L'utente potrebbe trovare difficoltosa la navigazione e la compilazione del form di pretesseramento. Alcuni punti del sito sono poco chiari per ogni utente non esperto in materie informatiche.

Causa:

Mancanza di un help di supporto alla compilazione del form.

Rimedio:

Aggiungere l'help vicino al form.

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