Pristupačna naplata: 7 čestih pogrešaka

Zašto je baš naplata kritična

Naplata je kritična za prihod, puna obrazaca i višekoračna — upravo ondje gdje pogreške u pristupačnosti potpuno onemogućuju kupnju. Prema BFSG-u postupak naručivanja u elektroničkoj trgovini jasno ulazi u područje primjene (vidi „BFSG: Tko je obveznik?“). Prepreka ovdje nije kozmetička — može prekinuti prodaju.

1. Polja obrasca bez prave oznake

Polja koja imaju samo rezervirano mjesto (placeholder) umjesto oznake gube svoj natpis čim počnete tipkati — a čitači zaslona ne najavljuju ih pouzdano. Ispravak: svako polje dobiva vidljivu, programski povezanu oznaku <label>. Rezervirano mjesto nije oznaka (1.3.1, 3.3.2).

2. Poruke o pogrešci samo bojom

Polje samo s crvenim obrubom korisnicima čitača zaslona i osobama s poremećajem raspoznavanja boja ne govori ništa. Ispravak: pogreške ispisati kao tekst, povezati ih s poljem (npr. putem aria-describedby), dati uputu za ispravak i najaviti poruku — ne samo bojom (1.4.1, 3.3.1, 3.3.3).

3. Kontrole nisu izvedive tipkovnicom

Vlastiti padajući izbornici, biranje datuma, brojači količine ili ugrađeni platni widgeti koji rade samo mišem isključuju korisnike tipkovnice. Ispravak: koristiti izvorne kontrole ili vlastite komponente opremiti ispravnim ARIA-om i potpunom izvedivošću tipkovnicom — te cijeli tok proći tipkama Tab, Enter i Escape (2.1.1).

4. Fokus je nevidljiv ili nelogičan

Bez vidljivog pokazatelja fokusa ne znate gdje ste; skače li fokus nelogično među koracima ili se pri dijalogu ne vodi, gubite nit. Ispravak: jasno vidljiv fokus, logičan redoslijed fokusa, fokus pri promjeni koraka i dijaloga namjerno postaviti i vratiti (2.4.3, 2.4.7, 2.4.11).

5. Premali ciljevi klika

Sitni gumbi za količinu, potvrdni okviri ili ikone „ukloni“ teško su pogodivi osobama s motoričkim ograničenjima ili na dodirnom zaslonu. Ispravak: interaktivne ciljeve učiniti najmanje 24×24 CSS piksela ili ostaviti dovoljan razmak (2.5.8, novo u WCAG 2.2).

6. Captcha ili prijava kao nepremostiva prepreka

Slikovni captcha bez alternative, prijava koja traži kognitivni test ili polja koja blokiraju lijepljenje i upravitelje lozinki isključuju korisnike. Ispravak: pristupačna autentifikacija — dopustiti lijepljenje i upravitelje lozinki, ponuditi nekognitivne alternative (3.3.8, novo u WCAG 2.2).

7. Dinamička ažuriranja ne najavljuju se

Kada se međuzbroj, troškovi dostave ili iskorišteni kupon tiho ažuriraju, korisnici čitača zaslona ne primjećuju promjenu. Ispravak: takve promjene statusa najaviti putem aria-live područja, bez pomicanja fokusa (4.1.3).

Kako provjeriti svoju naplatu

Odložite miš i dovršite kupnju u cijelosti tipkovnicom; zatim to ponovite s čitačem zaslona. Kao okvir provjere služi WCAG 2.2 AA — točke navodi „WCAG 2.2 AA kontrolna lista“. Budući da naplata leži iza koraka i dijelom iza prijave, upravo je to kritičan tok koji audit mora pokriti od početka do kraja — više o tome u „Što košta audit pristupačnosti?“.