Vytváření přístupu na web pro osoby s postižením

Přilákat více čtenářů na stránky, které vyhovují všem potřebám

Díky tomu, že zpřístupníte své webové stránky osobám se zdravotním postižením, je to, že je vše dostupné všem. Ve skutečnosti může vaše webové stránky zpřístupnit mohou dokonce pomoci lidem najít vaše webové stránky ve vyhledávačích. Proč? Protože vyhledávače používají některé ze stejných signálů, které čtenáři obrazovky dělají, aby našli a pochopili obsah vašich webových stránek.

Ale přesně jak uděláte přístupnou webovou stránku, aniž byste se stali expertem na kódování?

Zde je několik tipů a triků, které mohou téměř všichni se základními znalostmi jazyka HTML využít ke zlepšení dostupnosti svých webových stránek.

Nástroje pro usnadnění přístupu na webu

W3C má fantastický seznam nástrojů pro usnadnění přístupu k webu, které můžete použít jako kontrolu, aby zjistily potenciální problémy s vaším webem. Přesto vám stále doporučuji, abyste prozkoumali s čtečkou obrazovky a zažili ji pro sebe.

Související čtení: Co je to pomocná technologie a jak to funguje?

Porozumění čtečkám obrazovky

Jedním z nejdůležitějších způsobů, jak můžete zlepšit přístupnost vašich webových stránek, je ujistit se, že je lze pochopit pomocí čteček obrazovky. Čtecí zařízení obrazovky používají syntetizovaný hlas pro čtení textu na obrazovce. To zní docela jednoduché; čtenáři obrazovky však nemusí chápat vaše webové stránky způsobem, jakým je aktuálně nastaven.

První věc, kterou můžete udělat, je vyzkoušet čtečku obrazovky a uvidíte, jak to jde. Pokud používáte systém Mac, zkuste použít funkci VoiceOver.

  1. Přejděte na Předvolby systému.
  2. Vyberte možnost usnadnění.
  3. Zvolte VoiceOver.
  4. Zaškrtněte políčko Enable VoiceOver.

Můžete jej zapnout a vypnout pomocí příkazu F5.

Pokud jste na počítači se systémem Windows, můžete si stáhnout aplikaci NVDA. Můžete jej nastavit tak, aby zapínala a vypínala pomocí ovládacího prvku klávesových zkratek + alt + n.

Obě čtečky obrazovky fungují tím, že umožňují uživateli navigaci klávesnicí (to dává smysl - pokud nevidíte, pomocí myši by to byla výzva) a vytvořením zaostřovací oblasti pro navigaci. Zaměření je v podstatě tam, kde je klávesnice "špičatá", ale obvykle se zobrazuje jako zvýrazněný rámeček kolem objektu zaostření namísto kurzoru.

Můžete změnit jak hlasový poměr, tak rychlost, kterou hlas přečte, pokud jsou výchozí nastavení nepríjemná (a po přibližně pěti minutách poslechu standardní pomalé hlasové odezvy obvykle bývají). Slepí lidé obvykle čtou stránky s čtečkami obrazovky nastavenými na vysokou rychlost.

Pomůže vám zavřít oči, když to uděláte, ale může to také pomoci udržet je otevřené a porovnat. Některé z věcí, které si můžete okamžitě všimnout, když se snažíte poslouchat své webové stránky, je, že některý text může být mimo provoz. Nadpisy a tabulky mohou být roztříštěny. Obrazy mohou být buď přeskočeny, nebo mohou říkat "obraz" nebo něco stejně neopravitelné. Tabulky mají tendenci být čteny jako série položek bez kontextu.

Doufám, že to opravíte.

Alt-tagy nebo alternativní atribut

Atribut alt-tag nebo alternativní (alt) se používá v HTML k popisu obrázku. V HTMLu to vypadá takto:

Dokonce i když vytvoříte svůj web pomocí vizuálního nástroje, který skryje váš kód HTML, budete téměř vždy mít možnost zadat popis obrázku. Nemůžete zadat nic (alt = ""), ale opravdu by bylo lepší dát každému obrázku užitečný popis. Pokud jste byli slepí, co byste potřebovali vědět o obrázku? "Žena" není moc pomoci, ale možná "Žena kreslí návrhový diagram, včetně dostupnosti, použitelnosti, značky a designu."

Název textu

Webové stránky nezobrazují vždy název značky HTML, ale jsou užitečné pro čtečky obrazovky. Ujistěte se, že každá ze stránek vašeho webu má popisný (ale ne příliš přesný) název, který návštěvníkům sděluje, o jakou stránku jde.

Dejte své webové stránce dobrou informační hierarchii

Rozdělte velké části textu se záhlavími a pokud možno použijte hlavičky s hierarchií H1, H2, H3 odpovídajícím způsobem. Nejen, že usnadňuje vaše webové stránky pro čtečky obrazovky, ale usnadňuje to všem ostatním. Je to také skvělý signál pro Google a další vyhledávače, které jim pomohou lépe indexovat vaše webové stránky.

Stejně tak byste se měli ujistit, že vaše webové stránky jsou v logickém pořadí obsahu a že se neobjeví pole nesouvisejících informací. Pokud používáte reklamy, sledujte, že vaše reklamy nejsou příliš rušivé a příliš častým rozbitím textu na vašem webu.

Udělat lepší tabulky

Používáte-li tabulky HTML, můžete přidat značky do tabulek pomocí značky, aby bylo snadnější pochopit čtenáři obrazovky, a nikoliv pouze tvořit název tabulky tučným písmem. Můžete také přidat prvek "scope" a jasně označit nové řádky a sloupce ve své tabulce tak, aby čtečky obrazovky jednoduše nevyklouzly z řady buněk tabulky bez uvedení kontextu.

Navigace na klávesnici

Obecně platí, že cokoli, co na své webové stránky umístíte, by mělo být něco, co by někdo mohl udělat pouze pomocí klávesnice. To znamená, že navigační tlačítka by neměly být animované rozbalovací tlačítka, pokud je nelze použít s čtečkou obrazovky (zkuste to a uvidíte, pokud si nejste jisti - některé tlačítka jsou naprogramována pro použití klávesnicí.)

Uzavřené titulky

Pokud na své webové stránky přidáte videa nebo zvukové prvky, měly by mít titulky. HTML5 a mnoho služeb streamingu videa (jako YouTube) nabízí podporu pro titulky. Uzavřené titulky jsou užitečné nejen pro přístupnost, ale také pro uživatele, kteří mohou procházet vaše webové stránky někde, kde nemohou přehrávat zvuk, například v kanceláři nebo na hlučném místě.

U podcastů nebo jiných zvukových prvků zvážte poskytnutí textového přepisu. Nejen, že je užitečné pro lidi, kteří nemohou poslouchat zvuk, protože text vám ulehčí pro Google a další vyhledávače, aby tento obsah indexovali a pomohli vám s hodnocením Google .

ÁRIE

Chcete-li dosáhnout pokročilé úrovně dostupnosti, specifikace HTML5 ARIA nebo WAI-ARIA mají za cíl být novým standardem. Jedná se však o složitý (a vyvíjející se) technický manuál, takže co můžete udělat, je použít ověřovací nástroj ARIA ke kontrole, zda vaše webové stránky mají nějaké problémy, které můžete řešit. Mozilla má také přístupnější průvodce, jak začít s ARIA.