Qazanclar:
- Süni intellekt dəstəyi ilə rəng kontrastını, alternativ mətni, klaviatura girişini və WCAG meyarlarını idarə etmək və təkmilləşdirmək bacarığı
- Süni intellektlə ekran oxuyucu təcrübəsi, alternativ mətn və forma etiketləri kimi əlçatanlıq mətnlərini yaratmaq və yoxlamaq bacarığı
- Həqiqi köməkçi texnologiya və istifadəçi testi ilə AI-nin əlçatanlıq tövsiyələrinin təsdiqlənməsi limitini başa düşmək
Əlçatanlıq (qısaca a11y) məhsulun hər kəs, o cümlədən əlilliyi olan şəxslər tərəfindən istifadə oluna bilmə qabiliyyətidir: görmə qabiliyyəti zəif olan istifadəçi ekran oxuyucusu (mətni nitqə çevirən köməkçi proqram) ilə naviqasiya edə bilər, motor problemi olan şəxs klaviatura ilə hər şeyi edə bilər, rəng korluğu olan şəxs rəngə etibar etmədən məlumat ala bilər. İnklüziv dizayn daha genişdir: o, dizaynın mərkəzinə insan müxtəlifliyini qoyur, o cümlədən yaş, dil, mədəniyyət, müvəqqəti əlillik (sınıq qol) və ya kontekstdə əlillik (günəşdə ekran). Əlçatanlıq “əlavə” deyil, əksər ölkələrdə əsas məsuliyyət və qanuni tələbdir. Süni intellekt bu sahədə güclü prescreener və qaralama generatorudur; lakin həqiqi əlçatanlıq yalnız faktiki köməkçi texnologiya və istifadəçi testi ilə təsdiqlənir.
WCAG və əsas nəzarət sahələri
WCAG (Web Content Accessibility Guidelines) əlçatanlıq üçün beynəlxalq səviyyədə qəbul edilmiş meyarlar toplusudur; AA səviyyəsi ümumiyyətlə hədəflənir. Onun dörd prinsipi var: məzmun dərk edilə bilən olmalıdır, interfeys istifadəyə yararlı olmalıdır, məlumat başa düşülən və texniki cəhətdən əsaslandırılmalıdır. Təcrübədə ən çox yayılmış nəzarət sahələri bunlardır:
- Rəng kontrastı: Mətn və fon arasındakı fərq kifayətdirmi? (AA üçün, normal mətndə ən azı 4,5:1 nisbət.)
- Alternativ mətn (alternativ mətn): Şəkillərin onları ekran oxuyucusuna izah edən mətn ekvivalenti varmı?
- Klaviatura girişi: Siçan olmadan hər hansı bir iş görmək olarmı? Fokus sırasının mənası varmı?
- Yalnız rəngli məlumat: "Qırmızı sahələri doldurun" kimi ifadələr rəng korluğu olan istifadəçini istisna edir.
- Forma etiketləri: Hər bir daxiletmə sahəsində ekran oxuyucunun oxuyacağı etiket varmı?
- Toxunma hədəfi: Düymələr barmaqlarınızla rahat şəkildə basılacaq qədər böyükdürmü?
Süni intellekt bu sahələrin bir çoxunda tez bir ilkin skan edə bilər: bir az mətn verə və "kontrast kifayətdirmi?" deyə soruşa, təsvirin təsvirini verə və "alternativ mətn təklif et" deyə soruşa, interfeys təsvirini verə və "klaviaturaya giriş problemləri nələrdir" deyə soruşa bilərsiniz.
Diqqət: Süni intellekt "əlçatan görünür" dediyi üçün əlçatanlığın təminatı deyil. Avtomatik yoxlama yalnız WCAG səhvlərinin bəzilərini tutur; Qalanları faktiki istifadə ilə ortaya çıxacaq.
Alternativ mətn: yaxşı alternativ mətnin sirri
Alternativ mətn görmə qabiliyyəti zəif olan istifadəçi üçün şəkli əvəz edir. Yaxşı alt mətn təsvirin dekorativ detalını deyil, funksiyasını və mənasını çatdırır. "Səbətə əlavə et" ikonası üçün alternativ mətn "Səbətə əlavə et" olmalıdır, "alış-veriş səbəti şəkli" deyil, çünki istifadəçi üçün vacib olan hərəkətdir. Süni intellekt alt mətn konturlarını yaratmaqda yaxşıdır, lakin konteksti bilmədiyi üçün həddindən artıq təsviri və ya əlaqəsiz mətn yarada bilər. Hər alt mətndən “bu şəkil niyə buradadır?” deyə soruşursunuz. Sual ilə kəsin.
vizual
Zəif alt mətn
Güclü alt mətn
Səbət nişanı (düymə)
"Səbət nişanı, boz rəng"
"Səbətə əlavə et"
məhsul şəkli
"şəkil"
"Mavi qış palto, ön görünüş"
dekorativ xətt
"Bəzək xətti"
(boş buraxın - dekorativ)
Qrafika
"Qrafik şəkil"
"2024 satışları: hər rüb artım"
İnklüziv dil və əhatə dairəsi
Əlçatanlıq texniki nəzarətlə məhdudlaşmır; Dil də əhatəlidir. Cinsi ("istifadəçi və onun həyat yoldaşı") nəzərdə tutan, qabiliyyətə əsaslanaraq ("baxmaq", "asanlıqla eşitmək") istisna edən və ya mədəni fərziyyələri ehtiva edən mətn bəzi istifadəçiləri istisna edəcək. Süni intellekt bu baxımdan mətni skan edə bilər, lakin onun təklif etdiyi “neytral” dilin təbii və başa düşülən olmasını təmin etməlisiniz; Həddindən artıq düzəliş mətni yöndəmsiz edə bilər.
üç mini qutu
1-ci hal - Kontrast xətaları erkən aşkarlandı. Komanda 20 ekranın mətn rənglərini süni intellektlə skan etdi və 7 yerdə kontrastın AA sərhədindən aşağı olduğunu müəyyən etdi. Düzəlişlər inkişafa keçmədən edildi; sonrakı korreksiya xərclərinin qarşısı alındı. Lakin komanda hələ də faktiki ekran oxuyucu testini keçməyib.
Case 2 - Yalnız rənglə bağlı məlumat düzəldildi. Bir forma yalnız qırmızı haşiyə ilə səhv sahələri göstərdi. AI bunu qeyd etdi; Komanda həmçinin hər bir səhvə mətn və nişanlar əlavə edib. Colorblind istifadəçilər artıq səhvi görə bildilər. Dərs: yalnız rəng məlumat ötürə bilməz.
3-cü hal - AI təsdiqi səhv saldı. Bir dizayner AI-ni “əlçatan” adlandırdığı üçün ekran oxuyucu testini atladı. Həqiqi testdə fokus sırasının qarışıq olduğu və bəzi düymələrin ümumiyyətlə oxunmadığı ortaya çıxdı. Dərs: avtomatik təsdiq başlanğıcdır; faktiki köməkçi texnologiya testi məcburidir.
Kopyalana bilən göstərişlər
Əlçatanlıq üçün bu interfeys təsvirini əvvəlcədən skan edin:1) yalnız rəng əsasında daşınan məlumat varmı?2) hər bir kliklənən element üçün mətn etiketi varmı?3) klaviatura vasitəsilə əldə edilə bilməyən elementlər varmı?4) fokus sırasının mənası varmı?Hər bir problemi və təklifi sadalayın. "Real test tələb olunur" qeydini əlavə edin.Resept: <<mətn>>
Bu şəkillər üçün alternativ mətn təklif edin. Qayda: təsvirin dekorativ detalını deyil, FUNKSİYASI/mənasını çatdırın. Düymə nişanları üçün hərəkəti yazın. Dekorativ şəkillər üçün "alt mətn boş qalmalıdır" deyin. Kontekst və şəkil təsvirləri: <<siyahı>>
Bu mətnləri əhatə edən dil üçün yoxlayın: gender fərziyyələri, qabiliyyətə əsaslanan istisna dil (“bax”, “eşitmək” kimi), mədəni fərziyyələr varmı? Təbii qalan alternativlər təklif edin; həddindən artıq düzəltməyin.Mətnlər: <<siyahı>>
Bu forma üçün əlçatan xəta və etiket mətni yazın: hər sahə üçün görünən etiket, ekran oxuyucusu üçün təsvir və rəngdən asılı olmayaraq xətanı təsvir edən mesaj (mətn + işarə). Səs və ton: <<kart>>Forma sahələri: <<siyahı>>
Zəif məlumat / Güclü göstəriş
Zəif: "Bu şəkil üçün alternativ mətn yazın."
Nəticə: funksiyanı əldən verən “şəkil” və ya həddən artıq təsviri mətn.
Güclü: "Bu şəkillər üçün alternativ mətn təklif edin; şəklin funksiyasını/mənasını çatdırın; düymə nişanları üçün hərəkət yazın; dekorativ olanları "boş buraxılmalıdır" kimi qeyd edin."
Nəticə: Kontekstual, funksiya yönümlü, dəqiq alt mətnlər.
Fərq: güclü əmr funksional diqqət + düymə konvensiyası + dekorativ fərq gətirir.
Ümumi səhvlər
- Əlçatanlığın təminatı kimi süni intellektin təsdiqini səhv salmaq. Bu, real testin əvəzi deyil.
- Sadəcə məlumatı rəngə yükləyirik. Colorblind istifadəçilər məlumatı əldən verirlər.
- Alt mətndə funksiyanı deyil, şəklin izahı. Düymə işarəsi üçün hərəkət yazılmalıdır.
- Əlçatanlığı sona buraxırıq. Tel kafes mərhələsində başlamazsa, sonra onu yamaq baha başa gələcək.
- Həddindən artıq düzəldilmiş dil. Təbiiliyini itirən inklüziv dil başa düşülməyə də xələl gətirir.
Xülasə
Əlçatanlıq məhsulun hər kəs üçün əlçatan olması deməkdir; Bu əlavə deyil, vacib və əksər yerlərdə qanuni məsuliyyətdir. Süni intellekt kontrast, alternativ mətn, klaviatura girişi və inklüziv dilin skan edilməsi üçün sürətli uçuş öncəsi və qaralama generatoru kimi dəyərlidir. Lakin avtomatik təsdiq yalnız WCAG səhvlərinin bəzilərini tutur; Faktiki əlçatanlıq ekran oxuyucuları və real köməkçi texnologiya istifadəçiləri ilə sınaqdan keçirilməklə təsdiqlənir. Modeli ön brauzer kimi istifadə edin, real sınaqdan sübut əldə edin.
Tətbiq tapşırığı
- İlk sorğuda əlçatanlıq üçün interfeys təsvirini əvvəlcədən skan edin.
- Yalnız rəngə əsaslanan məlumatları və ya etiketlənməmiş elementləri düzəldin.
- İkinci göstərişlə ekranınızdakı vizuallar üçün funksiya yönümlü alternativ mətnlər yaradın.
- Üçüncü göstərişlə mətnlərinizi inklüziv dil üçün yoxlayın.
- Mümkünsə, ekran oxuyucusu ilə faktiki testi sınayın və avtomatik taramanın nəyi qaçırdığını qeyd edin.
yoxlama siyahısı
- [ ] Mən kontrast, klaviatura girişi və etiketləri əvvəlcədən skan etmişəm.
- [ ] Mən yalnız rəngə əsaslanan məlumat buraxmadım.
- [ ] Alt mətnləri funksional şəkildə yazdım və dekorativ olanları boş buraxdım.
- [ ] Mən inklüziv dil nəzarəti etdim, təbiiliyi qorudum.
- [ ] Mən avtomatik təsdiqi əlçatanlığın təminatı hesab etmədim.
- [ ] Mən faktiki köməkçi texnologiya testini planlaşdırdım/həyata keçirdim.