Nedostatočný kontrast medzi textom a pozadím je jednou z prekážok, ktorá sa v kontrolách prístupnosti objavuje najčastejšie, a zároveň je to jedna z najľahšie sa vyhnuteľných chýb. Problém vzniká, keď je svetlosivý text na bielom pozadí, keď sú tlačidlá viditeľné iba vďaka jemnej zmene farby, alebo keď je text zástupného symbolu v poli formulára jedinou indíciou toho, čo sa má vyplniť. Pre ľudí so zrakovým postihnutím, ale aj pre každého, kto používa obrazovku na priamom slnečnom svetle, sa text stáva doslova nečitateľným.
WCAG 2.1, norma, na ktorú EN 301 549 odkazuje, vyžaduje na úrovni AA minimálny pomer kontrastu medzi textom a pozadím, na ktorom sa nachádza: zvyčajne 4,5 ku 1 pre bežný text a 3 ku 1 pre veľký text a ovládacie prvky ako tlačidlá a okraje formulárov. Znie to technicky, ale myšlienka za tým je jednoduchá: kontrast nie je estetickou voľbou, je to podmienka na prenos informácií.
Kde sa to v praxi pokazuje
Problémy s kontrastom sa vyskytujú zriedka úmyselne. Vkrádajú sa prostredníctvom volieb farbivého systému, ktoré vyzerajú dobre na veľkej, ostroj obrazovke v dizajnérskom štúdiu, ale na priemerne veľkej obrazovke bežného používateľa sa tesne dostanú pod normu. Svetlosivý text tlačidla na pastelkovom pozadí je klasickým príkladom. Podobne sa to týka odkazov, ktoré sú rozpoznateľné iba podľa zmeny farby bez podčiarknutia alebo iného vizuálneho signálu, čo znamená, že ľudia s farbosleposťou ich jednoducho neuvidia ako klikateľné.
Ďalším opakujúcim sa vzorom je stav pri najetí myšou: tlačidlo, ktoré v pokoji spĺňa požiadavky, ale pri pohybe myši sa zmení na farbovú kombináciu, ktorá nebola testovaná. Chybové hlásenia vo formulároch sú tiež časte chybou: červený text na svetločervenom pozadí vyzerá v súlade s farbivým systémom, ale často nedosahuje požadovaný pomer. Ak vás zaujíma, ako vyzerajú takéto prekážky vo vašom vlastnom prostredí, môžete vidieť v niekoľkých otázkach, kde sa vaša stránka nachádza bez potreby si predtým vytvoriť účet.
Prečo automatické skenovaní to čiastočne, ale nie úplne rieši
Pomery kontrastu sa dajú dobre merať automaticky: skener načíta farebné hodnoty textu a pozadia a vypočítá pomer. To z neho robí jedno z mála kritérií WCAG, ktoré nástroj môže spoľahlivo testovať. Čo skener nevidí, je kontrast, ktorý vzniká až po interakcii, ako je vysúvacia ponuka, rada nástrojov, ktorá sa zobrazí pri zameraní, alebo stav, ktorý sa stane viditeľným iba po užívateľskej akcii. To je práve dôvod, prečo každá správa uvedie, ktorá časť bola automaticky testovaná a ktorá časť vyžaduje manuálne vyhodnotenie; kontrast je silným bodom automatického testovania, ale nie celkovým obrazom.
Ako tomu štruktúrne zabránite
Najbežnejší spôsob, ako trvalo zabrániť tomuto problému, je zaznamenať kontrast na úrovni návrhového systému namiesto jednotlivých stránok. Keď sú základné farby farbivého systému už pri schválení testované voči norme, redaktor alebo vývojár to nemusí kontrolovať zakaždým. To tiež zabraňuje tomu, aby nová stránka, dočasný akčný banner alebo externú nákupný prvok nenižšiol pomer kontrastu bez povšimnutia.
Taktiež je rozumné zvážiť kontrast explicitne pri každej vizuálnej zmene na webe, nielen pri prvom nasadení. Obnova firemného štýlu, nová sezónna téma alebo upravený štýl tlačidla môžu zaviesť problém, ktorý v predchádzajúcej verzii nebol. Dostupnosť nie je v tomto zmysle jednorazovým háčikom, ktorý si odškrtnete, ale aspektom, ktorý sprevádzajúci údržbu. Viac informácií o tom, ako takáto priebežná kontrola v praxi funguje, si môžete prečítať vysvetlenie toho, kde pochádza hodnotenie.
Napokon je vhodné hľadať nielen na minimálny štandard, ale na jeho účel: môže si každý, aj v menej ideálnych svetelných podmienkach alebo na staršom displeji, skutočne rozlíšiť text a tlačidlá. Často sa vyskytujúce pochybnosti, napríklad či sa logo alebo dekoratívny obrázok musia zhodovať s požiadavkou na kontrast, sú spracované na stránke s odpoveďami na otázky, ktoré sa objavujú často.
Chcete vedieť, či je kontrast a ďalšie opakujúce sa úzke miesta relevantné aj vo vašom vlastnom prostredí? Bezplatný rýchly scan vám dá prvú predstavu a znalostná základňa s témami vybranými podľa situácie ukazuje, ako sa táto otázka spája so zvyškom povinností v rámci Smernice EU o dostupnosti.