Miongozo

Upatikanaji wa Wavuti ni nini? WCAG na Usanifu Jumuishi Umeelezwa

Upatikanaji wa wavuti unamaanisha kujenga tovuti na programu ili watu wenye ulemavu waweze kuzitumia — iwe ni watu wasioona wanaotumia kisoma skrini, watu wasioweza kutumia kipanya, watu wenye uoni hafifu au upofu wa rangi, viziwi, au watu wenye ulemavu wa kiakili au wa kujifunza. Kwa vitendo unahusu mambo kama maelezo mbadala ya picha, utofautishaji wa kutosha wa rangi, fomu zenye lebo sahihi, na kila kitu kufanya kazi kwa kibodi pekee. Kiwango cha kimataifa cha jambo hili ni WCAG, Web Content Accessibility Guidelines kutoka W3C.

Upatikanaji wa wavuti mara nyingi hufupishwa kuwa a11y — "a," kisha herufi 11, kisha "y".

Kwa nini upatikanaji ni muhimu unapojenga kwa AI

Zana za kujenga za AI ni nzuri katika kutengeneza programu zinazoonekana sahihi. Upatikanaji unahusu zaidi yale usiyoweza kuyaona kwenye picha ya skrini: kama kitufe ni kitufe kweli, kama sehemu ya kuingiza ina lebo ambayo kisoma skrini kinaweza kuitangaza, kama unaweza kufikia menyu kwa kitufe cha Tab.

Ndiyo maana ni muhimu kuuliza:

  • Ni rahisi kukosa. Orodha kunjuzi iliyopambwa vizuri inaweza kuonekana kamilifu lakini isiwezekane kutumia bila kipanya. Hutaigundua isipokuwa uipime.
  • Ni nafuu kuipata sawa mapema. Kuomba vipengele vinavyopatikana tangu ombi la kwanza kunagharimu karibu chochote. Kuirekebisha programu iliyokamilika kunamaanisha kugusa kila skrini.
  • Inasaidia kila mtu. Maandishi ya video yanasaidia watu mahali penye kelele, utofautishaji mzuri unasaidia watu wenye simu chini ya jua kali, na lebo wazi zinasaidia kila mtu kujaza fomu haraka zaidi.
  • Inaingiliana na SEO. Vichwa sahihi, viungo vyenye maelezo na maelezo mbadala ya picha vinasaidia injini za utafutaji kuelewa kurasa zako pia — tazama SEO kwa tovuti zilizojengwa na AI.
  • Inaweza kuhitajika kisheria. Kulingana na mahali unapofanya kazi na unaowahudumia, upatikanaji unaweza kuwa wajibu wa kisheria.

Mfano wa kila siku

Fikiria mlango wa jengo.

Ngazi zinafaa kwa watu wengi. Rampu inawafaa watumiaji wa kiti cha magurudumu — na pia wazazi wenye vitembezi vya watoto, wafanyakazi wa usafirishaji wenye mikokoteni na wasafiri wenye mizigo. Milango ya kiotomatiki, alama wazi, maandishi ya nukta nundu kwenye vitufe vya lifti na mwanga mzuri kila kimoja kinaondoa kizuizi kwa mtu fulani.

Upatikanaji wa wavuti ni wazo lilelile kwa nafasi za kidijitali: rampu, alama na reli za programu yako. Na kama jengo, ni rahisi zaidi kuweka rampu kwenye michoro kuliko kuiongeza baada ya zege kukauka.

WCAG kwa ufupi

WCAG imechapishwa na Kikundi cha Upatikanaji wa Wavuti (Web Accessibility Initiative) cha W3C. Toleo la sasa ni WCAG 2.2, lililochapishwa kwa mara ya kwanza Oktoba 2023. Ni inayorudi nyuma kwa utangamano: maudhui yanayotimiza WCAG 2.2 pia yanatimiza 2.1 na 2.0, na W3C inahimiza kutumia toleo la hivi karibuni. WCAG 2.2 pia imeidhinishwa kama kiwango cha kimataifa, ISO/IEC 40500:2025. WCAG 3, tofauti kabisa, iko kwenye maendeleo kama rasimu ya awali, si kiwango kilichokamilika.

WCAG imepangwa chini ya kanuni nne, mara nyingi zinakumbukwa kama POUR:

KanuniMaanaMifano
Inayoonekana (Perceivable)Watu wanaweza kupokea maudhui kwa hisi wanazozitumiaMaelezo mbadala ya picha, maandishi ya video, utofautishaji wa kutosha
Inayoendeshwa (Operable)Watu wanaweza kutumia vidhibiti na kupitiaUfikiaji wa kibodi, hakuna vikomo vya muda visivyoweza kuongezwa, mstari wa mwelekeo unaoonekana
Inayoeleweka (Understandable)Maudhui na tabia vinaelewekaLebo wazi, ujumbe wa hitilafu wenye msaada, urambazaji thabiti
Imara (Robust)Inafanya kazi na vivinjari mbalimbali na teknolojia saidiziVipengele sahihi vya HTML, majina na nafasi sahihi za vidhibiti

Kila mwongozo una vigezo vya mafanikio vinavyoweza kupimwa katika ngazi tatu:

  • Ngazi A — kiwango cha chini. Kushindwa hapa kunazuia baadhi ya watu kabisa.
  • Ngazi AA — lengo la kawaida, na ngazi ambayo sheria na sera nyingi zinaielekea.
  • Ngazi AAA — ngazi ya juu kabisa. Ni muhimu kulenga mahali fulani, lakini W3C haipendekezi kuihitaji kwa tovuti nzima, kwa sababu baadhi ya maudhui hayawezi kuifikia.

WCAG 2.2 iliongeza vigezo tisa vya mafanikio kwa 2.1, ikiwemo Target Size (Minimum) katika ngazi ya AA — maeneo ya kugusa yanapaswa kwa kawaida kuwa angalau pikseli 24 kwa 24 za CSS, kukiwa na tofauti chache — na Accessible Authentication (Minimum), inayozuia hatua za kuingia zinazotegemea kumbukumbu au mafumbo, kama kulazimishwa kuandika upya nenosiri bila kuruhusiwa kulibandika. Pia iliondoa kigezo cha zamani cha "Parsing" kwa sababu kimepitwa na wakati.

Mfano wa kazi: fomu ya kujisajili

Hii ndiyo fomu ya kujisajili ambayo AI inaweza kutengeneza, na kile ukaguzi wa upatikanaji unachokipata:

TatizoAnayeathirikaMarekebisho
Sehemu za kuingiza zinatumia maandishi ya kishikilia nafasi ("Barua pepe") badala ya leboWatumiaji wa kisoma skrini; yeyote aliyesahau sehemu ilikuwa ya nini mara anapoanza kuandika<label> inayoonekana iliyounganishwa na kila sehemu ya kuingiza
Maandishi ya kijivu chepesi kwenye nyeupe, chini sana ya 4.5:1 ya utofautishajiWatu wenye uoni hafifu, yeyote njeMaandishi meusi zaidi yanayotimiza uwiano wa 4.5:1
Hitilafu zinaonyeshwa kwa mpaka mwekundu tuWatu wenye upofu wa rangi, watumiaji wa kisoma skriniUjumbe wa maandishi karibu na sehemu, unaotangazwa kwa visoma skrini
"Jisajili" ni <div> iliyopambwa, si <button>Watumiaji wa kibodi na kisoma skrini hawawezi kuiwashaTumia kipengele halisi cha <button>
Hakuna mstari wa mwelekeo unaoonekana unapopitia sehemu kwa TabWatumiaji wa kibodi wanapoteza mahali walipoMtindo wazi wa mwelekeo (focus)
Picha ya nembo haina maelezo mbadalaWatumiaji wa kisoma skrini wanasikia jina la failiMaelezo mbadala kama "Acme Bookings"

Hakuna marekebisho haya yanabadilisha sana muonekano wa fomu. Yote yanabadilisha kama baadhi ya watu wanaweza kuitumia kabisa.

Maneno muhimu

NenoMaana
Kisoma skrini (screen reader)Programu inayosoma skrini kwa sauti au kwa onyesho la nukta nundu, kama VoiceOver, NVDA au JAWS.
Maelezo mbadala (alt text)Maelezo ya maandishi ya picha, yanayosomwa na visoma skrini. Picha za mapambo hupewa alt tupu ili zirukwe.
Uwiano wa utofautishaji (contrast ratio)Jinsi rangi za maandishi na mandharinyuma zinavyotofautiana, kuanzia 1:1 hadi 21:1.
Urambazaji wa kibodi (keyboard navigation)Kutumia tovuti kwa vitufe vya Tab, Enter, Space na mishale badala ya kipanya.
Kiashiria cha mwelekeo (focus indicator)Mstari unaoonekana unaoonyesha kipengele ambacho kibodi iko juu yake.
HTML ya kimaana (semantic HTML)Kutumia kipengele sahihi kwa kazi — <button>, <nav>, <h2> — ili vivinjari na teknolojia saidizi zielewe ukurasa.
ARIASifa za ziada zinazoelezea vidhibiti maalum kwa teknolojia saidizi. Zitumike kwa uangalifu; vipengele asilia vya HTML vinatangulia.
Teknolojia saidizi (assistive technology)Zana ambazo watu hutumia kufikia kompyuta, kuanzia visoma skrini hadi vifaa vya swichi na udhibiti wa sauti.

Dhana potofu za kawaida

  • "Upatikanaji unawahusu watu vipofu tu." Unahusu ulemavu wa kuona, wa kutumia viungo, wa kusikia, wa kuongea na wa kiakili, pamoja na hali za muda mfupi kama mkono uliovunjika.
  • "Tovuti zinazopatikana zinaonekana kawaida tu." Upatikanaji unabana mambo machache — utofautishaji, mitindo ya mwelekeo, ukubwa wa maandishi — lakini tovuti zinazopatikana na zenye muonekano mzuri ndizo kawaida, si ubaguzi.
  • "Kikagua cha kiotomatiki kinasema 100, basi tumemaliza." Zana za kiotomatiki zinakamata baadhi tu ya matatizo. Kama maelezo mbadala yana maana kweli, au kama mtiririko unaeleweka kwa kisoma skrini, kunahitaji mtu kuangalia.
  • "Widget ya overlay itatufanya tuzingatie kanuni." Vipau vya zana vilivyowekwa juu haviwezi kurekebisha lebo zinazokosekana au ufikiaji wa kibodi uliovunjika kwenye msimbo wako. Rekebisha chanzo.
  • "Hatuna watumiaji wenye ulemavu." Huenda tu hujui. Ulemavu mwingi hauonekani, na watu wanapokutana na kizuizi kwa kawaida huondoka tu.

Cha kumwomba mjenzi wako wa AI

  • "Jenga hii ili izingatie WCAG 2.2 ngazi ya AA."
  • "Tumia HTML ya kimaana: vitufe halisi, viungo, vichwa vilivyopangwa kwa mpangilio, na lebo kwa kila sehemu ya fomu."
  • "Hakikisha kila kipengele kinachoingiliana kinafanya kazi kwa kibodi pekee na kina mtindo wa mwelekeo unaoonekana."
  • "Angalia utofautishaji wa rangi zote za maandishi na aikoni — 4.5:1 kwa maandishi ya kawaida, 3:1 kwa maandishi makubwa na aikoni."
  • "Ongeza maelezo mbadala yenye maana kwa picha zenye taarifa, na alt tupu kwa zile za mapambo."
  • "Onyesha hitilafu za fomu kama maandishi, yaliyounganishwa na sehemu husika, si kwa rangi pekee."
  • "Heshimu mpangilio wa mtumiaji wa kupunguza mwendo (reduced motion) kwa uhuishaji."
  • "Endesha ukaguzi wa kiotomatiki wa upatikanaji na uniorodheshee kile usichoweza kukijaribu, ili nikikague kwa mkono."

Kisha jaribu mwenyewe: weka kipanya pembeni na ujaribu kukamilisha mtiririko wako mkuu kwa Tab, Shift+Tab, Enter na Space pekee. Jaribu kisoma skrini kilichojengwa ndani ya simu yako kwenye ukurasa mkuu. Kuza kivinjari hadi 200% na uone kama kuna kitu kinavunjika.

Upatikanaji kwenye Mythex

Mythex haijumuishi kikagua maalum cha upatikanaji, kwa hiyo shughulikia upatikanaji kama sehemu ya prompt zako na upimaji wako. Omba WCAG 2.2 AA tangu prompt ya kwanza, kagua matokeo kwenye Preview kwa kibodi, na tumia /test kumwagiza agent apitie mtiririko wako mkuu kabla ya kuchapisha — tazama App Testing. Mapishi ya SEO pia yanaomba vichwa vya kimaana na maelezo mbadala yenye maana, ambayo yanatumikia malengo yote mawili.

Kwa orodha ya ukaguzi ya vitendo, tazama jinsi ya kufanya tovuti yako ipatikane. Kwa muundo, soma jinsi ya kubuni programu nzuri kwa AI, na kabla ya kuzindua, jinsi ya kujaribu programu yako kabla ya kuzindua. Muhtasari wa WCAG wa W3C ndio chanzo rasmi.

Maswali

Upatikanaji wa wavuti ni nini kwa maneno rahisi?

Upatikanaji wa wavuti unamaanisha kubuni na kujenga tovuti na programu ili watu wenye ulemavu waweze kuziona, kuzielewa, kuzipitia na kuzitumia. Hiyo inajumuisha watu wasioona wanaotumia visoma skrini, watu wasioweza kutumia kipanya, watu wenye uoni hafifu au upofu wa rangi, watumiaji viziwi, na watu wenye ulemavu wa kiakili wa kujifunza na kuchakata.

WCAG ni nini?

WCAG (Web Content Accessibility Guidelines) ni kiwango cha kimataifa cha upatikanaji wa wavuti, kilichochapishwa na W3C. Toleo la sasa ni WCAG 2.2, lililochapishwa kwa mara ya kwanza Oktoba 2023. Vigezo vyake vya mafanikio vimepangwa katika ngazi za A, AA na AAA, na ngazi ya AA ndiyo lengo ambalo mashirika mengi na sheria nyingi hurejelea.

WCAG inadai utofautishaji gani wa rangi?

Katika ngazi ya AA, maandishi ya kawaida yanahitaji uwiano wa utofautishaji wa angalau 4.5:1 dhidi ya mandharinyuma yake, na maandishi makubwa (takriban pointi 18, au pointi 14 zilizokolezwa) yanahitaji angalau 3:1. Aikoni na sehemu zinazoonekana za vidhibiti zinahitaji angalau 3:1 dhidi ya kilicho karibu nazo.

Je, upatikanaji wa wavuti ni sharti la kisheria?

Katika maeneo mengi, kwa mashirika mengi, ndiyo. Sheria zinatofautiana kwa nchi na sekta — kwa mfano, Sheria ya Upatikanaji ya Ulaya (European Accessibility Act) inahusu bidhaa na huduma nyingi za kidijitali za watumiaji katika EU. Angalia sheria zinazokuhusu, au muulize mshauri wa kisheria.

Je, overlay au widget ya upatikanaji inaweza kufanya tovuti yangu izingatie kanuni?

Si yenyewe. Overlay huongeza upau wa zana juu ya tovuti yako lakini haiwezi kurekebisha kwa uhakika matatizo ya msingi kama lebo zinazokosekana, urambazaji wa kibodi usiofanya kazi au muundo usioeleweka. Njia inayotegemewa ni kurekebisha msimbo na maudhui ya tovuti yenyewe.

Mythex · Pricing · Jenga chochote kwa AI · Violezo vya tovuti na programu · Mythex ikilinganishwa · Kamusi ya istilahi za kujenga programu kwa AI · Zana za bure za kujenga programu kwa AI · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)