Kodėl prieinamumas ir sutikimas dabar sutampa

GDPR reikalauja, kad sutikimą būtų galima gauti iš kiekvieno naudotojo, o ne tik tų, kurie gali matyti ir spustelėti reklamjuostę. Europos duomenų apsaugos taryba patikslino, kad jei duomenų subjektas negali prasmingai sąveikauti su sutikimo sąsaja — dėl negalios, kurios svetainė neatsižvelgė — sutikimas nėra teisėtai gautas. Tai reiškia, kad slapukai niekada nebūtų turėję būti įkelti.

Prieinamumo pusėje Europos prieinamumo aktas (EAA), perkeltas į nacionalinę teisę visuose ES valstybėse narėse, privataus sektoriaus svetainėms ir programėlėms, siūlančioms vartotojų paslaugas, nustato WCAG 2.1 AA kaip minimalų reikalavimą. Sankcijų režimas skiriasi priklausomai nuo šalies, tačiau paprastai svyruoja nuo 50 000 iki 500 000 eurų už pažeidimą, ir rinkos pašalinimo nurodymai dėl nuolatinės atitikties neužtikrinimo.

Pagrindiniai WCAG reikalavimai slapukų reklamjuostėms

Klaviatūros valdomumas

Kiekvienas reklamjuostės valdiklis — Priimti, Atmesti, Tvarkyti nuostatas, uždaryti — turi būti pasiekiamas ir valdomas tik klaviatūra. Naudotojai turi galėti naudoti Tab, kad pereitų per mygtukus logine tvarka, ir juos aktyvuoti naudodami Enter arba Space. Fokusas turi būti matomas, turint bent 3:1 kontrasto santykį su fonu.

Fokuso spąstai modalinėse reklamjuostėse

Jei reklamjuostė blokuoja sąveiką su likusiu puslapiu, klaviatūros fokusas turi būti užsklęstas reklamjuostėje, kol naudotojas pasirinks. Naudotojai neturėtų galėti naudoti Tab, kad išeitų iš reklamjuostės ir slinkitų pagrindinį puslapį. Kai fokusas buvo užsklęstas ir reklamjuostė uždaroma, fokusas turėtų grįžti į elementą, kuris iškvietė reklamjuostę, arba į protingą numatytąją vietą.

Ekrano skaitytuvo pranešimai

Reklamjuostė turi būti paskelbta kaip dialogo langas su prieinamu pavadinimu ir vaidmeniu. Naudokite `role="dialog"` arba `role="alertdialog"` su `aria-labelledby`, nukreiptu į reklamjuostės antraštę, ir `aria-describedby`, nukreiptu į aiškinamąjį tekstą.

Spalvų kontrastas

Pagrindinis tekstas turi atitikti 4,5:1 kontrastą su fonu; didelis tekstas (18pt+ arba 14pt paryškintas) reikalauja 3:1. Mygtukas tekstas, piktogramos ir fokuso indikatoriai visi turi savo kontrastų minimalius dydžius. Šviesiai pilkas „Atmesti" mygtukas baltame fone yra dažna WCAG nesėkmė, kurią matome audituose.

Jokių tik spalva pagrįstų užuominų

Nesiremiikite vien tik spalva Priimti nuo Atmesti atskyrimui. Naudokite skirtingus etiketes, piktogramas ar formas, kad spalvų neskiriančiai naudotojai galėtų atskirti mygtukus.

Tamsieji šablonai ir prieinamumas

WCAG 2.2 pristato naujus kriterijus, kurie tiesiogiai taikosi į tamsiuosius šablonus — ypač aktualu sutikimui:

• 3.3.8 Prieinamas autentifikavimas — draudžia kognityvinius galvosūkius kaip sutikimo trintį.
• 3.3.7 Perteklinis įvedimas — naudotojai neturi privalėti iš naujo įvesti informacijos tik norėdami atšaukti sutikimą.
• 2.4.11 Fokusas nėra paslėptas — pati reklamjuostė neturėtų slėpti elementų, esančių už jos, fokuso indikatoriaus.
• 2.5.7 Tempimo judesiai — jei jūsų reklamjuostė naudoja tempimo-priimti sąveiką, turi egzistuoti vieno žymiklio alternatyva.

RTL ir internacionalizacija

Prieinamumas apima dešinės į kairės kalbas (arabų, hebrajų, persų, urdu) ir ekrano skaitytuvo tarimą:

• Nustatykite `dir="rtl"` reklamjuostėje, kai dokumento kalba yra RTL, kad mygtukų tvarka ir fokuso srautas atitiktų skaitymo kryptį.
• Naudokite teisingas `lang` reikšmes išverstoje reklamjuostės kopijoje, kad ekrano skaitytuvai tartų žodžius tinkama fonetika.
• Veidrodinė ikonografija — rodyklės ir pažangos indikatoriai turėtų apsiversti RTL lokalėms.

Reklamjuostės testavimas dėl WCAG atitikties

Nesiremiikite vienu įrankiu. Derinkite automatizuotą nuskaitymą su realiu pagalbinės technologijos testavimu:

• axe DevTools arba Lighthouse — automatiškai aptinka maždaug 30–40 % WCAG nesėkmių.
• NVDA arba JAWS „Windows" sistemoje, VoiceOver „Mac/iOS" sistemoje, TalkBack „Android" sistemoje — testuokite su realiais ekrano skaitytuvais. Ar reklamjuostę galima paskelbti, naršyti ir uždaryti naudojant tik ekrano skaitytuvą?
• Tik klaviatūros naršymas — atjunkite pelę. Jei negalite Priimti, Atmesti ir tvarkyti nuostatų, klaviatūros naudotojai taip pat negalės.
• Spalvų aklumu simuliavimas — „Chrome DevTools" turi integruotus regėjimo trūkumų simuliatorius. Patikrinkite, ar Priimti ir Atmesti yra atskirti esant protanopijai, deuteranopijai ir tritanopijai.
• Priartinimas iki 400 % — WCAG reikalauja, kad turinys išliktų naudojamas esant 400 % priartinimui be horizontalaus slinkimo. Fiksuotos padėties reklamjuostės dažnai nepavyksta šiame teste.

Dažniausios prieinamumo nesėkmės, kurias matome

• Atmesti paslėptas po krumpliaračio piktograma — tamsus šablonas ir prieinamumo nesėkmė kartu (piktogramos mygtuke nėra prieinamo pavadinimo).
• Fokusas niekada nepasiekia reklamjuostės — reklamjuostės, kurios vagia vizualinį dėmesį, bet praleidžiamos Tab tvarkoje.
• Modalinis reklamjuostė be fokuso spąstų — naudotojai gali naudoti Tab, kad patektų į fono puslapį, kai reklamjuostė teigia blokuoti sąveiką.
• Nėra `aria-live` nuostatų pakeitimams — ekrano skaitytuvo naudotojai negirdi patvirtinimo, kad jų pasirinkimas buvo išsaugotas.
• Išverstos reklamjuostės be `lang` atributo — ekrano skaitytuvai taria ispanų kalbos kopiją angliška fonetika.

Kaip FlexyConsent užtikrina prieinamumą