Datum koncertu na plakátu přečtete bez potíží. Na stránce pořadatele ale nikde jinde není, takže návštěvník používající čtečku obrazovky se k němu nemusí dostat. Stejně snadno může přehlédnout čas začátku nebo adresu klubu. Opravy přístupnosti proto nemusí začít předěláním celého webu. Nejdřív je potřeba zpřístupnit informace a úkony, bez nichž si člověk nenaplánuje návštěvu ani nekoupí vstupenku.
Přístupný web se dá používat i bez myši nebo bez možnosti přečíst běžně zobrazený text. Někdo potřebuje klávesnici, zvětšené písmo, hlasové ovládání či čtečku obrazovky; jiný má rozbitý displej nebo pomalé připojení. Pro menší kulturní web, klub či hudební blog je rozumné nejprve odstranit překážky na cestě od informace k akci a teprve potom ladit detaily jednotlivých stránek.
Jak určit, co má přednost
Samotný počet chyb o naléhavosti opravy mnoho neřekne. Deset chybějících popisků u ozdobných ikon může vadit méně než jediné tlačítko „Koupit vstupenku“, které nelze aktivovat klávesnicí. Pomohou tři otázky:
- Brání chyba dokončení úkolu? Třeba když se návštěvník nedostane do menu, nepřečte program, nevyplní formulář nebo najde důležitou informaci jen ve videu.
- Kolik stránek zasahuje? Chyba v hlavním menu nebo společné šabloně článků se opakuje napříč webem.
- Je informace důležitá a časově citlivá? Datum koncertu, adresa klubu či změna programu mají přednost před dekorativním detailem.
Začněte jednou skutečnou cestou návštěvníka: z úvodní stránky otevřete pozvánku, najděte datum a místo, přejděte ke vstupenkám a vyplňte případný formulář. Pak totéž zkuste bez myši. Rychle poznáte, zda jde o drobnost ve vzhledu, nebo o překážku, na které člověk skončí. Technické zásady podrobně rozvádí přehled Web Content Accessibility Guidelines; seznam pravidel však nenahradí průchod konkrétním webem.
1. Obsah, který existuje pouze jako obrázek
Plakát může být výtvarně důležitý. Na hudební scéně nesou koncertní grafika i obaly desek kus identity kapely. Praktické údaje by v něm ale neměly zůstat uvězněné: text v obrázku se nemusí dobře zvětšovat, čtečka ho nemusí přečíst a adresa se z něj špatně kopíruje. Vedle plakátu proto uveďte běžným textem název akce, účinkující, datum, čas, místo, vstupné a odkaz na nákup. Změní-li se začátek koncertu, opravte také text, nejen grafiku.
Alternativní text obrázku plní jinou úlohu. U informačního obrázku má sdělit podstatný obsah, který jinde není. Pokud všechny údaje z plakátu stojí vedle něj, stačí stručně popsat jeho vizuální podobu; dlouhý program vtěsnaný do jediné věty nikomu nepomůže. Čistě dekorativní obrázek čtečka nemusí oznamovat vůbec. Zkuste si obrázky vypnout: zůstane stránka použitelná?
2. Menu, odkazy a tlačítka nedostupná z klávesnice
Klávesou Tab se má dát postupně přejít mezi odkazy, tlačítky a poli formuláře. Enter obvykle otevře odkaz nebo aktivuje tlačítko, mezerník například zaškrtávací políčko. Menu, které se rozbalí jen po najetí myší, tak může část návštěvníků odříznout od celých rubrik. Podobně vadí překryvné okno, které nejde klávesnicí zavřít, nebo přehrávač ovladatelný pouze kliknutím.
Při testu sledujte i viditelné zaměření: musí být poznat, na kterém prvku se právě nacházíte. Bez toho je ovládání nejisté, i když technicky funguje. Zaměření by nemělo uváznout v menu ani přeskočit důležitý obsah. Po otevření dialogového okna musí být možné v něm pracovat a po zavření se vrátit na rozumné místo.
Často pomůže začít u správných prvků stránky: odkaz vede jinam, tlačítko spouští akci. Klikací grafika či obecný blok textu s příkazem pro myš se nemusí chovat stejně při použití klávesnice. Opakuje-li se problém v celém menu, opravte ho dřív než jednotlivý článek.
3. Nejasná struktura nadpisů a nepopisné odkazy
Nadpisy nejsou jen větší písmo. Člověku používajícímu čtečku obrazovky dávají osnovu, po níž může přeskočit úvod a přejít rovnou k programu, dopravě nebo podmínkám vstupu. Nadpis má pojmenovat následující část a být označen skutečným prvkem nadpisu; tučně vysázený odstavec stejnou funkci automaticky nemá. Posloupnost nadpisů musí dávat smysl i bez grafické úpravy.
Odkaz „více“ zase mnoho neřekne člověku, který si zobrazí seznam odkazů bez okolních odstavců. „Program festivalu“, „Informace o bezbariérovém vstupu“ nebo „Poslech alba“ obstojí i samostatně. Text odkazu má odpovídat tomu, kam skutečně vede. Na kulturním blogu to oceníte hlavně u dlouhých rozhovorů a archivních textů; při rozsáhlejších úpravách lze práci se strukturou spojit s obsahovým auditem kulturního webu, který počítá se zachováním archivu.
4. Slabý kontrast a text, který se při zvětšení rozpadá
Tmavé pozadí a tlumené barvy k industriální scéně patří. Šedé datum na černé fotografii však může snadno zmizet, zvlášť když má snímek různě světlé plochy. Zkontrolujte běžný text, popisky tlačítek, odkazy, chybová hlášení i stav zaměření. Pro orientační kontrolu podle běžně používané úrovně WCAG AA platí kontrast alespoň 4,5 : 1 pro běžný text a 3 : 1 pro velký text. Rozhodující je ale skutečné pozadí, na kterém se text zobrazuje.
Pak stránku zvětšete nebo nastavte větší písmo. Text by neměl přetékat mimo obrazovku, překrývat tlačítka ani nutit k posouvání do stran na každém řádku. Na úzkém displeji pomáhá pružné rozložení a text, který není součástí obrázku. Odkaz by se také neměl od okolního textu lišit pouze barvou; podtržení je jednoduchý signál.
5. Formuláře bez srozumitelných názvů a oprav chyb
Kontaktní formulář nebo přihlášení k newsletteru mohou mít jen dvě pole a tlačítko. Název pole uvedený pouze jako zástupný text uvnitř ale po začátku psaní zmizí. Každé pole potřebuje trvalý a jednoznačný popisek. Povinné údaje označte slovně, ne samotnou hvězdičkou bez vysvětlení.
Když se odeslání nepovede, návštěvník má vědět proč a co opravit. „Neplatný vstup“ pomůže méně než „E-mailová adresa musí obsahovat znak @“. Upozornění nesmí záviset jen na červené barvě a k chybnému poli se musí dát snadno vrátit. Při testu proto formulář nejen úspěšně odešlete, ale také zadejte chybný údaj a nechte povinné pole prázdné.
6. Video a zvuk bez textové alternativy
Záznam koncertu, rozhovor se zvukařem nebo ukázka experimentálního nástroje mají na hudebním webu své místo. Mluvené informace ve videu ovšem potřebují titulky pro lidi, kteří zvuk neslyší nebo ho nemohou zapnout. U čistě zvukového rozhovoru pomůže přepis: nemusí zachytit každé zaváhání, ale má uchovat věcný obsah a rozlišit mluvčí. Pokud důležitou informaci sděluje pouze obraz, zpřístupněte ji také slovy, třeba v doprovodném textu.
U hudební ukázky není cílem slovy nahradit poslech. Důležité je uvést, kdo hraje, odkud záznam pochází, zda obsahuje mluvený komentář a jak se ovládá přehrávání. Automaticky spuštěný zvuk navíc komplikuje orientaci lidem používajícím hlasový výstup. Ovládací prvky přehrávače proto potřebují jasné názvy, nikoli jen ikony.
7. Animace, blikání a nečekané změny obsahu
Pohyblivé pozadí či blikající upoutávka mohou připomínat koncertní projekci. Na webu ale často soupeří s textem. Automatický karusel může odsunout informaci dřív, než ji člověk dočte; náhle přidaný obsah zase posune ovládací prvky. Výrazný pohyb by mělo jít zastavit a web má respektovat nastavení zařízení, které animace omezuje. Rychle blikajícím efektům je bezpečnější se vyhnout, zejména když pro sdělení nejsou nutné.
Ne každá animace vadí. Krátké potvrzení odeslání formuláře může být užitečné, pokud je zpráva srozumitelná i bez pohybu a efekt ji nepřehluší. Totéž platí pro přechody v menu: návštěvník má hned poznat, která položka je otevřená, a mít možnost ji ovládat.
Co zvládne rychlá kontrola a co už vyžaduje hlubší test
Automatický nástroj odhalí část technických nedostatků, například chybějící názvy polí formuláře nebo podezřelou strukturu nadpisů. Spolehlivě však neposoudí, zda alternativní text vystihuje plakát, zda odkaz dává smysl nebo zda se člověk po chybě ve formuláři dostane dál. Výsledek „bez nálezů“ tedy ještě neznamená přístupný web.
- Otevřete nejnavštěvovanější stránku a jednu důležitou cestu k akci. Projděte je klávesnicí bez myši.
- Zvětšete zobrazení. Zůstávají datum, adresa, navigace i tlačítka čitelné a použitelné?
- Vypněte obrázky nebo si stránku bez nich představte. Jsou všechny praktické údaje stále v textu?
- Projděte nadpisy a odkazy odděleně od okolních odstavců. Poznáte členění obsahu a cíle odkazů?
- Vyzkoušejte neúspěšné odeslání formuláře a video bez zvuku. Zapište, kde přesně vzniká překážka.
Takový průchod je začátek, ne náhrada testování s lidmi používajícími různé pomůcky. U složitější rezervace, diskusního systému nebo vlastního přehrávače je obzvlášť důležité ověřit skutečné chování, nejen vzhled kódu. Každý nález zapište jako konkrétní úkol: na které stránce a v kterém kroku se objevil, co se mělo stát a co návštěvníka zastavilo. Vývojář pak nemusí hádat, co znamená poznámka „zlepšit přístupnost“.
Při příští koncertní pozvánce si nechte před zveřejněním chvíli na kontrolu: otevřete návrh bez myši, projděte jej od názvu akce až ke vstupenkám a ověřte, že datum, čas i adresa stojí jako běžný text vedle plakátu.
