Psaní efektivní alternativní text pro obrázky
Kdokoli, kdo ví něco o přístupnost webových stránek, ví, že potřebují alternativní obrázky, nebo ALT, text které jim byly svěřeny. To proto, že hlasové čtečky nemůže pochopit, obrázky, ale přečetl alternativní text Tento text je: img src = "filename.gif" alt = "Alternativní popis tu platí" Ale jistě, že nemůže být dovednost psaní ALT text pro obrázky? Prostě pop popis tam a ty jsi dobrý jít, ne? No, tak nějak. Jistě, není to žádná věda, ale existuje několik rad, je třeba postupovat ... Spacer obrázky a chybějící ALT textSpacer snímky by měly být vždy přiřazena null ALT text, nebo alt = "". Tímto způsobem většina čtenářů bude obrazovka zcela ignorovat obrazu a nebude ani oznámit jeho přítomnost. Spacer obrázky jsou neviditelné obrázky, které do jisté míry využít většina internetových stránek. Účelem z nich je, jak již název napovídá, s cílem vytvořit prostor na stránce. Někdy není možné vytvořit vizuální zobrazení potřebujete, abyste mohli držet obraz (s uvedením jeho výška a šířka) a voliÃÆ'à † â € ™ à€ SA, máte prostor navíc si všichni need.Not používá tuto null ALT text pro spacer obrázky. Některé stránky s holí v alt = "spacer image". Představte si, jak nepříjemné to může být pro uživatele pro čtení obrazovky, zvláště když máte deset z nich v řadě. Čtečku obrazovky by se říci, "Obraz, spacer image" desetkrát za sebou (pro čtení obrazovky obvykle znamená slovo "Obrázek", před přečtením jeho ALT text) - dnes to není užitečné! Jiné webové vývojáře prostě vynechám ALT Atribut spacer obrazy (a možná i další obrázky). V tomto případě bude většina čtenářů obrazovce přečíst jméno souboru, který by mohl být 'Nový_server / images / onepixelspacer.gif'. Odečítač by oznámit tento obrázek jako "Obraz, obrazy Nový_server lomítko lomítka jeden pixel spacer tečka gif". Představte si, co to bude znít, jako kdyby existovala deset z nich v řadě! Odrážky a iconsBullets a ikony by se mělo zacházet v podstatě stejným způsobem, spacer jako obrázky, takže by měl být přiřazen null alternativní text, nebo alt = "". Přemýšlejte o seznam položek s luxusní střela řízení jednotlivých položek. Je-li text ALT, je 'Bullet' přidělené ke každému snímku pak, "Obraz, střela "se bude číst nahlas prostřednictvím čtečky obrazovky před každou položku seznamu, takže to trvat trochu déle, aby se práce prostřednictvím list.Icons obvykle používané k doplnění vazby, by měla být přidělena alt =" ". Mnohé internetové stránky, , které kladou na ikonu vedle textu odkazu pomocí textu odkazu jako text ALT na ikonu. Screen čtenáři by nejprve oznámit tento text ALT a potom text odkazů, takže by pak řekl odkazu dvakrát, což samozřejmě není nutné. (v ideálním případě kulky a ikony by měl být povolán jako pozadí pomocí CSS dokumentu - to by odstranit z dokumentu ve formátu HTML, a proto zcela odstranit potřebu jakékoli ALT popis.) Dekorační imagesDecorative obrazy příliš by měl být přiřazen null alternativní text, nebo alt = "". Je-li obraz je čistý eye candy pak není třeba pro uživatele odečítače obrazovky ani neví, že tam je a je informoval o jeho přítomnosti jen přidává na hluk pollution.Conversely, můžete argumentovat, že obrázky na vašich webových stránkách vytvořit identitu značky, a schovává je od uživatelů odečítač jste popírání této skupině Uživatelé stejné zkušenosti. Přístupnost odborníci spíše ve prospěch bývalého argument, ale určitě je platný pro tento případ too.Navigation & text vložený do imagesNavigation nabídek, které vyžadují fantazie text nemají jinou možnost, než vložit text do obrázku. V této situaci, měl by text ALT nesmí být použita k rozšíření na obrázku. V žádném případě by text ALT říkají, 'Přečtěte si vše o naší fantastické služby, které pomáhají ve všem, co děláte '. Je-li položka menu říká, 'služby', pak ALT text by měl také říci, 'služby'. ALT text by měl vždy popisovat obsah obrazu a měl by opakovat text slovo-pro-slovo. Pokud chcete rozšířit o navigaci, jako v tomto příkladu, můžete použít titul attribute.The Totéž platí pro jakékoli jiné vložené textu v obraze. ALT text by měl jednoduše opakovat, word-pro-slovo, používané text obsažený v tomto obrázku. (Není-li písmo je obzvláště unikátní je často nutné vložit do textu obrázky - pokročilá navigace a základní efekty lze nyní dosáhnout s CSS.) Společnost logoWebsites často se liší v tom, jak se uplatňují ALT text loga. Někteří říkají, 'Název', ostatní společnosti 'name logo', a jiné popsat funkci obrazu (obvykle odkaz zpět na domovskou stránku), 'Zpět na home'. Pamatujte si, že by ALT text vždy popisují obsah obrazu tak prvním příkladem, alt = "Název firmy", je pravděpodobně nejlepší. Je-li logo je odkaz zpět na domovskou stránku pak to může být účinně sdělí prostřednictvím stránek tag.ConclusionWriting efektivní ALT text není příliš obtížné. Pokud se jedná o dekorativní obraz pak null alternativní text, nebo alt = "" Obvykle by mělo být - nikdy, nikdy vynechat atribut ALT. Pokud je obrázek obsahuje text, pak ALT text by měl jednoduše opakujte tento text, slovo-pro-slovo. Pamatujte si, že by ALT textový popis obsahu obrázku a nic more.Do také nezapomeňte také, aby ALT text jako krátký stručné a jak je to možné. Poslech na webovou stránku s pro čtení obrazovky trvá mnohem déle než tradičními metodami, takže se nemusíte dělat surfing experience bolestivé pro uživatele odečítač s nafouklé a zbytečné ALT text.This článek byl napsán Trenton Moss. On je blázen web použitelnost a přístupnost - tak šíleně, že odešel a založil vlastní webové použitelnosti a přístupnosti poradenství (Webcredible --
Článek Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Přidejte tento článek do svých webových stránek se!
Webmaster Zašlete svůj článek
Ne nutná registrace! Vyplňte formulář a váš článek je v Messaggiamo.Com Adresář!
