Creare immagini disponibili: descrizioni lunghe
  |  |
Stampa  |
Inviare  |
Quota         |
Attenzione: La versione originale di questo documento è Creazione di immagini accessibili: descrizioni lunghe . La traduzione francese è stata fatta da Ideose come parte di un accordo tra WebAIM e Ideose .
Nota: Vedere la pagina dei documenti in materia di accessibilità web per un elenco di tutti i documenti tradotti. Altre risorse sull'accessibilità web sono elencati anche nel portale digitale accessibile .
Riassunto
- Pagina 1: Introduzione
- Pagina 2: Immagini per migliorare la comprensione
- Pagina 3: colore e contrasto
- Pagina 4: Testi in immagini
- Pagina 5: I grafici che causano spasmi
-
Pagina 6: La creazione di alternative buon testo (attributo
alt) - Sei a pagina 7: Descrizioni lunghe
Quando fare una descrizione lunga?
In alcuni casi, l'immagine è troppo complesso per descrivere in poche parole.
Tabelle e grafici sono i principali esempi di tali immagini.
Sebbene non vi è alcun limite alla lunghezza del testo in un attributo alt , il alt testo è destinato a essere relativamente breve.
Sarebbe un abuso di scrivere più di poche parole o addirittura alcune frasi brevi.
Quindi la risposta è quello di dare un'alternativa breve testo nell'attributo alt e fornire un modo più dettagliato.
Metodi per creare una descrizione lunga
Ci sono diversi modi per dare una descrizione lunga alle immagini. Queste possibilità sono elencati di seguito che più preferito al meno preferito:
- Inserire una descrizione lunga nel contesto del documento stesso.
- Il collegamento alla descrizione lunga per un link di testo normale.
-
Mettere un link ad una descrizione lunga via attributo
longdesc. - Mettere un link ad una descrizione lunga cliccando sul link "d".
Coloro che hanno familiarità con le tecniche di accessibilità possono essere sorpreso di vedere l'attributo longdesc link e link "d" alla fine della lista.
La ragione è che entrambi i metodi sono problematici.
L'attributo longdesc è invisibile (e inaccessibile in alcuni browser) per le persone che non utilizzano screen reader moderni.
Il link "d" è un collegamento non convenzionale.
Può essere fonte di confusione per le persone che non conoscono.
Il modo più semplice di fare lunghe descrizioni accessibile è quello di renderli visibili e accessibili a tutti, siano essi disabili o meno.
Nel corpo del documento
Mettendo una descrizione lunga nel corpo del documento dove c'è l'immagine, a vantaggio di tutti, non solo le persone disabili. Ognuno sarà in grado di leggere la descrizione lunga e benefici. Ecco una realizzazione esempio con un'immagine di un grafico:
Il grafico qui sopra mostra le percentuali del totale dei non-istituzionali degli Stati Uniti età 16-64 anni di riferimento uno o più disabilità. I valori di percentuale in ciascuna categoria sono:
- Totale persone di segnalazione di uno o più disabilità: 18,6%
- Disabilità sensoriali (visivo o uditivo): 2,3%
- Fisica disabilità: 6,2%
- Mental disabilità: 3,8%
- Cura di sé: 1,8%
- Difficoltà di uscire di casa: 6,4%
- invalidità professionale: 11,9%
I dati sono estratti dal documento US Census 2000 (pdf, 880 kb) .
Nell'esempio precedente, i dati vengono visualizzati dopo l'immagine e sono accessibili a tutti.
Un link testo normale
Il modo migliore secondo per fornire una descrizione lunga è semplicemente quello di mettere un link a un testo. Non esiste un codice specifico o tecnica specifica per usare qui. Basta mettere un link ad una descrizione lunga, come nell'esempio seguente:
La descrizione testuale del grafico è disponibile in un'altra pagina.
Le informazioni sono a disposizione di tutti anche con questo metodo, anche se si clicca su un link ad esso. Il link è visibile a tutti. Si può scegliere di cliccare o meno.
L'attributo longdesc
L'attributo longdesc , che può essere aggiunto a un tag img , non fa altro che fornire un collegamento a una pagina in cui una descrizione lunga è disponibile.
Funziona allo stesso modo come nell'esempio precedente, tranne che il link è invisibile ai lettori vedenti.
L'esempio seguente è lo stesso grafico con un attributo longdesc aggiunto:
Sono quelli che vedono che non c'è nulla di visibile quando l'attributo longdesc viene utilizzato.
Nel loro caso, è come se lui non c'era.
Le uniche persone che possono accedere l'attributo longdesc sono quelli che utilizzano screen reader moderni.
Gli screen reader non interpretano il più antico attributo.
Anche tra coloro che utilizzano l'ultima versione del loro screen reader, ci sono molti che non hanno familiarità con l'attributo longdesc (perché è così poco utilizzata) e non sanno come accedervi, anche se il lettore Lo schermo supporta.
Il punto essenziale è che l'attributo longdesc benefici solo un piccolo numero di persone, nonostante il fatto che si tratta di una tecnica raccomandata in entrambe le raccomandazioni del WAI e Section 508.
Ecco il codice per l'attributo longdesc :
Ties "D" ("d" Link)
Prima che il tag longdesc è supportato dai lettori di schermo, un gruppo di persone ha deciso che aveva bisogno di un metodo equivalente, che è supportato dai browser.
Hanno quindi inventato il link "d".
La lettera "d" significa "description".
Questi link "d" sono in realtà link che puntano ad altre pagine che collegano è il titolo della lettera "d".
Cercare qualcosa di simile a un link a "d" nel nostro esempio:
È possibile utilizzare un capitale o D d piccola. Non è veramente importante. Un link "D" è di solito posto subito dopo l'immagine. Questa tecnica funziona in tutti i browser, essa adempie il suo obiettivo di fornire una descrizione testuale, ma è meno elegante rispetto ad altri metodi. Alcune persone possono essere confusi con un link il cui titolo è una sola lettera. Altri semplicemente lo ignorano. È possibile utilizzare questo metodo, ma solo se avete un buon motivo per rifiutare l'altro.
Legami commerciali
WebAIM è un'iniziativa di:
Copyright 1999-2009 WebAIM
