Písanie efektívny alternatívny text pre obrázky
Ktokoľvek, kto vie niečo o prístupnosť webových stránok, vie, že potrebujú alternatívne obrázky, alebo ALT, text ktoré im boli zverené. To preto, že hlasové čítačky nemôže pochopiť, obrázky, ale prečítal alternatívny text Tento text je: img src = "filename.gif" alt = "Alternatívny popis tu platí" Ale iste, že nemôže byť zručnosť písania ALT text pre obrázky? Prostě pop opis tam a ty si dobrý ísť, nie? No, tak nejako. Iste, nie je to žiadna veda, ale existuje niekoľko rád, je potrebné postupovať ... Spacer obrázky a chýbajúce ALT textSpacer snímky by mali byť vždy priradená null ALT text, alebo alt = "". Týmto spôsobom väčšina čitateľov bude obrazovka úplne ignorovať obrazu a nebude ani oznámiť jeho prítomnosť. Spacer obrázky sú neviditeľné obrázky, ktoré do istej miery využiť väčšina internetových stránok. Účelom z nich je, ako už názov napovedá, s cieľom vytvoriť priestor na stránke. Niekedy nie je možné vytvoriť vizuálne zobrazenie potrebujete, aby ste mohli držať obraz (s uvedením jeho výška a šírka) a voliÃÆ'à † â € ™ à € SA, máte priestor navyše si všetci need.Not používa túto null ALT text pre spacer obrázky. Niektoré stránky s palicou v alt = "spacer image". Predstavte si, ako nepríjemné to môže byť pre používateľov pre čítanie obrazovky, najmä keď máte desať z nich v rade. Čítačku obrazovky by sa povedať, "Obraz, spacer image" desaťkrát za sebou (pre čítanie obrazovky zvyčajne hovoria, že slovo "Obrázok", pred prečítaním jeho ALT text) - dnes to nie je užitočné! Iné webové vývojárov jednoducho vynechať ALT Atribút spacer obrazy (a možno aj ďalšie obrázky). V tomto prípade bude väčšina čitateľov obrazovke prečítať meno súboru, ktorý by mohol byť 'Nový_server / images / onepixelspacer.gif'. Odčítač by oznámiť tento obrázok ako "Obraz, obrazy Nový_server lomka lomítka jeden pixel spacer bodka gif". Predstavte si, čo to bude znieť, ako keby existovala desať z nich v rade! Odrážky a iconsBullets a ikony by sa malo zaobchádzať v podstate rovnakým spôsobom, spacer ako obrázky, takže by mal byť priradený null alternatívny text, alebo alt = "". Premýšľajte o zoznam položiek s luxusnou strela riadenie jednotlivých položiek. Je-li text ALT, je 'Bullet' pridelené ku každému snímky potom, "Obraz, strela "sa bude čítať nahlas prostredníctvom čítačky obrazovky pred každú položku zoznamu, takže to trvať trochu dlhšie, aby sa práca prostredníctvom list.Icons bežne používané na doplnenie väzby, by mala byť pridelená alt =" ". Mnohé internetové stránky, , Ktoré kladú na ikonu vedľa textu odkazu pomocou textu odkazu ako text ALT na ikonu. Screen čitatelia by najprv oznámiť tento text ALT a potom text odkazov, takže by potom povedal odkazu dvakrát, čo samozrejme nie je potrebné. (v ideálnom prípade guľky a ikony by mal byť povolaný ako pozadie pomocou CSS dokumente - to by odstrániť z dokumentov vo formáte HTML, a preto úplne odstrániť potrebu akejkoľvek ALT opis.) Dekoračné imagesDecorative obrazy príliš by mal byť priradený null alternatívny text, alebo alt = "". Je-li obraz je čistý eye candy potom nie je potrebné pre užívateľa odčítača obrazovky ani nevie, že tam je a je informoval o jeho prítomnosti len pridáva na hluk pollution.Conversely, môžete tvrdiť, že obrázky na vašej webovej stránke vytvoriť identitu značky, a schováva sa od užívateľov Odčítač ste popieranie tejto skupine Užívatelia rovnaké skúsenosti. Prístupnosť odborníci skôr v prospech bývalého tvrdenie, ale určite je platný pre tento prípad too.Navigation & text vložený do imagesNavigation ponúk, ktoré vyžadujú fantázia text nemajú inú možnosť, ako vložiť text do obrázka. V tejto situácii, mal by text ALT nesmie byť použitá na rozšírenie na obrázku. V žiadnom prípade by text ALT hovoria, 'Prečítajte si všetko o našej fantastickej služby, ktoré pomáhajú vo všetkom, čo robíte '. Je-li položka menu hovorí, 'služby', potom ALT text by mal tiež povedať, 'služby'. ALT text by mal vždy popisovať obsah obrazu a mal by opakovať text slovo-na-slovo. Ak chcete rozšíriť o navigáciu, ako v tomto príklade, môžete použiť titul attribute.The To isté platí pre akékoľvek iné vložené text v obrázku. ALT text by mal jednoducho opakovať, word-pre-slovo, používané text obsiahnutý v tomto obrázku. (Ak písmo je obzvlášť unikátny je často potrebné vložiť do textu obrázky - pokročilá navigácia a základné efekty možno teraz dosiahnuť s CSS.) Spoločnosť logoWebsites často sa líšia v tom, ako sa uplatňujú ALT text loga. Niektorí hovoria, 'Názov', ostatné spoločnosti 'name logo', a iné opísať funkciu obrazu (zvyčajne odkaz späť na domovskú stránku), 'Späť na home'. Pamätajte si, že by ALT text vždy opisujú obsah obrazu tak prvým príkladom, alt = "Názov firmy", je pravdepodobne najlepší. Je-li logo je odkaz späť na domovskú stránku potom to môže byť účinne oznámia prostredníctvom stránok tag.ConclusionWriting efektívne ALT text nie je príliš ťažké. Pokiaľ ide o dekoratívne obraz potom null alternatívny text, alebo alt = "" Zvyčajne by malo byť - nikdy, nikdy vynechať atribút ALT. Ak je obrázok obsahuje text, potom ALT text by mal jednoducho zopakujte tento text, slovo-na-slovo. Pamätajte si, že by ALT textový popis obsahu obrázku a nič more.Do tiež nezabudnite tiež, aby ALT text ako krátky stručné a ako je to možné. Počúvanie na webovú stránku s pre čítanie obrazovky trvá oveľa dlhšie ako tradičnými metódami, takže sa nemusíte robiť surfing experience bolestivé pre užívateľa Odčítač s nafúknuté a zbytočné ALT text.This článok bol napísaný Trenton Moss. On je blázon web použiteľnosť a prístupnosť - tak šialene, že odišiel a založil vlastnú webovú použiteľnosti a prístupnosti poradenstvo (Webcredible --
Článok Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Pridajte tento článok do svojich webových stránok sa!
Webmaster Pošlite svoj článok
Nie nutná registrácia! Vyplňte formulár a Váš článok je v Messaggiamo.Com Adresár!
