Əlçatanlıq və Razılığın İndi Üst-üstə Düşməsinin Səbəbi

GDPR tələb edir ki, razılıq hər istifadəçidən alına bilsin, yalnız lenti görüb tıklaya biləcəklər tərəfindən deyil. Avropa Məlumat Müdafiəsi Şurası aydınlaşdırdı ki, əgər saytın uyğunlaşdırmadığı bir əlillik səbəbindən məlumat subyekti razılıq interfeysi ilə mənalı şəkildə qarşılıqlı əlaqə quramırsa, razılıq etibarlı sayılmır. Bu o deməkdir ki, cookie-lər heç vaxt yüklənməməli idi.

Əlçatanlıq tərəfindən, AB Üzv Dövlətlərinin milli qanununa daxil edilmiş Avropa Əlçatanlıq Aktı (EAA) istehlakçı xidmətləri təklif edən özəl sektor vebsaytları və tətbiqləri üçün WCAG 2.1 AA-nı minimum edir. Cəza rejimi ölkəyə görə dəyişir, lakin adətən hər pozuntu üçün 50.000 avrodan 500.000 avroya qədər, davamlı uyğunsuzluq hallarında isə bazardan çıxarılma əmrlərinə qədər uzanır.

Cookie Lentləri Üçün Əsas WCAG Tələbləri

Klaviatura ilə İdarə Edilə bilmə

Hər lent idarəetməsi — Qəbul et, Rədd et, Tərcihlərə Bax, bağla — yalnız klaviatura ilə əlçatımlı və idarəolunan olmalıdır. İstifadəçilər məntiqi sırayla düymələr arasında Tab ilə gəzə və onları Enter və ya Space ilə aktivləşdirə bilməlidir. Fokus, fona qarşı minimum 3:1 kontrast nisbəti ilə görünən olmalıdır.

Modal Lentlərdə Fokus Tutulması

Əgər lent səhifənin qalan hissəsi ilə qarşılıqlı əlaqəni bloklayırsa, istifadəçi seçim edənə qədər klaviatura fokusu lent daxilinde tutulmalıdır. İstifadəçilər altta yerləşən səhifəni sürüşdürmək üçün lentdən Tab ilə çıxa bilməməlidir. Fokus tutulduqda və lent bağlandıqda, fokus lenti tetikleyen elementə və ya məntiqli bir susmaya qayıtmalıdır.

Ekran Oxuyucusu Elanları

Lent əlçatımlı ad və rolla dialoq olaraq elan edilməlidir. role="dialog" və ya role="alertdialog"-u lent başlığına işarə edən aria-labelledby və izahedici mətnə işarə edən aria-describedby ilə birlikdə istifadə edin.

Rəng Kontrastı

Əsas mətn fona qarşı 4.5:1 kontrastı ödəməlidir; böyük mətn (18pt+ və ya 14pt qalın) 3:1 tələb edir. Düymə mətni, ikonlar və fokus göstəricilərin öz kontrast minimumları var. Ağ fonda açıq-boz "Rədd et" düyməsi auditorlarda gördüyümüz tez-tez rast gəlinən WCAG uğursuzluğudur.

Yalnız Rəngə Əsaslanmama

Qəbul etmək və Rədd etmək arasındakı fərqi göstərmək üçün yalnız rəngə etibar etməyin. Rəng korluğu olan istifadəçilərin düymələri ayırd edə bilməsi üçün fərqli etiketlər, ikonlar və ya formalar istifadə edin.

Qaranlıq Nümunələr və Əlçatanlıq

WCAG 2.2 bilavasitə qaranlıq nümunələri hədəfləyən yeni meyarlar təqdim edir — razılıq üçün xüsusilə müvafiqdir:

• 3.3.8 Əlçatımlı Autentifikasiya — razılıq sürtünməsi kimi idrak tapmacalarını qadağan edir.
• 3.3.7 Artıq Giriş — istifadəçilər yalnız razılığı geri götürmək üçün məlumatı yenidən daxil etməməlidir.
• 2.4.11 Fokus Gizlənməyib — lentin özü arxasındakı elementlərin fokus göstəricisini gizlətməməlidir.
• 2.5.7 Sürüklə Hərəkətlər — əgər lentiniz sürükləyərək qəbul etmə qarşılıqlı əlaqəsindən istifadə edirsə, tək göstərici alternativ mövcud olmalıdır.

RTL və Beynəlmiləlləşdirmə

Əlçatanlıq sağdan sola yazılan dillərə (Ərəbcə, İvritcə, Farscı, Urduca) və ekran oxuyucusu tələffüzünə qədər uzanır:

• Sənəd dili RTL olduqda lentdə dir="rtl" təyin edin ki, düymə sırası və fokus axışı oxuma istiqaməti ilə uyğunlaşsın.
• Düzgün lang atributlarından istifadə edin — ekran oxuyucularının sözləri düzgün fonetika ilə tələffüz etməsi üçün tərcümə edilmiş lent kopyasında.
• Ikonları əks etdirin — xevronlar, oxlar və irəliləyiş göstəriciləri RTL lokal üçün çevrilməlidir.

WCAG Uyğunluğu Üçün Lentinizi Sınaqdan Keçirmək

Tək bir alətə etibar etməyin. Avtomatik taramağı real yardımçı texnologiya testləri ilə birləşdirin:

• axe DevTools və ya Lighthouse — WCAG uğursuzluqlarının təxminən 30-40%-ni avtomatik aşkarlayır.
• Windows-da NVDA və ya JAWS, Mac/iOS-da VoiceOver, Android-də TalkBack — real ekran oxuyucuları ilə test edin. Lent yalnız ekran oxuyucusu istifadə edilərək elan edilə, naviqasiya edilə və rədd edilə bilərmi?
• Yalnız klaviatura naviqasiyası — siçanınızı çıxarın. Qəbul edə, Rədd edə və tərcihlərə baxa bilmirsinizsə, klaviatura istifadəçiləri də baxa bilmir.
• Rəng korluğu simulyasiyası — Chrome DevTools-da daxili görmə çatışmazlığı simulyatorları var. Protanopiya, deuteranopiya və tritanopiya altında Qəbul et və Rədd edin fərqlənə biləcəyini yoxlayın.
• 400%-ə böyüdün — WCAG tələb edir ki, məzmun üfüqi sürüşdürmə olmadan 400% böyütmədə istifadə edilə bilsin. Sabit mövqeli lentlər bu testi çox vaxt keçirmir.

Gördüyümüz Ümumi Əlçatanlıq Uğursuzluqları

• Çarx ikonunun arxasında gizlənmiş Rədd et — qaranlıq nümunə və əlçatanlıq uğursuzluğu (ikon düyməsindəki əlçatımlı ad yoxdur).
• Fokus heç vaxt lentə çatmır — vizual diqqəti çalan amma Tab sırasında keçilən lentlər.
• Fokus tutması olmadan modal lent — lent qarşılıqlı əlaqəni bloklamağı iddia edərkən istifadəçilər arxa planda Tab edə bilir.
• Tercih dəyişikliklərindəki aria-live yoxdur — ekran oxuyucusu istifadəçiləri seçimlərinin saxlandığına dair təsdiq eşitmir.
• lang atributu olmadan tərcümə edilmiş lentlər — ekran oxuyucuları İspanca mətni İngilis fonetikası ilə tələffüz edir.

FlexyConsent Əlçatanlığı Necə Təmin Edir