Hvað er aðgengi á vefnum? WCAG og án aðgreiningar útskýrt

Aðgengi á vefnum þýðir að smíða vefsíður og vefforrit þannig að fólk með fötlun geti notað þau, hvort sem það er blint og notar skjálesara, getur ekki notað mús, hefur skerta sjón eða litblindu, er heyrnarskert eða hefur vitsmunalega fötlun eða námserfiðleika. Í reynd snýst þetta um atriði eins og textavalkosti fyrir myndir, nægilega litaandstæðu, eyðublöð með réttum merkingum og að allt virki með lyklaborðinu einu. Alþjóðlegi staðallinn er WCAG, Web Content Accessibility Guidelines frá W3C.

Aðgengi er oft stytt í a11y: „a“, svo 11 bókstafir og svo „y“.

Af hverju aðgengi skiptir máli þegar þú smíðar með gervigreind

AI-smiðir eru góðir í að framleiða öpp sem líta út fyrir að vera rétt. Aðgengi snýst aðallega um það sem sést ekki á skjámynd: hvort hnappur sé raunverulega hnappur, hvort reitur hafi merkingu sem skjálesari getur lesið upp, og hvort hægt sé að komast í valmyndina með Tab-takkanum.

Þess vegna er mikilvægt að spyrja:

• Auðvelt er að missa af því. Sérstílaður fellilisti getur litið fullkomlega út og verið ómögulegt að nota án músar. Þú tekur ekki eftir því nema þú prófir það.
• Ódýrara er að gera það rétt snemma. Að biðja um aðgengilega íhluti strax í fyrstu skipun kostar nánast ekkert. Að laga fullbúið app þýðir að snerta hvern skjá.
• Það hjálpar öllum. Skjátextar hjálpa fólki á hávaðasömum stöðum, góð andstæða hjálpar fólki í símum í sólarljósi og skýrar merkingar hjálpa öllum að fylla út eyðublöð hraðar.
• Það skarast við SEO. Réttar fyrirsagnir, lýsandi tenglar og alt-texti hjálpa leitarvélum líka að skilja síðurnar þínar. Sjá SEO fyrir vefi smíðaða með gervigreind.
• Það gæti verið krafa. Eftir því hvar þú starfar og hverjum þú þjónar getur aðgengi verið lagaleg skylda.

Hversdagsdæmi

Hugsaðu um inngang í byggingu.

Tröppur henta mörgum vel. Rampur hentar fólki í hjólastól, og líka foreldrum með barnavagna, sendlum með kerrur og ferðalöngum með ferðatöskur. Sjálfvirkar hurðir, skýr skilti, blindraletur á lyftuhnöppum og góð lýsing fjarlægja hindrun fyrir einhvern.

Aðgengi á vefnum er sama hugmynd fyrir stafræn rými: rampar, skilti og handrið appsins þíns. Og rétt eins og með byggingu er miklu auðveldara að hafa rampinn í teikningunum en að bæta honum við eftir að steypan er storknuð.

WCAG í stuttu máli

WCAG er gefið út af Web Accessibility Initiative hjá W3C. Núverandi útgáfa er WCAG 2.2, fyrst birt í október 2023. Hún er afturhvarfssamhæfð: efni sem uppfyllir WCAG 2.2 uppfyllir líka 2.1 og 2.0, og W3C hvetur til notkunar á nýjustu útgáfunni. WCAG 2.2 er líka samþykkt sem alþjóðlegur staðall, ISO/IEC 40500:2025. Mjög önnur WCAG 3 er í þróun sem snemmbúin drög, ekki fullgerður staðall.

WCAG byggist á fjórum meginreglum, sem oft eru munaðar sem POUR:

Hver leiðbeining hefur prófanleg árangursviðmið á þremur stigum:

• Stig A: lágmarkið. Ef þau bregðast loka þau alveg fyrir sumt fólk.
• Stig AA: staðlað markmið, og stigið sem flestar reglur og stefnur vísa til.
• Stig AAA: hæsta stigið. Gott að stefna að því á sumum stöðum, en W3C mælir ekki með því að krefjast þess fyrir heilar síður, því sumt efni getur ekki uppfyllt það.

WCAG 2.2 bætti níu árangursviðmiðum við 2.1, þar á meðal Lágmarksstærð markhnapps á stigi AA. Smellanleg svæði eiga almennt að vera að minnsta kosti 24 x 24 CSS-pixlar, með undantekningum. Einnig Lágmarks aðgengileg auðkenning, sem takmarkar innskráningarskref sem byggjast á minni eða þrautum, til dæmis að þurfa að slá lykilorð inn aftur án þess að mega líma það. Það felldi líka úr gildi gamla „Parsing“-viðmiðið sem er orðið úrelt.

Dæmi: nýskráningareyðublað

Hér er nýskráningareyðublað sem gervigreind gæti framleitt, og það sem aðgengisathugun finnur:

Engin af þessum lausnum breytir miklu um útlit eyðublaðsins. Allar breyta þær því hvort sumt fólk geti notað það yfirleitt.

Lykilhugtök

Algengar ranghugmyndir

• „Aðgengi skiptir aðeins máli fyrir blinda notendur.“ Það nær yfir sjónræna, hreyfi-, heyrnar-, tal- og vitsmunalega fötlun, auk tímabundinna aðstæðna eins og brotins handleggs.
• „Aðgengilegar síður líta út fyrir að vera ófínar.“ Aðgengi takmarkar fáein atriði, eins og andstæðu, fókusstíla og textastærð, en vel útlítandi aðgengilegar síður eru reglan, ekki undantekningin.
• „Sjálfvirk athugun gefur 100, svo við erum búin.“ Sjálfvirk verkfæri finna aðeins sum vandamál. Hvort alt-texti sé raunverulega innihaldsríkur, eða hvort flæði sé skynsamlegt með skjálesara, þarf manneskju til að athuga.
• „Yfirlagsgræja gerir okkur samhæfð.“ Tækjastikur sem eru festar ofan á geta ekki lagað vantandi merkingar eða bilað lyklaborðsaðgengi í kóðanum þínum. Lagaðu uppruna vandans.
• „Við erum ekki með fatlaða notendur.“ Þú veist kannski bara ekki af þeim. Margar fatlanir sjást ekki, og fólk sem lendir í hindrun fer yfirleitt bara.

Hvað á að biðja AI-smiðinn um

• „Smíðaðu þetta þannig að það uppfylli WCAG 2.2 stig AA.“
• „Notaðu merkingarbæran HTML: alvöru hnappa, tengla, fyrirsagnir í réttri röð og merkingar fyrir hvern eyðublaðsreit.“
• „Gakktu úr skugga um að hvert gagnvirkt element virki með lyklaborðinu einu og hafi sýnilegan fókusstíl.“
• „Athugaðu alla texta- og táknlitina með tilliti til andstæðu: 4,5:1 fyrir venjulegan texta, 3:1 fyrir stóran texta og tákn.“
• „Bættu innihaldsríkum alt-texta við upplýsandi myndir og tómum alt-texta við skrautmyndir.“
• „Sýndu villur í eyðublöðum sem texta, tengdan reitnum, ekki bara með lit.“
• „Virtu stillingu notandans fyrir minni hreyfingu (reduced motion) í hreyfimyndum.“
• „Keyrðu sjálfvirka aðgengisathugun og taktu saman það sem hún getur ekki prófað, svo ég geti athugað það handvirkt.“

Prófaðu síðan sjálf/ur: leggðu músina frá þér og reyndu að ljúka aðalflæðinu þínu með Tab, Shift+Tab, Enter og bili einu saman. Prófaðu innbyggðan skjálesara símans þíns á aðalsíðunni. Stækkaðu vafrann í 200% og sjáðu hvort eitthvað bilar.

Aðgengi í Mythex

Mythex inniheldur ekki sérstakt aðgengisathugunartæki, svo hafðu aðgengi sem hluta af fyrirmælunum þínum og prófunum. Biddu um WCAG 2.2 AA í fyrstu skipun, athugaðu niðurstöðuna í forskoðuninni með lyklaborðinu og notaðu /test til að láta agentinn smella í gegnum aðalflæðin þín áður en þú birtir. Sjá App Testing. SEO-uppskriftin biður líka um merkingarbærar fyrirsagnir og innihaldsríkan alt-texta, sem þjónar báðum markmiðum.

Fyrir verklega gátlista, sjá hvernig þú gerir vefsíðuna þína aðgengilega. Fyrir hönnun, lestu hvernig þú hannar gott app með gervigreind, og fyrir birtingu hvernig þú prófar appið þitt fyrir birtingu. Opinber yfirlit W3C yfir WCAG er áreiðanlegasta heimildin.

Spurningar