Miks ligipääsetavus ja nõusolek nüüd kattuvad

GDPR nõuab, et nõusoleku saaks iga kasutaja, mitte ainult need, kes näevad bännerit ja saavad sellel klõpsata. Euroopa Andmekaitsenõukogu on täpsustanud, et kui andmesubjekt ei saa nõusolekuinteraktsiooniga sisukalt suhelda — puude tõttu, mida sait pole arvestanud — ei ole nõusolek kehtivalt saadud. See tähendab, et küpsised ei oleks tohtinud üldse laadida.

Ligipääsetavuse poolel muudab Euroopa ligipääsetavuse seadus (EAA), mis on riiklikuks seaduseks üle võetud kõigis ELi liikmesriikides, WCAG 2.1 AA tarbijateen useid pakkuvate eraõiguslike veebisaitide ja rakenduste miinimumstandardiks. Karistusnorm varieerub riigiti, kuid on tavaliselt vahemikus 50 000–500 000 eurot rikkumise kohta, pluss turureeglid pikaajalise mittevastavuse korral.

WCAG põhinõuded küpsistebänneritele

Klaviatuuriga opereerimine

Iga bännerikontroll — Nõustun, Lükkan tagasi, Halda eelistusi, sulge — peab olema klaviatuuriga ligipääsetav ja opereerimine peab olema võimalik ainult klaviatuuriga. Kasutajad peavad saama nuppude vahel loogilises järjekorras Tab-klahviga liikuda ja neid Enter või Space klahviga aktiveerida. Fookus peab olema nähtav minimaalse 3:1 kontrastsussuhtega tausta suhtes.

Fookuse kinnitamine modaalbännerites

Kui bänner blokeerib suhtluse ülejäänud lehega, peab klaviatuurifookus olema bänneris kinni, kuni kasutaja teeb valiku. Kasutajad ei tohi saada Tab-klahviga bännerist välja pääseda, et aluslehte kerida. Kui fookus oli kinni ja bänner sulgub, peaks fookus naasma elemendile, mis bänneri käivitas, või mõnele mõistlikule vaikimisi elemendile.

Ekraanilugeja teated

Bänner peab olema kuulutatud dialoogina koos ligipääsetava nime ja rolliga. Kasutage `role="dialog"` või `role="alertdialog"` koos `aria-labelledby`-ga, mis osutab bänneri pealkirjale, ja `aria-describedby`-ga, mis osutab selgitavale tekstile.

Värvikontrast

Põhitekst peab vastama 4,5:1 kontrastsusele tausta suhtes; suur tekst (18pt+ või 14pt paksus) vajab 3:1. Nuputekstil, ikoonidel ja fookusindikaatoritel on kõigil oma kontrastsuse miinimumid. Helehai "Lükkan tagasi" nupp valgel taustal on sagedane WCAG ebaõnnestumi ne, mida auditeerimisel näeme.

Ainult värvile tuginevate vihjete vältimine

Ärge tuginege ainult värvile, et eristada Nõustun nuppu Lükkan tagasi nupust. Kasutage erinevaid silte, ikoone või kujusid, et värvipimedad kasutajad suudaksid nuppe eristada.

Tumedad mustrid ja ligipääsetavus

WCAG 2.2 tutvustab uusi kriteeriume, mis on suunatud otse tumedatele mustritele — eriti nõusoleku puhul:

• 3.3.8 Ligipääsetav autentimine — keelab kognitiivsed mõistatused nõusoleku takistusena.
• 3.3.7 Üleliigne sisestamine — kasutajad ei peaks ainult nõusoleku tagasivõtmiseks teavet uuesti sisestama.
• 2.4.11 Fookus pole peidetud — bänner ise ei tohiks peita taustalementide fookusindikaatorit.
• 2.5.7 Lohistusliigutused — kui teie bänner kasutab lohistamise-nõusolekuks interaktsiooni, peab olema ühe osutaja alternatiiv.

Paremalt vasakule ja rahvusvahelistumine

Ligipääsetavus laieneb paremalt vasakule keeltele (araabia, heebrea, pärsia, urdu) ja ekraanilugeja hääldamisele:

• Määrake bänneril `dir="rtl"`, kui dokumendi keel on RTL, et nupu järjekord ja fookuse voog vastaksid lugemissuunale.
• Kasutage õigeid `lang` atribuute tõlgitud bänneritekstil, et ekraanilugejad hääldaksid sõnu õige foneetikaga.
• Peegeldage ikonograafiat — nooled, nooled ja edenemise indikaatorid peaksid RTL-lokaatide jaoks peegelduma.

Bänneri testimine WCAG vastavuseks

Ärge tuginege ühele tööriistale. Kombineerige automaatne skannimine reaalse abistava tehnoloogia testimisega:

• axe DevTools või Lighthouse — tabab automaatselt umbes 30–40% WCAG ebaõnnestumistest.
• NVDA või JAWS Windows-is, VoiceOver Mac/iOS-il, TalkBack Android-il — testige reaalsete ekraanilugejatega. Kas bännerit saab kuulutada, navigeerida ja sulgeda ainult ekraanilugejat kasutades?
• Ainult klaviatuuriga navigeerimine — ühendage hiir lahti. Kui te ei saa Nõustuda, Tagasi lükata ja eelistusi hallata, siis ei saa ka klaviatuurikasutajad.
• Värvipimeduse simuleerimine — Chrome DevTools-il on sisseehitatud nägemispuude simulaatorid. Kontrollige, et Nõustun ja Lükkan tagasi oleksid eristuvad protanopia, deuteranopia ja tritanopia korral.
• Suumi 400%-ni — WCAG nõuab, et sisu jääks 400% suumimisel kasutatavas ilma horisontaalse kerimiseta. Fikseeritud asukohaga bännerid ebaõnnestuvad selle testi tihti.

Levinud ligipääsetavuse ebaõnnestumised, mida näeme

• Lükkan tagasi on peidetud hammasrattaikoon taha — tume muster pluss ligipääsetavuse ebaõnnestumine (ikooninupul pole ligipääsetavat nime).
• Fookus ei jõua kunagi bännerini — bännerid, mis varastavad visuaalset tähelepanu, kuid jäetakse Tab-järjekorrast välja.
• Modaalbänner ilma fookuse kinnitamiseta — kasutajad saavad taustlehele tabida, kui bänner väidab, et blokeerib suhtluse.
• Eelistuse muutustel pole `aria-live`-i — ekraanilugeja kasutajad ei kuule kinnitust, et nende valik salvestati.
• Tõlgitud bännerid ilma `lang` atribuudita — ekraanilugejad hääldavad hispaaniakeelset teksti inglise foneetikaga.

Kuidas FlexyConsent tagab ligipääsetavuse