Waa Maxay Web Accessibility? WCAG iyo Naqshadda Loo Dhan Yahay
Web accessibility macnaheedu waa in websites iyo apps loo dhiso si dadka naafada ah ay u isticmaali karaan — haddii ay indha la’ yihiin oo ay isticmaalaan screen reader, aan mouse isticmaali karin, aragtiisu hoosaysa ama midabka ma kala saari karin, dhegta la’, ama naafo maskaxda ama barashada leh. Dhab ahaan waxay ku soo hoosaysaa waxyaabo sida qoraal beddel u ah sawirrada, contrast midab oo ku filan, foomarro leh labels sax ah, iyo in wax walba ay ku shaqeeyaan keyboard-ka oo keliya. Heerka caalamiga ah ee taas ayaa ah WCAG, Web Content Accessibility Guidelines oo ka imanaysa W3C.
Accessibility waxa badanaa loo gaabiyaa a11y — “a,” ka dibna 11 xaraf, ka dibna “y.”
Maxaa sababta accessibility muhiim u ah marka aad AI ku dhisayso
AI builders-ku wanaagsan yihiin marka ay soo saaraan apps u muuqda sax. Accessibility badanaa wax aan lagu arki karin screenshot-ka ayaa ku jira: badhanku ma yahay badhan dhab ah, input-ku ma leeyahay label uu screen reader-ku ku dhawaaqi karo, ma ku gaadhi kartaa menu-ga furaha Tab-ka.
Taasi waa sababta ay muhiim tahay in la weydiiyo:
- Way fudud tahay in la iloobo. Dropdown u qaabeysan sida naqshadda gaarka ah wuxuu u muuqan karaa mid qumman laakiin aan mouse-la’aan loo isticmaali karin. Ma ogaan doontid haddii aadan tijaabin.
- Waa ka jaban tahay in dib loo sameeyo. Waxa la weydiiyo markii hore in component-yo accessible ah la siiyo prompt-ka ugu horreeya qiimaha yar buu leeyahay. Dib u soo celinta app dhammaatay waxay u baahan tahay in shaashad kasta la taabto.
- Waxay caawisaa qof kasta. Captions-ku waxay caawiyaan dadka meelaha dhawaaqa badan ku jira, contrast-ku wanaagsan wuxuu caawiyaa dadka telefoon ku isticmaalaya qorraxda, labels-ka cad wuxuu caawiyaa qof kasta inuu foomarka si dhakhso ah u buuxiyo.
- Way isku xidhan tahay SEO. Cinwaanno sax ah, links-ka sharaxaadda leh iyo alt text waxay caawiyaan search engines inay bogagaaga fahmaan — eeg SEO for AI-built websites.
- Waxa laga yaabaa inay shuruud sharci tahay. Iyadoo ku xidhan meesha aad ka shaqeyso iyo dadka aad u adeegto, accessibility waxa uu noqon karaa waajib sharci ah.
Tusaale maalmeed
Ku fikir albaabka dhismo.
Tallaabooyinku waxay u shaqeeyaan dadka intooda badan. Jid-dhig (ramp) wuxuu u shaqeeyaa isticmaalayaasha kursiga curyaanka — iyo sidoo kale waalidiinta gaadhiga ilmaha, shaqaalaha wadda gaadhiga ah iyo socdaalayaasha boorsooyinka. Albaabbada toos u furmaya, calaamadaha cad, braille ku qoran badhanada qaadaha iyo iftiin wanaagsan mid kastaa wuxuu meesha ka saaraa caqabad qof.
Web accessibility waa isla fikradaas meelaha dijitaalka ah: jid-dhigyada, calaamadaha iyo gacan-qabsiyada app-kaaga. Sida dhismaha oo kale, way ka fudud tahay in jid-dhig lagu daro qorshaha inta aan la dhisin intii aan kadib la dhisin.
WCAG oo kooban
WCAG waxa daabacay Web Accessibility Initiative-ka W3C. Nooca hadda jira waa WCAG 2.2, oo markii ugu horeysay la daabacay Oktoobar 2023. Waa dib u dhac-dhac: content-ka waafaqsan WCAG 2.2 wuxuu sidoo kale waafaqsan yahay 2.1 iyo 2.0, W3C-na wuxuu dhiirrigelinayaa in la isticmaalo nooca ugu dambeeya. WCAG 2.2 sidoo kale waa la ansixiyay heer caalami ah, ISO/IEC 40500:2025. WCAG 3 oo aad uga duwan waa in la horumarinayo oo ah qabyo hore, ma aha heer dhammaystiran.
WCAG waxa loo habeeyey afar mabda’, oo badanaa loo xasuusto POUR:
| Mabda’ | Macnaha | Tusaalooyin |
|---|---|---|
| Perceivable | Dadku waxay qaadan karaan content-ka dareenka ay isticmaalaan | Alt text sawirrada, captions fiidiyowyada, contrast ku filan |
| Operable | Dadku waxay isticmaali karaan controls-ka oo waxay socon karaan | Gelitaanka keyboard-ka, xad waqti aan la dheer gelin karin, focus la arki karo |
| Understandable | Content-ka iyo habdhaqanku waa macno leh | Labels cad, fariimo khaladaad oo caawiya, navigation joogto ah |
| Robust | Waxay shaqeeyaan browsers iyo assistive technologies oo kala duwan | HTML elements sax ah, magacyo iyo doorar sax ah controls-ka |
Guji kasta wuxuu leeyahay success criteria la tijaabin karo saddex heer ah:
- Heerka A — ugu yar. Fashilka kuwan wuxuu dadka qaarkood si buuxda u xannibaa.
- Heerka AA — bartilmaameedka caadiga ah, heerka sharciyada iyo siyaasadaha badan ay tixraacaan.
- Heerka AAA — heerka ugu sarreeya. Waa faa’iido in meelaha qaarkood loo socdo, laakiin W3C ma talinayo in loo baahdo website oo dhan, sababtoo ah content-ka qaarkood ma buuxin karo.
WCAG 2.2 wuxuu ku daray sagaal success criteria 2.1, oo ay ku jiraan Target Size (Minimum) heerka AA — guji la riixi karo waa in badanaa ugu yaraan 24 x 24 CSS pixels ah, iyada oo ay jiraan exceptions — iyo Accessible Authentication (Minimum), kaas oo xaddidaya tallaabooyinka login-ka ee ku tiirsan xusuusta ama puzzles-ka, sida in password-ka dib loo qoro iyadoon la oggolaan karin in la koobiyeeyo. Waxa kale oo uu meesha ka saaray criterion-ka hore ee “Parsing” ee burburay.
Tusaale shaqo: foom diiwaangelin
Waa foom diiwaangelin AI uu soo saari karo, iyo waxa hubinta accessibility ay ka helayso:
| Dhibaatada | Kuwa khuseeya | Xalka |
|---|---|---|
| Inputs-ku wuxuu isticmaalaa qoraal placeholder ah ("Email") halkii label | Isticmaalayaasha screen reader; qof kasta oo illoobaya waxa field-ku ahaa markuu qorayo | <label> la arki karo oo la xidhiidhiyo input kasta |
| Qoraal cawl oo madow oo ka yar 4.5:1 contrast ah on cad | Dadka aragtiisu hoosaysa, qof kasta dibadda | Qoraal madow oo buuxiya contrast 4.5:1 |
| Khaladaadka waxa lagu muujiyaa oo keliya xuddun cas | Dadka midabka ma kala saari karin, isticmaalayaasha screen reader | Fariin qoraal ah oo ag ku taal field-ka, oo screen readers-ku dhawaaqaan |
"Sign up" waa <div> la qurxiyey, ma aha <button> | Isticmaalayaasha keyboard-ka iyo screen reader-ka ma shido karaan | Isticmaal <button> element dhab ah |
| Ma jiro outline la arki karo markii Tab-ka lagu soo maro foomarka | Isticmaalayaasha keyboard-ka waxay lumiyaan meesha ay joogaan | Style focus cad |
| Sawirka logo-ga ma leh alt text | Isticmaalayaasha screen reader-ka waxay maqlaan magac file | Alt text sida "Acme Bookings" |
Wax hagaajin midna ma beddelayo sida foomku u muuqdo intiisa badan. Dhammaantood waxay beddelayaan in dadka qaarkood ay isticmaali karaan mise aanay karin.
Erayada muhiimka ah
| Erayga | Macnaha |
|---|---|
| Screen reader | Software akhrinaya shaashadda cod ahaan ama braille display, sida VoiceOver, NVDA ama JAWS. |
| Alt text | Sharaxaad qoraal ah oo sawir ah, oo screen readers akhriya. Sawirrada qurxinta ahi waxay helaan alt text madhan si ay u go’aan. |
| Contrast ratio | Sida midabka qoraalka iyo background-ku u kala duwan yihiin, 1:1 ilaa 21:1. |
| Keyboard navigation | Website-ka isticmaalka Tab, Enter, Space iyo furayaasha fallaadhaha halkii mouse. |
| Focus indicator | Outline-ka la arki karo oo muujinaya element-ka uu keyboard-ku ku jiro. |
| Semantic HTML | Isticmaalka element-ka saxda ah shaqada — <button>, <nav>, <h2> — si browsers-ka iyo assistive tech-ku u fahmaan bogga. |
| ARIA | Sifooyin dheeraad ah oo sharraxaya controls-ka gaarka ah assistive technology-ka. Si yar loo isticmaalo; HTML elements-ka dabiiciga ahi ayaa horreeya. |
| Assistive technology | Qalabka dadku ku helaan kombiyuutarada, laga bilaabo screen readers ilaa switch devices iyo voice control. |
Fikradaha khaldan ee caadiga ah
- “Accessibility waxay muhiim u tahay isticmaalayaasha indha la’ oo keliya.” Waxay daboolaa naafada muuqaalka, dhaqdhaqaaqa, dhegta, hadalka iyo maskaxda, iyo sidoo kale xaaladaha ku meel gaarka ah sida gacan jabay.
- “Websites-ka accessible ah way caadi u muuqdaan.” Accessibility waxay xaddidaysaa wax yar — contrast, style-ka focus-ka, cabbirka qoraalka — laakiin websites-ka accessible ah ee quruxda leh waa caadiga, ma aha wax ka soo horjeeda.
- “Hubiyaha otomaatiga ah wuxuu leeyahay 100, markaa waa dhammaatay.” Qalabyada otomaatiga ah waxay ogaadaan qaybta keliya ee dhibaatooyinka. In alt text-ku macno leeyahay mise in socodka uu macno u leeyahay screen reader-ka, waxay u baahan tahay qof hubiya.
- “Widget overlay ah ayaa naga dhigi doona waafaqsan.” Toolbars-ka dusha lagu xiro ma hagaajin karaan labels-ka maqan ama keyboard-ka jabsan koodkaaga. Ilaha hagaaji.
- “Ma lihin isticmaalayaal naafo ah.” Waxaad u yaqaan ahaan kartaa. Naafooyinka badani muuqda ma aha, dadka caqabad la kulma badanaa way ka tagaan.
Waxa aad AI builder-kaaga ka weydiisan karto
- “Dhis tan si ay u buuxiso WCAG 2.2 heerka AA.”
- “Isticmaal semantic HTML: badhamo dhab ah, links, cinwaanno tallaabo-tallaabo ah, iyo labels foom kasta.”
- “Hubi in element kasta oo la falgalo uu keyboard-ka keliya ku shaqeeyo oo uu leeyahay style focus oo la arki karo.”
- “Hubi midabka qoraalka iyo icons-ka kullan contrast — 4.5:1 qoraalka caadiga ah, 3:1 qoraalka weyn iyo icons.”
- “Ku dar alt text macno leh sawirrada macluumaadka leh, iyo alt text madhan sawirrada qurxinta ah.”
- “Muuji khaladaadka foomka qoraal, oo lagu xiro field-ka, ha ahaan oo keliya midab.”
- “Ixtiraam dejinta reduced-motion ee isticmaalaha animations-ka.”
- “Socodsii hubin accessibility otomaatig ah oo liis waxa aanu tijaabin karin, si aan adiga kuugu hubiyo.”
Kadibna isku tijaabi: dhig mouse-ka oo isku day inaad dhammaystirto socodka ugu muhiimsan adigoo isticmaalaya kaliya Tab, Shift+Tab, Enter iyo Space. Isku day screen reader-ka telefoonkaaga ee bogga ugu horreeya. Ku weyn browser-ka 200% oo eeg haddii wax jabaya.
Accessibility gudaha Mythex
Mythex ma leh hubiye accessibility gaar ah, sidaas darteed accessibility u qaad qayb ka mid ah prompts-kaaga iyo tijaabintaada. Ka codso WCAG 2.2 AA prompt-ka ugu horreeya, natiijada ku hubi Preview-ka adiga oo isticmaalaya keyboard-ka, oo isticmaal /test si agent-ku u riixo socodyadaada ugu muhiimsan ka hor intaadan daabacin — eeg App Testing. SEO recipe-ka wuxuu sidoo kale weydiiyaa headings-ka semantic ah iyo alt text macno leh, kuwaas oo u adeega labadaba ujeedo.
Hagaha gacanta ee hubinta, eeg sida loo sameeyo website-kaaga accessible. Naqshadda, akhri sida loo naqshadeeyo app muuqaalkiisu wanaagsan yahay AI-gu, iyo ka hor launch-ka, sida loo tijaabiyo app-kaaga ka hor launch-ka. Isha ugu sugan waa WCAG overview ee W3C.
Su'aalaha
Waa maxay web accessibility erayo fudud?
Web accessibility macneheedu waa in websites iyo apps la naqsho oo la dhiso si dadka naafada ah ay u arki karaan, u fahmi karaan, u socon karaan oo u isticmaali karaan. Taasi waxay ku jirtaa dadka indha la’ ee isticmaala screen readers, dadka aan mouse isticmaali karin, dadka aragtiisu hoosaysa ama midabka ma kala saari karin, dadka dhegta la’, iyo dadka naafada maskaxda ama barashada.
Waa maxay WCAG?
WCAG (Web Content Accessibility Guidelines) waa heerka caalamiga ah ee web accessibility, oo ay soo saartay W3C. Nooca hadda jira waa WCAG 2.2, oo markii ugu horeysay la daabacay Oktoobar 2023. Success criteria-kiisa waxa loo kala saaraa heerarka A, AA iyo AAA, heerka AA waana bartilmaameedka ay ku tiirsanaadaan ururada badan iyo sharciyada.
Midabka contrast-ka maxay WCAG ku baahan tahay?
Heerka AA, qoraalka caadiga ah wuxuu u baahan yahay contrast ratio ugu yaraan 4.5:1 background-kiisa, qoraalka weyn (qiyaastii 18 point, ama 14 point oo qalin ah) wuxuu u baahan yahay ugu yaraan 3:1. Icons-ka iyo qaybaha la arki karo ee controls-ka waxay u baahan yihiin ugu yaraan 3:1 ka soo horjeeda waxa ku xiga.
Ma web accessibility waa shuruud sharci?
Meelo badan, ururo badan, haa. Sharciyadu way kala duwan yihiin dal iyo qaybta — tusaale ahaan, European Accessibility Act wuxuu daboolaa badeecadaha iyo adeegyada dijitaalka ah ee macaamiisha badan ee EU. Hubi xeerarka kugu khuseeya, ama weydii la-talin sharci.
Ma accessibility overlay ama widget ayaa website-kaaga ka dhigi karta mid waafaqsan?
Keligiis maya. Overlays waxay ku daraan toolbar korka website-ka laakiin ma hagaajin karaan dhibaatooyinka hoose sida labels-ka maqan, keyboard navigation aan shaqeyn ama qaab aan cad lahayn. Habka la isku halayn karo waa in koodka iyo content-ka website-ka la hagaajiyo.