Tipy pro přístupnost webu

Mohou existovat další věci, které je třeba optimalizovat na vašem webu, například funkce přístupnosti. Stačí jen trochu navíc času a úsilí, abyste na svůj web přivedli co nejvíce návštěvníků, jak jen chcete. 

Například jste někdy přemýšleli o tom, že by měl váš web být přístupný pro lidi s postižením? Jak je známo, 29,9 % populace Turecka tvoří lidé s postižením. Skutečnost, že váš web je snadno dostupný a použitelný pro osoby s postižením, zvýší vaši dostupnost na internetu a umožní vám získat podíl návštěvníků z této 29,9 %. 

Když návštěvník s postižením zraku navštíví váš web, musí používat čtečky obrazovky k využívání obsahu. Mnoho správců webů používá na svých stránkách blogy, které popisují krátké shrnutí obsahu, který používají na svých stránkách, a tlačítka pro pokračování přidaná pod nimi budou v čtečce obrazovky čtena nepřetržitě jako více... více. Nepřetržité pokračování bez znalosti toho, co to je... slova pokračování pravděpodobně otráví návštěvníky. To způsobí, že návštěvník se znudí, opustí stránku a bude hledat to, co chce, jinde. 

Abychom tento problém úplně vyřešili, malý kousek kódu to vlastně udělá.

<a href="/">Read more <span class="Readmore"> [site] Blog</span></a>

Třída CSS pro "Číst více" by měla obsahovat kódy, které jsou neviditelné pro běžné uživatele, ale slyšitelné pro uživatele čteček obrazovek. Tímto způsobem bude váš web pro uživatele čteček obrazovek užitečný.  

Přístupnost v obrazech

Vývojáři, používáte tag alt pro obrázky na svých webových stránkách? Mnoho těch, kteří tento tag používají, se o tento tag nestará a zadává krátká slova tak, aby narušila kompatibilitu s SEO. Pokud zadáte text popisující tento obrázek do svého tagu alt, poskytnete podrobné informace o obrázku návštěvníkovi, který přichází na vaše stránky s čtečkou obrazovky, a zvýšíte tak svou dostupnost.

Přístupnost ve formulářích

Na svém webu máte formulář pro přihlášení člena a některá pole jsou povinná pro pokračování. Když uživatel projde tato pole prázdná, mnoho webů upozorní, že pole je povinné, červeným nebo jiným barevným vykřičníkem vedle tohoto pole. To je velmi užitečná věc pro normálního návštěvníka. Ale mysleli jste někdy na někoho, kdo má postižení zraku nebo barevné postižení? Dáte barvu, jakou chcete, někdo s vizuálním problémem ji nebude schopen vnímat. Uživatel, který se nemůže přihlásit nebo nepřekročit tento formulář, opustí stránku a nebude ji snadno znovu navštěvovat, i když slyší o stránce v žebříčku vyhledávače v jiném vyhledávání. 

Řešení je jednoduché. Namísto toho, abyste dávali vykřičníky, které varují o poli, napsat varovný text o tomto poli zcela odstraní tento problém. Díky čtečce obrazovky budou moci slyšet, že pole je povinné, a vyplní toto pole.

Přístupnost chybových zpráv 

Vaši návštěvníci vyplnili na dně vašich webových stránek jakýkoli formulář a odeslali formulář k zpracování na server. Došlo k chybě a tuto chybu jste označili návštěvníkovi na straně formuláře. Mysleli jste někdy na návštěvníka se zrakovým postižením při lokalizaci chybové zprávy? Čtečka obrazovky bude muset znovu přečíst celou stránku, aby přečetla tuto chybovou zprávu, a uživatel, který se nudí těmito procesy, opustí vaši stránku. 

Řešením je dávat chybové zprávy na vrcholu stránky. Tímto způsobem čtečky obrazovek přečtou tuto chybu jako první a návštěvníci budou moci zjistit, kde udělali chybu, aniž by ztráceli čas. To váš web učiní užitečným a přístupným.