Mkaguzi wa Ufikaji

Uhakiki wa Moja kwa Moja

example.com/app

Ukaguzi wa Ufikivu

Hitilafu 3Maonyo 512 Zimepita

Inakosa maandishi ya alt kwenye picha 3

Picha lazima ziwe na sifa ya alt kwa ajili ya visoma skrini. Onyesha vipengele →

Uwiano wa utofauti ni mdogo sana (2.1:1)

Maandishi kwenye .hero-subtitle yameshindwa WCAG AA (kiwango cha chini 4.5:1). Onyesha kipengele →

Ingizo la fomu linakosa lebo

input#email haina kipengele cha lebo kinachohusiana. Onyesha kipengele →

Inakosa mikoa ya alama

Ukurasa unakosa vipengele vya alama vya main na nav. Jifunze zaidi →

Ukaguzi 12 umepita

Sifa ya lugha, utawala wa vichwa, maandishi ya kiungo, viashiria vya kuzingatia...

Vipengele Muhimu

Ukaguzi wa WCAG 2.1 Kiwango AA

Inafanya ukaguzi wa kiotomatiki dhidi ya vigezo vya mafanikio vya WCAG 2.1 Kiwango AA ikiwa ni pamoja na kategoria za uwezo wa kutambulika, uwezo wa kuendeshwa, uwezo wa kueleweka, na uimara. Kila ukaguzi unaonyesha kigezo maalum (mfano, 1.4.3 Contrast, 1.1.1 Non-text Content) na hali ya kupita/kufeli.

Uchambuzi wa Utofautishaji wa Rangi

Inakokotoa uwiano wa utofautishaji (contrast ratio) kati ya maandishi na rangi za asili kwa kila kipengele cha maandishi kwenye ukurasa. Inaweka alama kwenye vipengele vilivyo chini ya 4.5:1 kwa maandishi ya kawaida au 3:1 kwa maandishi makubwa (18px+ au 14px+ yenye kishindo/bold). Inaonyesha uwiano halisi na kiwango cha chini kinachohitajika.

Ukaguzi wa Alt Text kwa Picha

Inakagua kila kipengele cha img, svg, na image role. Inaweka alama kwenye sifa za alt zinazokosekana, alt tupu kwenye picha zisizo za mapambo, na alt text ya jumla sana ("picha", "photo"). Inapendekeza ikiwa kila picha inahitaji alt inayoelezea, alt tupu (kwa mapambo), au role="presentation".

ARIA & Semantic HTML

Inakagua matumizi yasiyofaa ya ARIA role (roles kwenye vipengele visivyo sahihi), sifa za ARIA zinazohitajika lakini zinakosekana (mfano, aria-label kwenye vifungo vya ikoni), IDs rudufu zinazorejelewa na aria-labelledby, na maeneo ya kihistoria (landmark regions) yanayokosekana (hakuna main, hakuna nav). Inapendekeza mbadala wa semantic HTML.

Uthibitishaji wa Lebo ya Fomu

Inahakikisha kila sehemu ya fomu (text, email, password, checkbox, select) ina lebo inayohusiana nayo — iwe kupitia kipengele cha lebo chenye for/id inayolingana, aria-label, au aria-labelledby. Sehemu zisizo na lebo hazifikiwi na screen readers.

Uainishaji wa Masuala & Kipaumbele

Masuala yameainishwa kama Hitilafu (lazima kurekebisha — vikwazo vya ufikiaji), Onyo (inapaswa kurekebisha — vikwazo vinavyoweza kutokea), na Imepita (imethibitishwa kufikiwa). Idadi ya hitilafu inaonyeshwa kwa uwazi. Bofya suala lolote ili kuangazia kipengele kilichoathiriwa kwenye ukurasa.

Matumizi ya Kawaida

Ukaguzi wa Ufikiaji wa Kabla ya Uzinduzi

Kabla ya kuzindua ukurasa au kipengele kipya, washa Accessibility Inspector ili kupata masuala mapema. Alt text inayokosekana, sehemu za fomu zisizo na lebo, na ukiukaji wa utofautishaji ni rahisi kurekebisha wakati wa maendeleo lakini ni gharama kubwa kugundua kwenye uzalishaji.

Uthibitishaji wa Kuzingatia Sheria

Mamlaka nyingi zinahitaji uzingatiaji wa WCAG 2.1 Kiwango AA (ADA nchini Marekani, EAA katika EU). Washa mkaguzi kwenye kurasa zako za umma ili kutambua mapengo ya uzingatiaji kabla hayajawa hatari za kisheria.

Uunganishaji wa Jaribio la QA

Jumuisha ukaguzi wa ufikiaji kama sehemu ya mchakato wako wa QA. Baada ya QA ya kuona na jaribio la utendaji, washa Accessibility Inspector ili kuthibitisha kuwa utekelezaji hauleti kurudi nyuma (regressions) kwa ufikiaji.

Elimu kwa Washiriki wa Timu

Washa mkaguzi kwenye tovuti yako ya sasa wakati wa kikao cha timu ili kuonyesha masuala halisi ya ufikiaji. Uangaziaji wa kuona na maelezo ya wazi husaidia waendelezaji kuelewa jinsi markup inayofikiwa inavyoonekana na kwa nini ni muhimu.

Ukaguzi wa Maudhui ya Nje

Kagua kurasa zinazojumuisha widget za nje, maudhui yaliyopachikwa, au HTML iliyozalishwa na mtumiaji. Vyanzo hivi mara nyingi huleta masuala ya ufikiaji (alt text inayokosekana, ukiukaji wa utofautishaji) ambayo bado unawajibika kwayo kama mmiliki wa ukurasa.

Jinsi ya Kutumia

Washa Mkaguzi wa Ufikaji

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Accessibility Inspector. Chombo kinakagua DOM ya ukurasa kwa masuala ya ufikiaji.

Angalia Ripoti ya Ukaguzi

Ripoti iliyoainishwa inaonekana ikiwa na Hitilafu (nyekundu), Onyo (njano), na Imepita (kijani). Kila sehemu inaorodhesha masuala maalum pamoja na vipengele vilichoathiriwa na marejeleo ya vigezo vya WCAG.

Bofya Masuala ili Kuangazia

Bofya suala lolote ili kuangazia kipengele kilichoathiriwa kwenye ukurasa kwa ukingo wa rangi na kusogea hadi hapo. Uhusiano kati ya ripoti na kipengele cha DOM ni wa papo hapo.

Soma Mapendekezo ya Marekebisho

Kila suala linajumuisha pendekezo maalum: "Ongeza alt text inayoelezea maudhui ya picha", "Ongeza utofautishaji wa rangi ya fonti kuwa angalau 4.5:1", "Ongeza kipengele cha lebo chenye for='email'".

Rekebisha & Kagua Tena

Fanya mabadiliko kwenye kodi yako, pakia tena ukurasa, na uwashe tena ukaguzi. Idadi ya hitilafu inapaswa kupungua kadiri masuala yanavyotatuliwa. Lengo ni hitilafu sifuri.