Kwa Nini Ufikiaji na Idhini Sasa Zinaingiliana

GDPR inahitaji idhini ipatikane kutoka kwa kila mtumiaji, si tu wale wanaoweza kuona na kubofya bango. Bodi ya Ulaya ya Ulinzi wa Data imetoa ufafanuzi kwamba ikiwa mhusika wa data hawezi kuingiliana kwa maana na kiolesura cha idhini — kwa sababu ya ulemavu ambao tovuti haujashughulikia — idhini haijapatikana halali. Hii inamaanisha vidakuzi havikupaswa kupakiwa tangu mwanzo.

Upande wa ufikiaji, Sheria ya Ufikiaji ya Ulaya (EAA) iliyowekwa kwenye sheria za kitaifa katika Nchi Wanachama za EU inafanya WCAG 2.1 AA kuwa kiwango cha chini kwa tovuti na programu za sekta binafsi zinazotoa huduma za watumiaji. Mfumo wa adhabu unatofautiana kulingana na nchi lakini kwa kawaida unaanzia €50,000 hadi €500,000 kwa kila ukiukwaji, pamoja na maagizo ya kujiondoa sokoni kwa kutofuata mara kwa mara.

Mahitaji Msingi ya WCAG kwa Mabango ya Vidakuzi

Uendeshaji wa Kibodi

Kila udhibiti wa bango — Kubali, Kataa, Simamia Mapendeleo, funga — lazima ufikiwe na uendeshwe kwa kibodi peke yake. Watumiaji wanapaswa kuweza kupitia vitufe kwa Tab kwa mpangilio wa kimantiki na kuviwasha kwa Enter au Space. Msimamo lazima uonekane kwa uwiano wa tofauti ya chini wa 3:1 dhidi ya mandharinyuma.

Kukamata Msimamo katika Mabango ya Modal

Ikiwa bango linazuia mwingiliano na sehemu nyingine ya ukurasa, msimamo wa kibodi lazima ukamatiwe ndani ya bango hadi mtumiaji atakapofanya chaguo. Watumiaji hawapaswi kuweza kutoka kwenye bango kwa Tab ili kusogeza ukurasa wa chini. Msimamo ulipokuwa umekamatiwa na bango linafungwa, msimamo unapaswa kurudi kwa kipengele kilichosababisha bango au kwa chaguo-msingi kinachofaa.

Matangazo ya Kisomaji cha Skrini

Bango lazima litangazwe kama mazungumzo yenye jina na jukumu linalofikika. Tumia role="dialog" au role="alertdialog" na aria-labelledby inayoelekeza kwa kichwa cha bango na aria-describedby inayoelekeza kwa maandishi ya maelezo.

Tofauti ya Rangi

Maandishi ya mwili lazima yakidhi tofauti ya 4.5:1 dhidi ya mandharinyuma; maandishi makubwa (18pt+ au 14pt nzito) yanahitaji 3:1. Maandishi ya vitufe, aikoni, na viashiria vya msimamo vina viwango vyake vya chini vya tofauti. Kitufe cha kijivu-hafifu cha "Kataa" kwenye mandharinyuma nyeupe ni kushindwa kwa kawaida kwa WCAG tunachokiona katika ukaguzi.

Hakuna Ishara za Rangi Peke Yake

Usitegemee rangi peke yake kutofautisha Kubali na Kataa. Tumia lebo, aikoni, au maumbo tofauti ili watumiaji wenye upofu wa rangi waweze kutofautisha vitufe.

Mifumo ya Giza na Ufikiaji

WCAG 2.2 inaanzisha vigezo vipya vinavyolenga moja kwa moja mifumo ya giza — muhimu hasa kwa idhini:

• 3.3.8 Uthibitishaji Unaofikiwa — unakataza mafumbo ya utambuzi kama msuguano wa idhini.
• 3.3.7 Uingizaji wa Ziada — watumiaji hawapaswi kuingiza tena maelezo ili kuondoa idhini.
• 2.4.11 Msimamo Hauzuiwi — bango lenyewe hailipaswi kuzuia kiashiria cha msimamo cha vipengele nyuma yake.
• 2.5.7 Harakati za Kuburuta — ikiwa bango lako linatumia mwingiliano wa kuburuta-ili-kukubali, mbadala wa kiashiria kimoja lazima uwepo.

RTL na Uinternationalization

Ufikiaji unaenea hadi lugha za kulia-kwenda-kushoto (Kiarabu, Kiebrania, Kiajemi, Kiurdu) na kwa matamshi ya kisomaji cha skrini:

• Weka dir="rtl" kwenye bango wakati lugha ya hati ni RTL ili mpangilio wa vitufe na mtiririko wa msimamo ulingane na mwelekeo wa kusoma.
• Tumia sifa sahihi za lang kwenye nakala iliyotafsiriwa ya bango ili visomaji vya skrini vitamke maneno kwa fonetiki sahihi.
• Tazamika iconografia — alama za mshale, mishale, na viashiria vya maendeleo vinapaswa kugeuzwa kwa maeneo ya RTL.

Kupima Bango Lako kwa Uzingatiaji wa WCAG

Usitegemee zana moja. Unganisha upigaji picha wa kiotomatiki na kupima teknolojia ya usaidizi halisi:

• axe DevTools au Lighthouse — hunasa takriban 30-40% ya kushindwa kwa WCAG kiotomatiki.
• NVDA au JAWS kwenye Windows, VoiceOver kwenye Mac/iOS, TalkBack kwenye Android — jaribu na visomaji vya skrini halisi. Je, bango linaweza kutangazwa, kupigwa, na kufungwa kwa kutumia kisomaji cha skrini peke yake?
• Urambazaji wa kibodi peke yake — vuta panya wako. Ikiwa huwezi Kukubali, Kukataa, na kusimamia mapendeleo, watumiaji wa kibodi pia hawawezi.
• Uigaji wa upofu wa rangi — Chrome DevTools ina visimulishaji vya udhaifu wa maono vilivyojengwa ndani. Angalia kwamba Kubali na Kataa vinaweza kutofautishwa chini ya protanopia, deuteranopia, na tritanopia.
• Kukuza hadi 400% — WCAG inahitaji maudhui kubaki yanayoweza kutumika kwa ukuzaji wa 400% bila kusogeza mlalo. Mabango yenye nafasi iliyowekwa mara nyingi yanashindwa jaribio hili.

Kushindwa kwa Kawaida kwa Ufikiaji Tunachokiona

• Kuficha Kataa nyuma ya aikoni ya gia — mfumo wa giza pamoja na kushindwa kwa ufikiaji (hakuna jina linalofikika kwenye kitufe cha aikoni).
• Msimamo haifyikii bango kamwe — mabango yanayoiba umakini wa kuona lakini yanakimbiwa katika mpangilio wa Tab.
• Bango la modal bila kukamata msimamo — watumiaji wanaweza kutoka kwa tab hadi ukurasa wa nyuma wakati bango linasema linazuia mwingiliano.
• Hakuna aria-live kwenye mabadiliko ya mapendeleo — watumiaji wa kisomaji cha skrini hawasikii uthibitisho kwamba chaguo lao limehifadhiwa.
• Mabango yaliyotafsiriwa bila sifa ya lang — visomaji vya skrini vinatamka nakala ya Kihispania kwa fonetiki ya Kiingereza.

Jinsi FlexyConsent Inavyotoa Ufikiaji