Scrivendo il testo efficace dell'alt per le immagini
| by Trenton Moss | March 31, 2005
Chiunque che conosca qualche cosa circa accessibilità di fotoricettore sa che le immagini hanno bisogno dell'alternativa, o alt, testo assegnato loro. Ciò è perché i lettori dello schermo non possono capire le immagini, ma piuttosto colto ad alta voce il testo alternativo assegnato loro. In Internet Explorer possiamo vedere questo testo dell'alt, semplicemente mousing sopra l'immagine e guardando il tooltip giallo che compare. Altri browsers (correttamente) non fanno questo. Il HTML per l'inserimento del testo dell'alt è:
Ma certamente là non può essere un'abilità al testo di scrittura alt per le immagini? Voi schiocco giusto una descrizione dentro là e voi siete buoni da andare, di destra? Bene, genere di. Sicuro, non è la scienza del razzo, ma ci è alcuna guida di riferimento che dovete seguire…
Immagini del distanziatore e testo mancante dell'alt
Ad immagini del distanziatore dovrebbero essere assegnate sempre il testo nullo dell'alt, o il "" del alt=. Questo senso la maggior parte dei lettori dello schermo completamente ignorerà l'immagine e neppure non annuncerà la relativa presenza. Le immagini del distanziatore sono immagini invisibili che abbastanza la maggior parte dei Web site usano. Lo scopo di loro è, poichè il nome suggerisce, generare lo spazio alla pagina. A volte non è possibile generare la visualizzazione che avete bisogno di, in modo da potete attaccare un'immagine dentro (che specificate la relative altezza e larghezza) e volià, avete lo spazio supplementare avete bisogno di.
Non tutto usa questo testo nullo dell'alt per le immagini del distanziatore. Alcuni Web site attaccano nel alt= " immagine del distanziatore ". Immaginare come infastidire questo può essere per un utente del lettore dello schermo, particolarmente quando avete dieci di loro in una fila. Un lettore dello schermo direbbe, “immagine, immagine del distanziatore„ dieci volte in una fila (i lettori dello schermo dicono solitamente la parola, “l'immagine„, prima della lettura fuori del relativo testo dell'alt) - ora che non è utile!
Altri sviluppatori di fotoricettore omettono semplicemente l'attributo dell'alt per le immagini del distanziatore (e forse altre immagini). In questo caso, la maggior parte dei lettori dello schermo leggeranno fuori il nome di schedario, in grado di essere newsite del `/immagini/onepixelspacer.gif'. Un lettore dello schermo annuncerebbe questa immagine come “immagine, GIF del puntino del distanziatore del pixel di taglio uno di immagini di taglio del newsite„. Immaginare che cosa questo suonerebbe come se ci fossero dieci di questi in una fila!
Pallottole ed icone
A pallottole e le icone dovrebbero essere trattate più o meno allo stesso modo come immagini del distanziatore, in modo da dovrebbero essere assegnate il testo alternativo nullo, o il "" del alt=. Pensare ad una lista degli articoli con una pallottola operata che continua ogni articolo. Se il testo dell'alt, pallottola del `' allora è assegnato ad ogni immagine, “l'immagine, pallottola„ sarà letta ad alta voce dai lettori dello schermo prima di ogni articolo della lista, facente funzionare esso l'introito quella punta più lungo attraverso la lista.
Le icone, usate solitamente per complementare i collegamenti, dovrebbero anche essere assegnate il "" del alt=. Molti Web site, che dispongono l'icona vicino al testo di collegamento, usano il testo di collegamento come il testo dell'alt dell'icona. I lettori dello schermo in primo luogo annuncerebbero questo testo dell'alt ed allora il testo di collegamento, in modo da allora direbbero il collegamento due volte, che non è necessario ovviamente.
(Nel migliore dei casi, le pallottole e le icone dovrebbero essere denominate su come immagini di priorità bassa attraverso il documento di CSS - questo lo rimuoverebbe dal documento del HTML completamente e quindi per rimuovere l'esigenza di tutta la descrizione dell'alt.)
Immagini decorative
Ad immagini decorative anche dovrebbero essere assegnate il testo alternativo nullo, o il "" del alt=. Se un'immagine è caramella pura dell'occhio allora là è necessità per un utente del lettore dello schermo persino di sapere che è là ed essere informed della relativa presenza aggiunge semplicemente all'inquinamento di rumore.
Per contro, potreste sostenere che le immagini sul vostro luogo generano un'identità di marca e nascondendoli dagli utenti del lettore dello schermo state rifiutando a questo gruppo degli utenti la stessa esperienza. Gli esperti di accessibilità tendono a favorire la discussione precedente, ma ci certamente è un argomento valido per il posteriore anche.
Navigazione & testo inclusi all'interno delle immagini
Menu di navigazione che richiedono il testo operato non hanno scelta ma includere il testo all'interno di un'immagine. In questa situazione, il testo dell'alt non dovrebbe essere usato per spiegare l'immagine. In nessun caso se il testo dell'alt dire, `leggono tutti circa i nostri servizi fantastici, destinati per aiutarli in tutto che'. Se la voce di menu dice, il `assiste' allora il testo dell'alt dovrebbe anche dire i servizi del `'. Il testo dell'alt dovrebbe descrivere sempre il contenuto dell'immagine e dovrebbe ripetere il testo letterale. Se desiderate spiegare la navigazione, quale in questo esempio, voi può usare l'attributo di titolo.
Lo stesso fa domanda per qualunque altro testo incluso all'interno di un'immagine. Il testo dell'alt dovrebbe ripetere semplicemente, letterale, il testo contenuto all'interno di quell'immagine.
(A meno che la serie completa di caratteri che usando sia particolarmente unica è spesso inutile includere il testo all'interno delle immagini - gli effetti avanzati della priorità bassa e di navigazione possono ora essere realizzati con CSS.)
Marchio dell'azienda
I Web site tendono a variare in come applicano il testo dell'alt ai marchi. Alcuni dicono, nome di azienda del `', altri marchio di nome di azienda del `' ed altro descrive la funzione dell'immagine (solitamente un collegamento di nuovo al homepage), `di nuovo alla sede'. Ricordar di, testo dell'alt dovrebbe descrivere sempre il contenuto dell'immagine in modo da il primo esempio, il alt= " nome di azienda ", è probabilmente il la cosa migliore. Se il marchio è un collegamento di nuovo al homepage allora questo può essere comunicato efficacemente attraverso la modifica di titolo.
Conclusione
La scrittura del testo efficace dell'alt non è troppo difficile. Se è un'immagine decorativa allora annullare il testo alternativo, o il "" del alt= dovrebbe essere usato solitamente - mai, omettere mai l'attributo dell'alt. Se l'immagine contiene il testo allora il testo dell'alt dovrebbe ripetere semplicemente questo testo, letterale. Ricordar di, testo dell'alt dovrebbe descrivere il contenuto dell'immagine e di niente di più.
Inoltre essere sicuro inoltre mantenere il testo dell'alt bruscamente e breve quanto possibile. Ascoltando un Web page con un lettore dello schermo prende mólto più lungamente i metodi tradizionali, in modo da non rende l'esperienza surfing dolorosa per gli utenti del lettore dello schermo con il testo bloated ed inutile dell'alt.
Ma certamente là non può essere un'abilità al testo di scrittura alt per le immagini? Voi schiocco giusto una descrizione dentro là e voi siete buoni da andare, di destra? Bene, genere di. Sicuro, non è la scienza del razzo, ma ci è alcuna guida di riferimento che dovete seguire…
Immagini del distanziatore e testo mancante dell'alt
Ad immagini del distanziatore dovrebbero essere assegnate sempre il testo nullo dell'alt, o il "" del alt=. Questo senso la maggior parte dei lettori dello schermo completamente ignorerà l'immagine e neppure non annuncerà la relativa presenza. Le immagini del distanziatore sono immagini invisibili che abbastanza la maggior parte dei Web site usano. Lo scopo di loro è, poichè il nome suggerisce, generare lo spazio alla pagina. A volte non è possibile generare la visualizzazione che avete bisogno di, in modo da potete attaccare un'immagine dentro (che specificate la relative altezza e larghezza) e volià, avete lo spazio supplementare avete bisogno di.
Non tutto usa questo testo nullo dell'alt per le immagini del distanziatore. Alcuni Web site attaccano nel alt= " immagine del distanziatore ". Immaginare come infastidire questo può essere per un utente del lettore dello schermo, particolarmente quando avete dieci di loro in una fila. Un lettore dello schermo direbbe, “immagine, immagine del distanziatore„ dieci volte in una fila (i lettori dello schermo dicono solitamente la parola, “l'immagine„, prima della lettura fuori del relativo testo dell'alt) - ora che non è utile!
Altri sviluppatori di fotoricettore omettono semplicemente l'attributo dell'alt per le immagini del distanziatore (e forse altre immagini). In questo caso, la maggior parte dei lettori dello schermo leggeranno fuori il nome di schedario, in grado di essere newsite del `/immagini/onepixelspacer.gif'. Un lettore dello schermo annuncerebbe questa immagine come “immagine, GIF del puntino del distanziatore del pixel di taglio uno di immagini di taglio del newsite„. Immaginare che cosa questo suonerebbe come se ci fossero dieci di questi in una fila!
Pallottole ed icone
A pallottole e le icone dovrebbero essere trattate più o meno allo stesso modo come immagini del distanziatore, in modo da dovrebbero essere assegnate il testo alternativo nullo, o il "" del alt=. Pensare ad una lista degli articoli con una pallottola operata che continua ogni articolo. Se il testo dell'alt, pallottola del `' allora è assegnato ad ogni immagine, “l'immagine, pallottola„ sarà letta ad alta voce dai lettori dello schermo prima di ogni articolo della lista, facente funzionare esso l'introito quella punta più lungo attraverso la lista.
Le icone, usate solitamente per complementare i collegamenti, dovrebbero anche essere assegnate il "" del alt=. Molti Web site, che dispongono l'icona vicino al testo di collegamento, usano il testo di collegamento come il testo dell'alt dell'icona. I lettori dello schermo in primo luogo annuncerebbero questo testo dell'alt ed allora il testo di collegamento, in modo da allora direbbero il collegamento due volte, che non è necessario ovviamente.
(Nel migliore dei casi, le pallottole e le icone dovrebbero essere denominate su come immagini di priorità bassa attraverso il documento di CSS - questo lo rimuoverebbe dal documento del HTML completamente e quindi per rimuovere l'esigenza di tutta la descrizione dell'alt.)
Immagini decorative
Ad immagini decorative anche dovrebbero essere assegnate il testo alternativo nullo, o il "" del alt=. Se un'immagine è caramella pura dell'occhio allora là è necessità per un utente del lettore dello schermo persino di sapere che è là ed essere informed della relativa presenza aggiunge semplicemente all'inquinamento di rumore.
Per contro, potreste sostenere che le immagini sul vostro luogo generano un'identità di marca e nascondendoli dagli utenti del lettore dello schermo state rifiutando a questo gruppo degli utenti la stessa esperienza. Gli esperti di accessibilità tendono a favorire la discussione precedente, ma ci certamente è un argomento valido per il posteriore anche.
Navigazione & testo inclusi all'interno delle immagini
Menu di navigazione che richiedono il testo operato non hanno scelta ma includere il testo all'interno di un'immagine. In questa situazione, il testo dell'alt non dovrebbe essere usato per spiegare l'immagine. In nessun caso se il testo dell'alt dire, `leggono tutti circa i nostri servizi fantastici, destinati per aiutarli in tutto che'. Se la voce di menu dice, il `assiste' allora il testo dell'alt dovrebbe anche dire i servizi del `'. Il testo dell'alt dovrebbe descrivere sempre il contenuto dell'immagine e dovrebbe ripetere il testo letterale. Se desiderate spiegare la navigazione, quale in questo esempio, voi può usare l'attributo di titolo.
Lo stesso fa domanda per qualunque altro testo incluso all'interno di un'immagine. Il testo dell'alt dovrebbe ripetere semplicemente, letterale, il testo contenuto all'interno di quell'immagine.
(A meno che la serie completa di caratteri che usando sia particolarmente unica è spesso inutile includere il testo all'interno delle immagini - gli effetti avanzati della priorità bassa e di navigazione possono ora essere realizzati con CSS.)
Marchio dell'azienda
I Web site tendono a variare in come applicano il testo dell'alt ai marchi. Alcuni dicono, nome di azienda del `', altri marchio di nome di azienda del `' ed altro descrive la funzione dell'immagine (solitamente un collegamento di nuovo al homepage), `di nuovo alla sede'. Ricordar di, testo dell'alt dovrebbe descrivere sempre il contenuto dell'immagine in modo da il primo esempio, il alt= " nome di azienda ", è probabilmente il la cosa migliore. Se il marchio è un collegamento di nuovo al homepage allora questo può essere comunicato efficacemente attraverso la modifica di titolo.
Conclusione
La scrittura del testo efficace dell'alt non è troppo difficile. Se è un'immagine decorativa allora annullare il testo alternativo, o il "" del alt= dovrebbe essere usato solitamente - mai, omettere mai l'attributo dell'alt. Se l'immagine contiene il testo allora il testo dell'alt dovrebbe ripetere semplicemente questo testo, letterale. Ricordar di, testo dell'alt dovrebbe descrivere il contenuto dell'immagine e di niente di più.
Inoltre essere sicuro inoltre mantenere il testo dell'alt bruscamente e breve quanto possibile. Ascoltando un Web page con un lettore dello schermo prende mólto più lungamente i metodi tradizionali, in modo da non rende l'esperienza surfing dolorosa per gli utenti del lettore dello schermo con il testo bloated ed inutile dell'alt.
Article Source: http://www.articleset.com
You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website
Menu
Home Top ArticlesTop AuthorsSubmit ArticleArticleSet BlogLink To UsArticle FeedsTermsContactFeatured
Art Schools Online Web Design hampshireLanguage
