Elemento

img

Tipologia d'errore

Potenziale

Linee Guida

  • BITV 1.0 (Level 2)
    Gruppo Linea GuidaLivello 1
    Sottogruppo Linea Guida2.1 Assicurarsi che tutte le informazioni trasmesse attraverso il colore siano percepibili anche senza di esso, ad esempio attraverso il contesto o il markup della pagina.
  • Section 508
    Gruppo Linea GuidaC - informazioni disponibili anche in assenza di colore
  • Stanca Act
    Gruppo Linea GuidaRequisito 4: Dipendente dal colore
  • Visual Content
    Gruppo Linea Guida[ _GROUPNAME_90 ]
  • WCAG 1.0 (Level A)
    Gruppo Linea GuidaPriorità 1
    Sottogruppo Linea Guida2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori.
  • WCAG 1.0 (Level AA)
    Gruppo Linea GuidaPriorità 1
    Sottogruppo Linea Guida2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori.
  • WCAG 1.0 (Level AAA)
    Gruppo Linea GuidaPriorità 1
    Sottogruppo Linea Guida2.1 Assicurarsi che tutta l'informazione veicolata dal colore sia disponibile anche senza, per esempio grazie al contesto o ai marcatori.
  • WCAG 2.0 (Level A)
    Gruppo Linea Guida1.4 Distinguibile: Rendere più semplice agli utenti la visualizzazione e il sonoro dei contenuti, separando i contenuti in primo piano dallo sfondo.
    Sottogruppo Linea GuidaCriterio di successo 1.4.1 Uso del colore (A)
  • WCAG 2.0 (Level AA)
    Gruppo Linea Guida1.4 Distinguibile: Rendere più semplice agli utenti la visualizzazione e il sonoro dei contenuti, separando i contenuti in primo piano dallo sfondo.
    Sottogruppo Linea GuidaCriterio di successo 1.4.1 Uso del colore (A)
  • WCAG 2.1 (Level AAA)

Requisiti

Per tutti gli elementi img, il testo non si riferisce all'immagine facendo riferimento unicamente sul colore.

Errore

L'immagine potrebbe fare affidamento unicamente sul colore.

Descrizione Breve

Questo errore è generato per tutti gli elementi img che hanno larghezza ed altezza maggiore di 100.

Logica

Un'immagine, o parte di essa, non dovrebbe essere descritta facendo affidamento unicamente sul colore. Ad esempio, quando ci si riferisce ad una fotografia, non si dovrebbe dire "mio figlio indossa un cappotto rosso". Piuttosto è più corretto scrivere "mio figlio è il terzo da sinistra e indossa un cappotto rosso".

Come individuare

Domanda Ci sono riferimenti a questa immagine che facciano affidamento unicamente sul colore?
Corretto Non ci sono riferimenti a questa immagine che facciano affidamento unicamente sul colore.
Errato C'e un riferimento a questa immagine che fa affidamento unicamente sul colore.

Passi da controllare

Procedura

1. Analizzare il testo del documento.
2. Controllare ogni immagine nel documento.
3. Analizzare l'alternativa testuale di ogni immagine.

Risultato previsto

1. Per tutti gli elementi img, il testo non si riferisce all'immagine facendo affidamento unicamente sul colore.

Risultato non corretto

1. Cambiare il testo in modo che non si riferisca all'immagine facendo affidamento unicamente sul colore.

Esempi

Esempi corretti

Image is not referenced within document text by color alone.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check #14.2 - Negative</title>
</head>
<body>
<h1>Clayton's Class</h1>

<p>This is Clayton's class photo from 2004. Clayton is third from the left wearing a red coat and no boots.</p>

<p><img src="kids.jpg" alt="class photo showing 6 children"/></p>

</body>
</html>

Esempi non corretti

Image is referenced by color alone.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check #14.1 - Positive</title>
</head>
<body>
<h1>Clayton's Class</h1>

<p>This is Clayton's class photo from 2004. Clayton is the one wearing a red coat.</p>

<p><img src="kids.jpg" alt="class photo showing 6 children"/></p>

</body>
</html>

English | German | Italiano


Il codice del motore del sito Web è copyright 2011
Inclusive Design Institute
API del Web Service