Zergatik gainjarri dira irisgarritasuna eta baimena orain

GDPRk eskatzen du baimena erabiltzaile guztiek lor dezaketela, ez soilik banner bat ikusi eta klik egin dezaketenek. Europako Datuak Babesteko Kontseiluak argitu du datuen subjektuak baimen-interfazearekin modu esanguratsuan elkarreragin ezin badu — webguneak ezarri ez duen desgaitasun baten ondorioz — baimena ez dela baliozkotasunez lortu. Horrek esan nahi du cookieak ez zirela inoiz kargatu behar.

Irisgarritasunaren aldetik, EBko estatu kide guztietan lege nazionalera transposatutako Europako Irisgarritasun Legeak (EAA) WCAG 2.1 AA egiten du kontsumo-zerbitzuak eskaintzen dituzten sektore pribatuko webgune eta aplikazioen gutxieneko. Zigor-araubidea herrialdeen arabera aldatzen da, baina normalean 50.000 eta 500.000 euro artean dago arau-hauste bakoitzeko, baita merkatu-irteerako aginduak etengabeko ez-betetzeagatik.

Cookie-bannerretarako WCAG funtsezko eskakizunak

Teklatuaren eragiketa

Banner-kontrol guztiak — Onartu, Ukatu, Hobespenen kudeaketa, itxi — teklatuarekin soilik atzitu eta erabili ahal izan behar dira. Erabiltzaileek botoi guztiak ordenan Tab bidez nabigatu eta Enter edo Space bidez aktibatu ahal izan behar dituzte. Fokua ikusgarria izan behar da atzealdearen aurkako 3:1 kontraste-ratio gutxienekoarekin.

Fokua harrapatzea modal-banneretan

Bannerrak orrialdearen gainerakoarekin interakzioa blokeatzen badu, teklatuaren fokua bannerren barruan harrapaturik egon behar da erabiltzaileak aukera bat egin arte. Erabiltzaileek ez dute azpiko orria korritze aldera bannerretik Tab bidez irten ahal izango. Fokua harrapaturik zegoenean eta bannerra ixten denean, fokua bannerra abiarazi zuen elementura edo zentzuzko lehenetsi batera itzuli behar da.

Pantaila-irakurgailuaren iragarkiak

Bannerra elkarrizketa gisa iragarri behar da izen eta rol irisgarriekin. Erabili `role="dialog"` edo `role="alertdialog"` `aria-labelledby`-rekin bannerre-izenburuari seinalatuz eta `aria-describedby`-rekin azalpena ematen duen testua seinalatuz.

Kolore-kontrastea

Gorputz-testuak 4,5:1 kontraste-ratioa bete behar du atzealdearen aurrean; testu handiak (18pt+ edo 14pt lodiz) 3:1 behar du. Botoi-testuak, ikonoek eta fokus-adierazleek beren kontraste-gutxienekoak dituzte. Gris argiko "Ukatu" botoia fondo zurian WCAG hutsegite arrunta da auditoretzan ikusten duguna.

Kolore soilean oinarritutako seinaleen saihesbidea

Ez oinarritu soilik kolorean Onartu eta Ukatu bereizteko. Erabili etiketa, ikono edo forma desberdinak kolore-itsuko erabiltzaileek botoiak bereizteko.

Ilun ereduak eta irisgarritasuna

WCAG 2.2-k zuzenean ilun ereduak jotzen dituzten irizpide berriak aurkezten ditu — bereziki baimenari dagokionez:

• 3.3.8 Autentifikazio irisgarria — debekatzen ditu puzzle kognitiboak baimen-oztopo gisa.
• 3.3.7 Sarrera erredundantea — erabiltzaileek ez dute berriz informazioa sartu behar baimena kentzeko soilik.
• 2.4.11 Fokusa ez estalia — bannerrak berak ez du atzeko elementuen fokus-adierazlea estali behar.
• 2.5.7 Arrastatu mugimenduak — zure bannerrak arrastatu-onartu interakzioa erabiltzen badu, erakusle bakarreko alternatiba bat egon behar da.

RTL eta nazioartekotzea

Irisgarritasuna eskuinetik ezkerrera hizkuntzetan hedatzen da (arabiera, hebreera, pertsiera, urdu) eta pantaila-irakurgailuaren ahoskapena:

• Ezarri `dir="rtl"` bannerra-n dokumentuaren hizkuntza RTL denean, botoi-ordena eta fokus-fluxua irakurketa-norabidearekin bat etor daitezen.
• Erabili `lang` atributu egokiak itzulitako banner-kopia gainean, pantaila-irakurgailuek hitzak fonetika egokiarekin ahoskatzen dituztela ziurtatzeko.
• Ispilatu ikonografia — txevroiak, geziak eta aurrerapenen adierazleek RTL lokalizazioentzat ispilatzen dute.

Zure bannerra WCAG betetzearentzat testatzea

Ez oinarritu tresna bakarrean. Konbinatu eskaner automatikoa laguntzeko teknologia errealarekin:

• axe DevTools edo Lighthouse — WCAG hutsegiteak automatikoki % 30-40 inguru harrapatzen ditu.
• NVDA edo JAWS Windows-en, VoiceOver Mac/iOS-en, TalkBack Android-en — proba pantaila-irakurgailu errealekin. Bannerra iragarri, nabigatuta eta soilik pantaila-irakurgailua erabiliz itxi al daiteke?
• Teklatuaren bidezko nabigazioa soilik — deskonektatu sagua. Onartu, Ukatu eta hobespenen kudeaketa ezin badituzu egin, teklatuaren erabiltzaileek ere ezin dituzte.
• Kolore-itxutasunaren simulazioa — Chrome DevTools-ek ikusmen-urritasun simulagailuak ditu eraikita. Egiaztatu Onartu eta Ukatu bereizgarriak direla protanopia, deuteranopia eta tritanopian.
• 400%era handitu — WCAGk eskatzen du edukia 400% handitzean erabilgarria izaten jarrai dezala horizontalki korritu gabe. Posizio finkoko bannerrek maiz huts egiten dute proba honetan.

Ohiko irisgarritasun-hutsegiteak ikusten ditugunak

• Ukatu hortz-gurpilaren atzean ezkutatuta — ilun eredua gehi irisgarritasun-hutsegitea (ikono-botoiak ez du izen irisgarririk).
• Fokusak inoiz ez du bannerra lortzen — ikusmen-arreta lapurtzen duten baina Tab ordenan saltatzen diren bannerrak.
• Modal-bannerra fokus-harrapaketarik gabe — bannerrak interakzioa blokeatzen duela aldarrikatzen duen bitartean erabiltzaileek atzeko orrialdean tabulatu dezakete.
• Hobespenen aldaketetan ez dago `aria-live` — pantaila-irakurgailuaren erabiltzaileek ez dute entzuten haien aukera gorde dela baieztatzen duen mezua.
• Itzulitako bannerrak `lang` atributurik gabe — pantaila-irakurgailuek espainolezko testua ingelesezko fonetikaarekin ahoskatzen dute.

Nola eskaintzen du FlexyConsent irisgarritasuna