Prilákajte viac čitateľov s webom, ktorý vyhovuje všetkým potrebám
Tým, že sprístupníte svoje webové stránky osobám so zdravotným postihnutím, skončíte s tým, aby ste ich sprístupnili všetkým. Vďaka tomu, že vaše webové stránky sú prístupnejšie, môžu dokonca pomôcť ľuďom nájsť vaše webové stránky vo vyhľadávačoch. Prečo? Pretože vyhľadávacie nástroje používajú niektoré z tých istých signálov, ktoré čitatelia obrazovky robia, aby našli a pochopili obsah vašich webových stránok.
Ale presne ako spravujete prístupnú webovú stránku bez toho, aby ste sa stali expertom na kódovanie?
Tu sú niektoré tipy a triky, ktoré môžu skoro všetci so základnými znalosťami jazyka HTML využiť na zlepšenie prístupnosti svojich webových stránok.
Nástroje prístupnosti webu
W3C má fantastický zoznam nástrojov na webovú dostupnosť, ktoré môžete použiť ako kontrolu, aby ste zistili možné problémy s vašimi webovými stránkami. Napriek tomu vám odporúčam urobiť nejaké skúmanie s čítačkou obrazovky a prežívať to pre seba.
Súvisiace čítanie: Čo je pomocná technológia a ako to funguje?
Pochopenie čítačiek obrazovky
Jedným z najdôležitejších spôsobov, ako môžete zlepšiť prístupnosť vašich webových stránok, je zabezpečiť ich pochopenie prostredníctvom čítačiek obrazovky. Čítacie zariadenia obrazovky používajú syntetizovaný hlas na čítanie textu na obrazovke. Znie to celkom jednoducho; Čítačky obrazovky však vaše webové stránky nechápu spôsobom, akým ste ich v súčasnosti nastavili.
Prvá vec, ktorú možno budete chcieť urobiť, je vyskúšať čítačku obrazovky a zistiť, ako to ide. Ak používate systém Mac, skúste použiť službu VoiceOver.
- Prejdite na Predvoľby systému.
- Vyberte položku Prístupnosť.
- Vyberte položku VoiceOver.
- Začiarknite políčko Povolenie hlasovej pošty.
Môžete to zapnúť a vypnúť pomocou príkazu-F5.
Ak ste na počítači so systémom Windows, možno budete chcieť prevziať NVDA. Môžete nastaviť zapnutie a vypnutie pomocou klávesovej skratky + alt + n.
Obe čítačky obrazovky fungujú tým, že umožňujú užívateľovi navigáciu pomocou klávesnice (to dáva zmysel - ak nevidíte, pomocou myši by to bola výzva) a vytvorením oblasti zamerania pre navigáciu. Zameranie je v podstate tam, kde je klávesnica "nasmerovaná", ale zvyčajne sa zobrazuje ako zvýraznená políčka okolo objektu zaostrenia namiesto kurzora.
Môžete zmeniť hlasovú rýchlosť aj rýchlosť, s ktorou hlas prečíta, ak sú predvolené nastavenia nepríjemné (a po približne piatich minútach počúvania štandardného pomalého hlasového čítania sú zvyčajne). Slepí ľudia zvyčajne čítajú webové stránky s čítačmi obrazovky nastavenými na vysokú rýchlosť.
Môže to pomôcť zatvárať oči, keď to robíte, ale môže to tiež pomôcť udržať ich otvorené a porovnať. Niektoré z vecí, ktoré môžete okamžite zistiť, keď sa pokúsite počúvať svoje webové stránky, je, že niektoré z textu môžu byť mimo riadku. Nadpisy a tabuľky môžu byť prehltnuté. Obrázky môžu byť buď preskočené, alebo môžu hovoriť "obrázok" alebo niečo rovnako nepodstatné. Tabuľky majú tendenciu čítať ako sériu položiek bez kontextu.
Dúfajme, že to môžete opraviť.
Alt-tagy alebo alternatívny atribút
Atribút alt-tag alebo alternatívny (alt) sa používa v HTML pre popis obrázka. V HTML, to vyzerá takto:
Dokonca aj keď vytvoríte svoj web pomocou vizuálneho nástroja, ktorý skryje kód HTML, takmer vždy budete mať možnosť zadať popis obrázka. Nemôžete zadať nič (alt = ""), ale bolo by lepšie dať každému obrázku užitočný popis. Ak ste boli slepí, čo by ste potrebovali vedieť o obrázku? "Žena" nie je veľa pomoci, ale možno "Žena kreslenie dizajnu vývojového diagramu vrátane prístupnosti, použiteľnosti, značky a dizajnu."
Názov textu
Webové stránky nie vždy zobrazujú značku názvu HTML, ale sú užitočné pre čítačky obrazovky. Uistite sa, že každá zo stránok vášho webu má opisný (ale nie príliš podrobný) názov, ktorý informuje návštevníkov o tom, na čom je stránka.
Dajte vašim webom dobrú informačnú hierarchiu
Rozdeľte veľké kúsky textu s hlavičkami a ak je to možné, použite hlavičky s hierarchiou H1, H2, H3 vhodným spôsobom. Nielen, že vaše webové stránky uľahčujú čítačky obrazovky, uľahčuje to všetkým ostatným. Je to tiež skvelý signál pre Google a iné vyhľadávacie nástroje, ktoré im pomôžu lepšie indexovať vaše webové stránky.
Podobne by ste sa mali uistiť, či je vaša webová stránka v logickom poradí obsahu a či neobsahujete pole s nesúvisiacimi informáciami. Ak používate reklamy, sledujte, že vaše reklamy nie sú príliš narušujúce a príliš často rozdeľujte text na vašich webových stránkach.
Urobte lepšie tabuľky
Ak používate tabuľky HTML, môžete do tabuľky pridávať značky pomocou značky, aby ste ich skôr porozumeli pomocou čítačiek obrazovky, a nie len aby ste zadali názov tabuľky tučným písmom. Môžete tiež pridať element "scope" a jasne označiť nové riadky a stĺpce vo svojej tabuľke tak, aby čítače obrazovky jednoducho nezmazali rad buniek tabuľky bez uvedenia akéhokoľvek kontextu.
Navigácia na klávesnici
Všeobecne platí, že všetko, čo umiestnite na svoje webové stránky, by malo byť niečím, čo by niekto mohol predstavovať len pomocou klávesnice. To znamená, že navigačné tlačidlá by nemali byť animované rozbaľovacie tlačidlá, ak ich nemôžete používať s čítačkou obrazovky (skúste to a uistite sa, či si nie ste istí - niektoré tlačidlá sú naprogramované na použitie klávesnice.)
Uzavreté titulky
Ak na svoje webové stránky pridáte videá alebo zvukové prvky, mali by mať titulky. HTML5 a mnohé služby streamingu videa (ako YouTube) ponúkajú podporu pre titulky. Uzavreté titulky sú užitočné nielen pre prístupnosť, ale aj pre používateľov, ktorí môžu prehliadať vaše webové stránky niekde tam, kde nemôžu prehrávať zvuk, napríklad v kancelárii alebo na hlučnej lokalite.
Pre podcasty alebo iné zvukové prvky zvážte poskytnutie prepisu textu. Nielen, že je to užitočné pre ľudí, ktorí nemôžu počúvať zvuk, pretože text vám uľahčí Google a ostatným vyhľadávacím nástrojom indexovanie tohto obsahu a pomôcku pri zaradení do Google .
ARIA
Ak chcete prejsť na pokročilú úroveň dostupnosti, špecifikácie HTML5 ARIA alebo WAI-ARIA majú za cieľ byť novým štandardom v budúcnosti. Je to však komplexná (a vyvíjajúca sa) technická príručka, takže čo môžete urobiť, použite nástroj na validáciu ARIA na skenovanie a zistite, či vaše webové stránky majú nejaké problémy, ktoré môžete riešiť. Mozilla má tiež prístupnejší sprievodca pre začatie ARIA.