Prístupnosť sa začína samostatným používaním
Webová stránka je prístupná, ak ju ľudia dokážu spoľahlivo ovládať napriek rozdielnym schopnostiam a podmienkam používania. Patria sem nevidiaci a slabozrakí ľudia, nepočujúci ľudia, osoby s motorickým alebo kognitívnym znevýhodnením a mnohí starší používatelia. Používanie môže dočasne sťažiť aj zlomená ruka, hlučné prostredie alebo pomalé internetové pripojenie. Prístupnosť preto nie je určená malej osobitnej skupine, ale zlepšuje prístup pre veľmi rôznorodých ľudí.
Či je ponuka skutočne prístupná, sa ukáže pri konkrétnych úlohách. Dokáže človek nájsť termín, odoslať formulár alebo skopírovať telefónne číslo bez toho, aby zlyhal na navigácii? Rozumie, ktoré údaje sú povinné a čo sa stane po odoslaní? Dobre mienené upozornenie na prístupnosť veľmi nepomôže, ak sú dôležité informácie iba v grafike alebo ak sa dialóg nedá zatvoriť bez myši.
Prevádzkovateľom pomáha jednoduchá zmena perspektívy: v centre pozornosti nie je jednotlivá funkcia, ale celá cesta k cieľu. Dobre čitateľná domovská stránka nestačí, ak je proces objednávky nezrozumiteľný. Preto sa najprv pozrite na najčastejšie a najdôležitejšie cesty svojich návštevníkov. Práve tam sú prekážky najviditeľnejšie a zlepšenia tam bezprostredne prinášajú väčšiu samostatnosť, bezpečnosť a dôveru.
Jasná štruktúra stránky poskytuje spoľahlivú orientáciu
Ľudia vnímajú webové stránky rôznymi spôsobmi. Niektorí si prebehnú nadpisy, iní obsah výrazne zväčšia a nevidiaci si nechávajú prvky predčítať čítačkou obrazovky. Jasná štruktúra pomáha vo všetkých týchto situáciách. Každá stránka by mala mať rozpoznateľnú hlavnú tému a nadpisy by mali zmysluplne členiť obsah. Kto číta iba nadpisy, musí už z nich pochopiť, o čo ide a kde nájde hľadanú informáciu.
Aj opakujúce sa oblasti potrebujú stále miesto. Logo, hlavná navigácia, vyhľadávanie a kontakt by nemali na každej stránke meniť polohu alebo názov. Stabilné usporiadanie uľahčuje prácu ľuďom, ktorí sa orientujú s námahou alebo si musia pamätať postupy. Mimoriadne užitočné sú výstižné názvy stránok a viditeľné označenie aktuálnej oblasti. Človek tak vždy rozpozná, kde sa nachádza a ako sa vráti k nadradenej téme.
Vyhnite sa stránkam, na ktorých o pozornosť súťaží veľa rovnako výrazných plôch. Ak vstup súčasne určujú tri bannery, niekoľko dlaždíc a automaticky sa meniaci obrázok, podstatné zostáva nejasné. Zoraďte obsah podľa dôležitosti a najdôležitejšiemu úkonu poskytnite výrazné miesto. Pokojná hierarchia nielen uľahčuje orientáciu, ale aj urýchľuje rozhodovanie a obmedzuje nechcené kliknutia.
Čitateľný dizajn funguje bez hádania
Dobrá čitateľnosť vzniká vďaka dostatočne veľkému písmu, jasným tvarom znakov a dostatočným rozostupom medzi riadkami a odsekmi. Veľmi tenké písmo alebo nahusto vysádzaný text môžu byť namáhavé aj pre človeka s dobrým zrakom. Na malých obrazovkách sa problém zhoršuje. Používatelia by mali vedieť zväčšiť text bez orezania obsahu alebo nutnosti posúvať stránku do strán. Preto nekontrolujte iba bežné zobrazenie, ale aj výrazne zväčšené zobrazenia.
Farba môže informácie podporovať, ale nesmie byť ich jediným nositeľom. Červený rám okolo chybného poľa formulára nemusí byť pre ľudí s poruchou farebného videnia rozpoznateľný. Doplňte zrozumiteľné hlásenie a dotknuté pole jednoznačne označte. To isté platí pre diagramy, ukazovatele stavu a vybrané položky ponuky. Vzory, symboly alebo text zabezpečia, aby význam zostal zachovaný aj bez presného vnímania farieb.
Dostatočný kontrast zviditeľňuje text, tlačidlá a vstupné polia v rôznych svetelných podmienkach. Svetlosivá na bielom pozadí často pôsobí elegantne, ale rýchlo sa stáva nečitateľnou. Obzvlášť kritické sú malé upozornenia, zástupné texty a popisy na obrázkoch. Kontrast kontrolujte už pri navrhovaní, nie až krátko pred zverejnením. Farby tak zostanú upraviteľné bez náročnej opravy hotového vzhľadu.
Všetky dôležité funkcie musia byť dostupné pomocou klávesnice
Nie každý dokáže bezpečne ovládať myš alebo dotykovú obrazovku. Niektorí ľudia používajú výlučne klávesnicu, hlasové ovládanie alebo iné vstupné zariadenie. Odkazy, tlačidlá, ponuky a polia formulárov preto musia byť dostupné v logickom poradí. Pri používaní klávesu Tab by mal fokus sledovať viditeľné usporiadanie stránky. Preskoky do skrytých oblastí alebo krúženie vnútri jedného komponentu zbytočne sťažujú aj jednoduché úlohy.
Aktuálny fokus musí zostať jasne viditeľný. Jemný tieň, ktorý takmer splýva s pozadím, nestačí. Kto sa pohybuje pomocou klávesnice, musí vždy rozpoznať, ktorý prvok sa aktivuje pri ďalšom stlačení klávesu. Predvolené označenie fokusu odstráňte len vtedy, ak vytvoríte prinajmenšom rovnako jasnú náhradu. Týka sa to aj ponúk, dialógov o súboroch cookie, návrhov vyhľadávania a kontextových okien.
Vyskúšajte hlavné cesty raz úplne bez myši. Otvorte navigáciu, vyberte ponuku, vyplňte formulár a zatvorte všetky dialógy. Všímajte si miesta, kde fokus zmizne alebo sa úkon dá vykonať iba ťahaním, potiahnutím či ukázaním. Tento jednoduchý pokus odhalí veľa prekážok, ktoré pri bežnom ovládaní myšou zostávajú nepovšimnuté.
Zrozumiteľný obsah vedie rýchlejšie k správnemu úkonu
Prístupný obsah hneď na začiatku povie, čo čitatelia potrebujú vedieť alebo urobiť. Začnite najdôležitejším tvrdením a potom vysvetlite potrebné podrobnosti. Dlhé úvody, interné odborné výrazy a nejasné odkazy sťažujú orientáciu. Namiesto textu „Ďalšie informácie nájdete tu“ by mal odkaz pomenovať svoj cieľ, napríklad „Doklady k žiadosti o príspevok na bývanie“. Jeho význam tak zostane zrozumiteľný, aj keď ho čítačka prečíta mimo odseku.
Krátke vety pomáhajú, ale zrozumiteľnosť neznamená výrazne zjednodušiť každý obsah. Neznáme výrazy vysvetlite tam, kde sa používajú, a rovnaké pomenovanie používajte dôsledne. Ak stránka striedavo hovorí o zákazníckom účte, profile a používateľskej zóne, vzniká zbytočná neistota. Konkrétne príklady pomáhajú najmä pri lehotách, podmienkach alebo nejednoznačných rozhodnutiach, pokiaľ nenahrádzajú samotný obsah.
Nadpisy, popisy a tlačidlá by mali spoľahlivo napĺňať očakávania. Tlačidlo s textom „Ďalej“ prezrádza málo, zatiaľ čo „Skontrolovať údaje“ vysvetľuje nasledujúci krok. Varovania by mali pomenovať problém aj možné riešenie. Priateľské a priame formulácie pomáhajú ľuďom s menšími skúsenosťami s čítaním aj osobám, ktoré konajú pod časovým tlakom. Jasný text je preto podstatnou súčasťou ovládania, nie dodatočnou jazykovou ozdobou.
Formuláre potrebujú jednoznačné otázky a užitočnú spätnú väzbu
Formuláre patria medzi najčastejšie miesta, na ktorých ľudia webovú stránku opustia. Každé pole potrebuje trvalo viditeľný popis, ktorý vysvetľuje jeho účel. Príklad v poli môže navyše pomôcť, ale nemal by nahradiť popis, pretože pri písaní zmizne. Pýtajte sa iba na údaje, ktoré sú pre daný proces skutočne potrebné. Kratšie formuláre sa ľahšie chápu, rýchlejšie vypĺňajú a spôsobujú menej chýb.
Povinné polia a očakávané formáty musia byť rozpoznateľné pred zadávaním. Ak dátum vyžaduje určitý zápis, ukážte zrozumiteľný príklad. Ak je to možné, povoľte bežné varianty namiesto odmietania ľudí pre medzery alebo spojovníky. Pri dlhších procesoch pomáha jasný ukazovateľ priebehu, pokiaľ uvádza, ktorá časť sa práve spracúva a koľko krokov ešte zostáva.
Ak nastane chyba, hlásenie musí byť pri príslušnom poli a konkrétne vysvetliť, čo treba zmeniť. „Neplatný údaj“ necháva používateľa bez pomoci, zatiaľ čo „Zadajte PSČ s piatimi číslicami“ ponúka riešenie. Po odoslaní je navyše potrebné jednoznačné potvrdenie. Malo by uviesť, či bolo odoslanie úspešné a kedy možno očakávať odpoveď.
Obrázky, zvuk a video potrebujú rovnocenné spôsoby prístupu
Obrázky často sprostredkúvajú informácie, ktoré v okolitom texte chýbajú. Alternatívny text vtedy stručne opíše to, čo je dôležité pre účel stránky. Pri fotografii v profile tímu môže stačiť meno a funkcia. Pri diagrame však musia byť výpoveď a relevantné hodnoty dostupné aj bez obrázka. Čisto dekoratívne obrázky by mali pomocné technológie preskočiť, aby obsah zbytočne nepredlžovali bezvýznamnými názvami súborov alebo opakovaniami.
Videá potrebujú titulky pre hovorený obsah a dôležité zvuky. Ak viditeľné úkony nevyplývajú zo zvuku, môže byť potrebný aj zvukový opis. Prepis ponúka ďalší spôsob prístupu a uľahčuje spätné čítanie alebo vyhľadanie jednotlivých výrokov. Titulky treba starostlivo skontrolovať, pretože automaticky vytvorené verzie často zamieňajú mená, odborné výrazy alebo čísla, a tým môžu zmeniť význam.
Médiá sa nesmú nečakane spustiť so zvukom. Pohyblivý obsah sa musí dať zastaviť, ak dlhšie rozptyľuje alebo sťažuje čítanie. Dávajte pozor aj na rýchle blikanie a prudké prechody. Ovládanie pomáha iba vtedy, ak sú jeho tlačidlá zrozumiteľne popísané a dostupné pomocou klávesnice. Obsah tak zostáva použiteľný pre ľudí so sluchovým, zrakovým alebo koncentračným znevýhodnením bez toho, aby rušil ostatných návštevníkov.
Na malých obrazovkách sa kvalita prejaví obzvlášť zreteľne
Mnohí ľudia navštevujú webové stránky prevažne pomocou smartfónu. Na ňom sa stretáva málo miesta, meniace sa svetelné podmienky a ovládanie prstom. Dotykové plochy by preto mali byť dostatočne veľké a mať medzi sebou dostatočné rozostupy. Malé tlačidlo na zatvorenie pri okraji dialógu môže byť pre osoby s obmedzenou pohyblivosťou takmer nedosiahnuteľné. Dobre umiestnené a jasne popísané ovládacie prvky zabraňujú nechceným úkonom.
Obsah by sa mal prispôsobiť úzkym zobrazeniam bez toho, aby dôležité funkcie zmizli. Osobitne skontrolujte tabuľky, mapy, nastavenia súborov cookie a viacúrovňové navigácie. Ak sa informácia objaví len pri prechode kurzora myši nad prvkom, na dotykových zariadeniach úplne chýba. Sprístupnite tú istú funkciu klepnutím alebo prostredníctvom viditeľného odkazu a zabezpečte, aby sa zobrazený obsah dal znova ľahko zavrieť.
Ani orientácia zariadenia sa nesmie bez dobrého dôvodu predpisovať. Niektorí ľudia majú tablet alebo smartfón upevnený v pevnom držiaku a nemôžu ho otočiť. Stránka, ktorá funguje výlučne na výšku, sa tým môže stať nepoužiteľnou. Flexibilný dizajn zohľadňuje takéto situácie od začiatku a spája mobilnú použiteľnosť s prístupnosťou namiesto toho, aby ich riešil oddelene.
Testy so skutočnými používateľmi odhalia viac než automatické kontroly
Automatické kontrolné nástroje dokážu rýchlo nájsť chýbajúce popisy, slabý kontrast a určité chyby v štruktúre. Sú rozumným východiskom, ale nerozpoznajú, či je navigácia zrozumiteľná alebo či chybové hlásenie skutočne pomáha. Aj technicky prítomný alternatívny text môže byť nepoužiteľný. Výsledky takýchto nástrojov preto treba chápať ako upozornenia a nechať ich preveriť ľuďmi, ktorí dokážu posúdiť kontext stránky.
Technickú kontrolu doplňte jednoduchými ručnými pokusmi. Zväčšite stránku, ovládajte ju iba klávesnicou a vypočujte si hlavné oblasti pomocou čítačky obrazovky. Ešte výpovednejšie sú testy s ľuďmi, ktorí v každodennom živote používajú rôzne pomôcky a stratégie. Dajte im skutočnú úlohu, napríklad nájsť podujatie alebo odoslať otázku, a sledujte, kde sa ich orientácia alebo konanie zastaví.
Spätnú väzbu treba hodnotiť podľa jej vplyvu. Neprístupná rezervácia alebo chýbajúca informácia o zdraví je naliehavejšia než malá chyba v rozostupe. Zaznamenajte, ktorý problém sa vyskytuje na ktorej stránke a ktorých používateľov sa týka. Po oprave treba rovnakú cestu znova skontrolovať. Z dlhej zbierky všeobecných upozornení sa tak stane sledovateľné zlepšovanie skutočného používania.
Prístupnosť je trvalá, keď je zodpovednosť jasná
Prístupná webová stránka nevznikne jednorazovou úpravou. Nový obsah, funkcie a kampane môžu kedykoľvek priniesť nové prekážky. Každá zapojená rola preto potrebuje primeranú zodpovednosť. Redakčné tímy dbajú na zrozumiteľné texty a opisy obrázkov, dizajnérske tímy na kontrasty a stavy, vývojové tímy na ovládanie a technickú štruktúru. Kto schvaľuje obsah, mal by vedieť, ktoré základné vlastnosti treba pred zverejnením skontrolovať.
Pomáhajú prístupné šablóny a opakovane použiteľné komponenty. Ak sú formuláre, dialógy a navigácie už správne navrhnuté a overené, tímy nemusia na každej stránke znova riešiť rovnaké problémy. Redakčné rozhrania by mali zrozumiteľne požadovať potrebné údaje, napríklad alternatívne texty. Zároveň treba ponechať priestor na výnimky, pretože zložitý diagram vyžaduje iný opis než dekoratívna fotografia. Dobré základy uľahčujú správne každodenné spracovanie.
Najväčší praktický úžitok sa ukáže, keď návštevníci dokážu dokončiť dôležité úlohy bez prekážok, ktorým sa dá vyhnúť. Začnite najpoužívanejšími cestami, odstráňte závažné bariéry a overte účinok so skutočnými používateľmi. Postupne sa tak zlepší nielen prístupnosť jednotlivých stránok, ale kvalita celej ponuky. Inkluzívna online prítomnosť vzniká tam, kde sú zrozumiteľnosť, dizajn a technológia spoločne zamerané na samostatné používanie.