Af hverju aðgengi og samþykki skarast nú

GDPR krefst þess að samþykki sé hægt að fá frá öllum notendum, ekki bara þeim sem geta séð og smellt á borða. Evrópska persónuverndarráðið hefur skýrt að ef skráður aðili getur ekki tekið þátt í samþykkisviðmótinu á þýðingarmikinn hátt — vegna fötlunar sem vefsíðan hefur ekki gert ráð fyrir — er samþykki ekki gilt. Það þýðir að kökurnar hefðu aldrei átt að hlaðast inn.

Á aðgengishlið, evrópskt aðgengislög (EAA) sem innleitt hefur verið í þjóðarlög í öllum ESB-aðildarríkjum gerir WCAG 2.1 AA að lágmarki fyrir einkareknar vefsíður og forrit sem bjóða upp á neytendaþjónustu. Refsikerfið er mismunandi eftir löndum en er yfirleitt á bilinu €50.000 til €500.000 á brot, auk markaðsbrottdráttarfyrirmæla vegna viðvarandi ósamræmis.

Kjarnakröfur WCAG fyrir kökuborða

Lyklaborðsvirkni

Sérhvert stjórntæki borðans — Samþykkja, Hafna, Stjórna stillingum, loka — verður að vera aðgengilegt og virkjanlegt með lyklaborði eingöngu. Notendur ættu að geta notað Tab til að fara í gegnum hnappa í rökrænni röð og virkjað þá með Enter eða Space. Fókus verður að vera sýnilegur með að minnsta kosti 3:1 skerðingarhlutfall á móti bakgrunni.

Fókusgildrur í modal borðum

Ef borðinn hindrar samskipti við restina af síðunni verður lyklaborðsfókus að vera fastur inni í borðanum þar til notandi tekur ákvörðun. Notendur ættu ekki að geta notað Tab til að fara út úr borðanum til að fletta undirliggjandi síðunni. Þegar fókus var fastur og borðinn lokast ætti fókus að fara aftur til þess þáttar sem hrinti borðanum af stað eða til skynsamlegrar sjálfgefin.

Tilkynningar skjálesara

Borðinn verður að vera tilkynntur sem gluggi með aðgengilegu nafni og hlutverki. Notaðu `role="dialog"` eða `role="alertdialog"` með `aria-labelledby` sem vísar á fyrirsögn borðans og `aria-describedby` sem vísar á skýringartextann.

Litaskilningur

Meginmáls texti verður að uppfylla 4,5:1 skerðingarhlutfall á móti bakgrunni; stór texti (18pt+ eða 14pt feitletrað) þarfnast 3:1. Hnappatexti, tákn og fókusmerki hafa öll sín eigin skerðingarlágmark. Ljósgrátt „Hafna" hnappur á hvítum bakgrunni er algeng WCAG-bilun sem við sjáum við endurskoðun.

Engin einvörðungu litamiðuð vísbendingar

Reistu þig ekki eingöngu á lit til að greina Samþykkja frá Hafna. Notaðu aðskilin merki, tákn eða form svo notendur með litblindu geti greint hnappana í sundur.

Dökk mynstur og aðgengi

WCAG 2.2 kynnir ný viðmið sem beinast beint að dökkum mynstrum — sérstaklega viðeigandi fyrir samþykki:

• 3.3.8 Aðgengilegar auðkenningar — bönnuð hugsunarþraut sem samþykkisfyrirstöður.
• 3.3.7 Óþarfar færslur — notendur ættu ekki að þurfa að slá inn upplýsingar aftur bara til að draga samþykki til baka.
• 2.4.11 Fókus ekki hulinn — borðinn sjálfur ætti ekki að hylja fókusmerki þátta á bak við hann.
• 2.5.7 Draghreyfi — ef borðinn þinn notar drag-to-accept samskipti verður eintáknar valkostur að vera til.

RTL og alþjóðavæðing

Aðgengi nær til hægri-til-vinstri tungumála (arabíska, hebreska, persneska, úrdú) og framburðar skjálesara:

• Stilltu `dir="rtl"` á borðanum þegar tungumál skjalsins er RTL þannig að hnapparöð og fókusflæði samsvari lesunarát.
• Notaðu réttar `lang` eigindir á þýddum borðatexta svo skjálesarar beri fram orð með réttum hljóðfræðum.
• Speglaðu táknfræðina — örvár og framvinduábendingar ættu að snúast við RTL staðbundnar stillingar.

Prófun borðans þíns fyrir WCAG samræmi

Treistu þér ekki á eitt tæki. Sameina sjálfvirka skönnun með raunverulegum hjálpartækniprófunum:

• axe DevTools eða Lighthouse — fangar um það bil 30-40% WCAG-bilana sjálfkrafa.
• NVDA eða JAWS á Windows, VoiceOver á Mac/iOS, TalkBack á Android — prófaðu með raunverulegum skjálesara. Er hægt að tilkynna borðann, sigla um hann og loka honum eingöngu með skjálesaranum?
• Lyklaborðseining eingöngu — aftengdu músina þína. Ef þú getur ekki Samþykkt, Hafnað og stjórnað stillingum geta lyklaborðsnotendur það heldur ekki.
• Litblinduherming — Chrome DevTools er með innbyggða sjónskerðingarhermar. Kanna hvort Samþykkja og Hafna séu greinanleg við protanopia, deuteranopia og tritanopia.
• Stækkun í 400% — WCAG krefst þess að efni haldist nothæft við 400% stækkun án láréttrar flettingar. Borðar með föstri stöðu mistakast oft við þessa prófun.

Algengar aðgengisbilanir sem við sjáum

• Hafna falin á bak við tannhjólstákn — dökkt mynstur auk aðgengisbilunar (ekkert aðgengilegt nafn á táknhnappi).
• Fókus nær aldrei borðanum — borðar sem stela sjónrænum athygli en eru sloppnir í Tab-röðinni.
• Modal borði án fókusgildru — notendur geta flakkað inn á bakgrunnsíðuna meðan borðinn heldur sig hindra samskipti.
• Ekkert `aria-live` á stillingarbreytingum — skjálesaranotendur heyra ekki staðfestingu þess að val þeirra hafi verið vistað.
• Þýddir borðar án `lang` eigindar — skjálesarar bera fram spænskt efni með enskum hljóðfræðum.

Hvernig FlexyConsent veitir aðgengi