Scrittura efficace testo alternativo per le immagini
Chiunque sa qualcosa circa l'accessibilità del web sa che le immagini devono alternativa, o ALT, testi a essi assegnate. Questo è dovuto al fatto che i lettori di schermo che non riesco a capire le immagini, ma piuttosto di leggere ad alta voce il testo alternativo loro assegnati. In Internet Explorer è possibile visualizzare questo testo ALT, semplicemente mouse sopra l'immagine e vedendo il giallo tooltip che appare. Altri browser (correttamente) non farlo. Il codice HTML per l'inserimento di ALT testo è il seguente: img src = "filename.gif" alt = "alternative descrizione qui va" Ma sicuramente non ci può essere una capacità di scrittura del testo ALT per le immagini? È solo una descrizione di pop e ci si sta bene ad andare, giusto? Beh, di natura. Certo, non è scienza missilistica, ma ci sono alcune linee guida avete bisogno di seguire ... Spacer immagini mancanti e ALT textSpacer immagini devono sempre essere assegnato null ALT testo, o alt = "". In questo modo la maggior parte di lettori di schermo ignorare completamente l'immagine e non anche annunciare la sua presenza. Spacer immagini sono invisibili immagini piuttosto che utilizzare la maggior parte dei siti. Lo scopo di questi è, come suggerisce il nome, per creare spazio sulla pagina. A volte non è possibile creare la visualizzazione è necessario, in modo che tu possa bastone un'immagine (precisando la sua altezza e larghezza) e voliÃÆ'à † â € ™ Ã⠀ šÃ, Â, avete lo spazio si need.Not tutti usa questo testo per nulla ALT spacer immagini. Alcuni siti web bastone in alt = "spacer image". Immaginate come questo può essere fastidioso per l'utente un lettore di schermo, soprattutto quando si dispone di dieci di loro in una riga. Un lettore di schermo potrebbe dire, "Immagine, immagine spacer" dieci volte di fila (lettori di schermo di solito dire la parola "Immagine", prima di leggere il suo testo ALT) - ora che non è utile! Altri sviluppatori web semplicemente lasciare il ALT attributo spazio per le immagini (e forse altre immagini). In questo caso, la maggior parte dei lettori di schermo di leggere il nome del file, che potrebbero essere 'newsite / images / onepixelspacer.gif'. Un lettore di schermo sarebbe come annunciare questa immagine "Immagine, newsite barra barra immagini di un pixel gif spacer dot". Immaginate cosa ciò suona come se ci fossero dieci di questi in una fila! Bullets e iconsBullets e le icone devono essere trattati nello stesso modo spacer come le immagini, così dovrebbe essere assegnato null testo alternativo o alt = "". Pensa a un elenco di elementi di fantasia con un pallino di procedere ogni voce. Se il testo ALT, 'Bullet' viene assegnato a ciascuna immagine allora, "Immagine, bullet "verranno letti da lettori di schermo ad alta voce prima di ogni elemento, il che rende poco più che prendere a lavorare attraverso il list.Icons, di solito utilizzati per completare i collegamenti, deve essere assegnata anche alt =" ". Molti siti web, posto che l'icona accanto al link di testo, utilizzare il link di testo ALT come l'icona di testo. Lettori di schermo prima di annunciare questo testo ALT, quindi il testo del link, in modo che poi il link dire due volte, il che, ovviamente, non è necessario. (Idealmente, i proiettili e le icone devono essere chiamati come immagini di sfondo attraverso il documento CSS - questo permetterebbe di eliminare dal documento HTML e quindi eliminare completamente la necessità di eventuali ALT descrizione.) Donna troppo imagesDecorative immagini dovrebbero essere assegnati null testo alternativo o alt = "". Se l'immagine è pura Eye Candy quindi non c'è bisogno di un lettore di schermo utente, anche a sapere che c'è e che informato della sua presenza semplicemente aggiunge al rumore pollution.Conversely, si potrebbe sostenere che le immagini sul tuo sito creare una identità di marca e nascondendo loro utenti da lettore di schermo che stai negando questo gruppo di agli utenti la stessa esperienza. Accessibilità esperti tendono a favorire il primo argomento, ma non vi è certamente un valido caso di quest'ultimo too.Navigation & testo incorporato all'interno imagesNavigation menu che richiedono fantasia testo non hanno altra scelta che quella di incorporare il testo all'interno di un'immagine. In questa situazione, il testo alternativo non deve essere utilizzato per espandere l'immagine. In nessun caso il testo ALT dire, 'Leggi tutte le nostre fantastiche servizi, progettato per aiutarti in tutto quello che fate '. Se la voce di menu, dice: 'Servizi', quindi il testo ALT dovrebbe anche dire 'Servizi'. ALT testo deve sempre descrivere il contenuto di immagine e il testo deve ripetere parola per parola. Se si desidera espandere la navigazione, come in questo esempio, è possibile utilizzare il titolo attribute.The stesso vale per qualsiasi altro testo incorporati all'interno di un'immagine. Il testo ALT dovrebbe semplicemente ripetere, parola per parola, il testo contenuto all'interno di tale immagine. (a meno che il font usato è particolarmente singolare è spesso necessario inserire il testo all'interno di immagini - avanzate di navigazione e di effetti di sfondo può essere raggiunto con i CSS.) Azienda logoWebsites tendono a variare il modo in cui essi si applicano al testo ALT loghi. Alcuni dicono, 'Nome', altri 'Ragione Sociale logo', e di altri la funzione di descrivere l'immagine (di solito un link alla pagina), 'Ritorno a casa'. Ricorda, il testo ALT dovrebbe sempre descrivere il contenuto delle immagini in modo che il primo esempio, alt = "Ragione Sociale", è probabilmente il migliore. Se il logo è un link alla pagina allora questo può essere efficacemente comunicate attraverso il titolo tag.ConclusionWriting efficaci ALT testo non è troppo difficile. Se si tratta di una decorazione immagine null allora testo alternativo o alt = "" dovrebbe essere usato di solito - non hanno mai omettere l'attributo ALT. Se l'immagine contiene il testo poi ALT testo dovrebbe semplicemente ripetere questo testo, parola per parola. Ricorda, il testo ALT dovrebbe descrivere il contenuto di immagine e niente more.Do anche essere sicuri di mantenere anche il più breve testo ALT e succinto possibile. Ascolto di una pagina web con un lettore di schermo prende molto più lungo di metodi tradizionali, in modo da non rendere la navigazione un'esperienza dolorosa per gli utenti con lettore di schermo mastodontiche e inutili ALT text.This articolo è stato scritto da Trenton Moss. E 'matto per l'usabilità e l'accessibilità web - così pazzo che andava e ha iniziato la sua usabilità e accessibilità web di consulenza (Webcredible --
Fonte dell'articolo: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster prendi il Codice Html
Aggiungi questo articolo al tuo sito ora!
Webmaster invia i tuoi Articoli
Nessuna registrazione richiesta. Compila il form e i tuoi articoli sono nella Directory di Messaggiamo.Com
