axessia.eu

Najčastejšia chyba pri kroku platby so čítačom obrazovky: čo sa pokazí a ako sa tomu vyhnúť?

V mnohých internetových obchodoch sa platobný krok zasekáva práve pre používateľov čítača obrazovky. Tento článok ukazuje, ktoré chyby sa tam vyskytujú najčastejšie a prečo ich automatizovaná kontrola zachytáva len čiastočne.

Platobný krok je v mnohých e-shopoch najzraniteľnejšou časťou webovej stránky, pokiaľ ide o dostupnosť. Zatiaľ čo stránky produktov zvyčajne fungujú primerane s čítačkou obrazovky, proces sa zasekáva v momente, keď musí zákazník zaplatiť: tlačidlá bez jasného názvu, chybové správy, ktoré sa neohlasujú, alebo platobný nástroj od externého poskytovateľa, ktorý sa nedá ovládať bez myši. To nie je náhoda. Platobný krok obsahuje najviac dynamických prvkov celej webovej stránky a dynamické prvky sú presne tam, kde čítačky obrazovky a navigácia pomocou klávesnice najrýchlejšie zlyhávajú.

Nejde tu o malý detail. Platobný krok podlieha rovnakým požiadavkám EN 301 549 ako zvyšok webovej stránky a používateľ tento krok prejde v momente, keď chce skutočne niečo kúpiť. Čítačka obrazovky, ktorá tam zlyhá, vylúči zákazníka v rozhodujúcom momente. To je tiež dôvod, prečo axessia.eu štandardne zahŕňa platobný krok do kompletnej kontroly a nie len do bezplatnej rýchlej kontroly hlavných stránok.

Kde sa to v praxi pokazuje

Najčastejšie sa vyskytujúce problémy sú pozoruhodne opakujúce sa. Tlačidlo pre "ďalší krok" alebo "zaplatiť teraz", ktoré obsahuje iba ikonu bez textu čitateľného čítačkou obrazovky. Chybová správa pri nesprávne vyplnenom poli poštovného smerovania, ktorá sa síce zobrazí na obrazovke, ale neohlasuje sa, pretože chýba správne technické prepojenie. Indikátor postupu ("krok 2 z 3"), ktorý je vizuálne jasný, ale pre čítačku obrazovky zostáva neviditeľný. A sám poskytovateľ platieb: nástroje iDEAL alebo kreditných kariet od tretích strán sú často zabudované samostatne a majú svoju vlastnú úroveň dostupnosti, kde má e-shop sám malý vplyv, ale napriek tomu za to zodpovedá.

Chybná postupnosť fokúsu je tiež opakujúci sa problém. Po odoslaní formulára s chybou by sa pozornosť používateľa mala presunúť na chybovú správu. Ak sa tak nestane, osoba, ktorá pracuje s klávesnicou alebo čítačkou obrazovky, zostane hľadať, čo sa pokazilo, bez akejkoľvek opory.

Prečo automatizovaná kontrola to čiastočne vynecháva

Automatizovaná kontrola je dobrá v signalizácii chýbajúcich popisov, prázdnych tlačidiel a štrukturálnych problémov v zdrojovom kóde. Čo kontrola nemôže dobre posúdiť, je správanie: oznamuje sa chybová správa naozaj nahlas, presúva sa fokus logicky a je platobný krok po vyplnení údajov stále dostupný bez myši. To si vyžaduje niekoho, kto krok skutočne prejde s čítačkou obrazovky. Toto je presne typ obmedzenia, ktoré sa v každej správe axessia.eu explicitne uvádza: kontrola posúdi časť požiadaviek, nie všetky.

Preto sa kompletná kontrola nezaherá iba na úvodnú stránku, ale práve na kroky, ktoré zákazník skutočne prejde, vrátane prihlásenia a platby. Ak chcete najskôr bezplatný orientačný prehľad bez záväzkov, môžete v niekoľkých otázkach vidieť, kde sa vaša webová stránka momentálne nachádza.

Čo to znamená pre požiadavky, ktoré musíte splniť

Základná norma EN 301 549 sa v praxi prekladá do WCAG 2.1 úroveň AA. Obsahuje požiadavky na názov, úlohu a stav interaktívnych prvkov, na stavové správy, ktoré musia byť jasné bez vizuálnej pozornosti, a na informácie, ktoré sa neprenášajú iba pomocou farby alebo polohy. Za presnú formuláciu a umiestnenie v oficiálnom texte je EUR-Lex správnym zdrojom; my tieto požiadavky prekladáme na rozpoznateľné situácie, ako je napríklad platobný krok, ale nespúšťame sa do posúdenia vašej konkrétnej situácie. Viac pozadia o tom, ako tento preklad vzniká, si môžete prečítať na stránke, ktorá vysvetľuje, odkiaľ pochádza naša informácia.

Ako to testovať sami alebo si nechať otestovať

Prvým praktickým krokom je prejsť si samotný proces platby bez použitia myši – len pomocou klávesu Tab a Enter. Ak sa gdekoľvek nezaobídete, je veľmi pravdepodobné, že aj čítačka obrazovky by tam uvázla. Druhým krokom je testovanie s bezplatnou čítačkou obrazovky, ako je NVDA, a osobitne si všimni, čo sa číta nahlas, keď sa objaví chyba. Aby ste získali úplný obraz vrátane prvkov, ktoré sa vynoria len pri manuálnom prejdení, je potrebné rozsiahlejšie testovanie; axessia.eu toto testovanie vykonáva a svoje zistenia zaznamenáva do zoznam úloh podľa priorít, ale samo nevykonáva žiadne opravy. To zostáva na vašom vlastnom vývojárovi alebo dodávateľovi, často práve na základe bodov, ktoré uvádzame. Ďalšie často kladené otázky okolo tohto druhu konkrétnych problémov nájdete zhromaždené v databáze poznatkov s rozpracovanými témami podľa situácie.

Ak chcete vedieť, koľko stojí úplné testovanie vášho procesu platby a prostredia prihlásenia, nájdete to prehľadne na stránke s cenami a tým, čo v nich je zahrnuté.

Chcete si najprv sami urobiť predstavu bez záväzkov? Bezplatné rýchle skenov axessia.eu vám v priebehu niekoľkých minút poskytne prvý prehľad o vašich hlavných stránkach a kontrola rozsahu vám ukáže, či sa na vašu organizáciu vzťahuje daná legislatíva.

Tento článok je všeobecné informácie a nie je právnym poradenstvom.