Çfarë është qasshmëria e uebit? WCAG dhe dizajni gjithëpërfshirës

Qasshmëria e uebit do të thotë ndërtimin e sajteve dhe aplikacioneve ashtu që njerëzit me aftësi të kufizuara t'i përdorin — qofshin të verbër dhe përdorin lexues ekrani, nuk mund të përdorin miun, kanë shikim të dobët ose verbëri ngjyrash, janë shurdhë, ose kanë aftësi njohëse ose të mësuari të kufizuara. Në praktikë, kjo do të thotë gjëra si tekste alternative për imazhet, kontrast mjaft i fortë ngjyrash, formularë me etiketa të duhura dhe gjithçka që funksionon vetëm me tastierë. Standardi ndërkombëtar për të është WCAG, Web Content Accessibility Guidelines nga W3C.

Qasshmëria shkurtohet shpesh si a11y — “a”, pastaj 11 shkronja, pastaj “y”.

Pse ka rëndësi qasshmëria kur ndërtoni me AI

Ndërtuesit me AI janë të mirë në prodhimin e aplikacioneve që duken të sakta. Qasshmëria ka të bëjë kryesisht me atë që nuk shihet në një pamje ekrani: nëse një buton është vërtet buton, nëse një fushë ka një etiketë që lexuesi i ekranit mund ta lexojë, nëse menunë mund ta arrini me tastin Tab.

Prandaj ka rëndësi t'i kërkoni:

• Lehtë harrohet. Një menu rënëse me stil të personalizuar mund të duket perfekte dhe të jetë e pamundur për t'u përdorur pa mi. Nuk do ta vini re përveç nëse e testoni.
• Është më lirë ta bëni drejt herët. Kërkimi i komponentëve të qasshëm nga kërkesa e parë kushton pothuajse asgjë. Rregullimi i një aplikacioni të përfunduar do të thotë të prekësh çdo ekran.
• Ndihmon të gjithë. Titrat ndihmojnë njerëzit në vende me zhurmë, kontrasti i mirë ndihmon njerëzit me telefona në diell, dhe etiketat e qarta i ndihmojnë të gjithë të plotësojnë formularët më shpejt.
• Mbivendoset me SEO. Titujt e duhur, lidhjet përshkruese dhe tekstet alternative ndihmojnë motorët e kërkimit të kuptojnë faqet tuaja — shihni SEO për sajte të ndërtuara me AI.
• Mund të jetë e detyrueshme. Varësisht nga vendet ku veproni dhe kujt i shërbeni, qasshmëria mund të jetë detyrim ligjor.

Një analogji e përditshme

Mendoni për hyrjen e një ndërtese.

Shkallët funksionojnë për shumë njerëz. Një rampë funksionon për personat në karrige me rrota — dhe edhe për prindërit me karroca, punëtorët e dërgesave me karrocë dhe udhëtarët me valixhe. Dyert automatike, shenjat e qarta, shkrimi Braille te butonat e ashensorit dhe ndriçimi i mirë heqin një pengesë për dikë.

Qasshmëria e uebit është e njëjta ide për hapësirat dixhitale: rampat, shenjat dhe dorezat e aplikacionit tuaj. Dhe ashtu si një ndërtesë, është shumë më e lehtë të përfshiheni një rampë në plan sesa ta shtoni pasi të jetë derdhur betoni.

WCAG në pak fjalë

WCAG publikohet nga Iniciativa për Qasshmërinë e Uebit e W3C. Versioni aktual është WCAG 2.2, i publikuar për herë të parë në tetor 2023. Është me përputhshmëri prapa: përmbajtja që plotëson WCAG 2.2 plotëson edhe 2.1 dhe 2.0, dhe W3C inkurajon përdorimin e versionit më të fundit. WCAG 2.2 është miratuar edhe si standard ndërkombëtar, ISO/IEC 40500:2025. Një WCAG 3 shumë i ndryshëm është në zhvillim si draft i hershëm, jo si standard i përfunduar.

WCAG organizohet nën katër parime, që shpesh mbahen mend si POUR:

Çdo udhëzues ka kritere suksesi të testueshme në tre nivele:

• Niveli A — minimumi. Mosplotësimi i këtyre bllokon disa njerëz plotësisht.
• Niveli AA — objektivi standard, dhe niveli që i përmenden shumica e ligjeve dhe politikave.
• Niveli AAA — niveli më i lartë. I dobishëm për t'u synuar në disa vende, por W3C nuk e rekomandon kërkimin e tij për sajte të tëra, sepse disa përmbajtje nuk mund ta plotësojnë.

WCAG 2.2 shtoi nëntë kritere suksesi në 2.1, përfshirë Madhësinë e objektivit (minimum) në nivelin AA — objektivat e klikueshëm duhet të jenë zakonisht të paktën 24 me 24 piksel CSS, me përjashtime — dhe Autentikimin e qasshëm (minimum), që kufizon hapat e hyrjes që mbështeten në kujtesë ose enigma, si rishkrimi i një fjalëkalimi pa lejuar ta ngjisni. Gjithashtu hoqi kriterin e vjetër “Parsing”, si të vjetëruar.

Një shembull i punuar: një formular regjistrimi

Ja një formular regjistrimi që mund ta prodhojë një AI, dhe çfarë gjen një kontroll qasshmërie:

Asnjë nga këto rregullime nuk e ndryshon shumë pamjen e formularit. Të gjitha ndryshojnë nëse disa njerëz mund ta përdorin fare.

Terma kyç

Keqkuptime të zakonshme

• “Qasshmëria ka rëndësi vetëm për përdoruesit e verbër.” Mbulon aftësitë e kufizuara vizuale, motorike, dëgjimore, të të folurit dhe njohëse, plus situatat e përkohshme si krahu i thyer.
• “Sajtet e qasshme duken të thjeshta.” Qasshmëria kufizon disa gjëra — kontrastin, stilet e fokusit, madhësinë e tekstit — por sajtet e qasshme që duken mirë janë norma, jo përjashtimi.
• “Një kontrollues automatik thotë 100, pra kemi mbaruar.” Mjetet automatike kapin vetëm disa probleme. Nëse teksti alternativ ka kuptim realisht, ose një rrjedhë kuptohet me lexues ekrani, duhet një person ta kontrollojë.
• “Një widget mbivendosjeje do na bëjë të pajtueshëm.” Shiritat e mbështetur mbi sajt nuk mund të rregullojnë etiketat që mungojnë ose qasjen e prishur me tastierë në kodin tuaj. Rregulloni burimin.
• “Nuk kemi përdorues me aftësi të kufizuara.” Mund thjesht të mos e dini. Shumë aftësi të kufizuara nuk shihen, dhe njerëzit që hasin një pengesë zakonisht thjesht largohen.

Çfarë t'i kërkoni ndërtuesit tuaj me AI

• “Ndërtoje këtë për të plotësuar WCAG 2.2 në nivelin AA.”
• “Përdor HTML semantik: butona të vërtetë, lidhje, tituj të renditur dhe etiketa për çdo fushë formulari.”
• “Sigurohu që çdo element ndërveprues të funksionojë vetëm me tastierë dhe të ketë një stil të dukshëm fokusi.”
• “Kontrollo të gjitha ngjyrat e tekstit dhe ikonave për kontrast — 4.5:1 për tekst normal, 3:1 për tekst të madh dhe ikona.”
• “Shto tekst alternativ të kuptimshëm për imazhet informative dhe alt bosh për ato dekorative.”
• “Shfaq gabimet e formularit si tekst, të lidhur me fushën, jo vetëm me ngjyrë.”
• “Respekto cilësimin e përdoruesit për lëvizje të reduktuar për animacionet.”
• “Ekzekuto një kontroll automatik qasshmërie dhe listo çfarë nuk mund të testojë, që ta kontrolloj vetë me dorë.”

Pastaj testoni vetë: lëreni miun mënjanë dhe provoni të përfundoni rrjedhën tuaj kryesore vetëm me Tab, Shift+Tab, Enter dhe Hapësirë. Provoni lexuesin e ekranit të integruar të telefonit në faqen kryesore. Zmadhoni shfletuesin në 200% dhe shikoni nëse prishet diçka.

Qasshmëria në Mythex

Mythex nuk përfshin një kontrollues të dedikuar qasshmërie, prandaj trajtojeni qasshmërinë si pjesë të kërkesave dhe testimit tuaj. Kërkoni WCAG 2.2 AA që nga kërkesa e parë, kontrolloni rezultatin në Preview me tastierë, dhe përdorni /test që agjenti të klikojë rrjedhat tuaja kryesore përpara publikimit — shihni App Testing. Recetja e SEO kërkon gjithashtu tituj semantikë dhe tekste alternative të kuptimshme, që shërbejnë edhe për të dy qëllimet.

Për një listë praktike kontrolli, shihni si ta bëni sajtin tuaj të qasshëm. Për dizajnin, lexoni si të dizajnoni një aplikacion të bukur me AI, dhe përpara lansimit, si të testoni aplikacionin tuaj para lansimit. Burimi autoritar është përmbledhja WCAG e W3C.

Pyetje