Njësia 10 / 11

Inteligjenca artificiale në aksesueshmëri dhe dizajn gjithëpërfshirës

Fitimet:

  • Aftësia për të kontrolluar dhe përmirësuar kontrastin e ngjyrave, tekstin alternativ, aksesin në tastierë dhe kriteret WCAG me mbështetjen e inteligjencës artificiale
  • Aftësia për të gjeneruar dhe verifikuar tekste të aksesueshmërisë si përvoja e lexuesit të ekranit, teksti alternativ dhe etiketat e formave me inteligjencë artificiale
  • Kuptimi i kufirit të vërtetimit të rekomandimeve të aksesueshmërisë së AI me teknologjinë reale ndihmëse dhe testimin e përdoruesit

Aksesueshmëria (shkurt a11y) është aftësia e një produkti për t'u përdorur nga të gjithë, duke përfshirë individët me aftësi të kufizuara: një përdorues me shikim të dëmtuar mund të lundrojë me një lexues ekrani (softuer ndihmës që konverton tekstin në të folur), një person me vështirësi motorike mund të bëjë gjithçka me tastierë, një person i verbër me ngjyra mund të marrë informacion pa u mbështetur në ngjyra. Dizajni gjithëpërfshirës është më i gjerë: ai vendos diversitetin njerëzor në qendër të dizajnit, duke përfshirë moshën, gjuhën, kulturën, paaftësinë e përkohshme (krahu i thyer) ose paaftësia kontekstuale (ekrani në diell). Aksesueshmëria nuk është një “shtesë”, por një përgjegjësi themelore dhe një kërkesë ligjore në shumicën e vendeve. AI është një para-ekranues dhe gjenerues i fuqishëm i draftit në këtë fushë; por aksesueshmëria e vërtetë konfirmohet vetëm nga teknologjia aktuale ndihmëse dhe testimi i përdoruesit.

WCAG dhe zonat kryesore të kontrollit

WCAG (Udhëzimet për aksesueshmërinë e përmbajtjes në ueb) është një grup kriteresh të pranuara ndërkombëtarisht për aksesueshmërinë; Niveli i AA është përgjithësisht i synuar. Ai ka katër parime: përmbajtja duhet të jetë e perceptueshme, ndërfaqja duhet të jetë e përdorshme, informacioni duhet të jetë i kuptueshëm dhe teknikisht i shëndoshë. Fushat më të zakonshme të kontrollit në praktikë janë:

  • Kontrasti i ngjyrave: A është i mjaftueshëm ndryshimi midis tekstit dhe sfondit? (Për AA, të paktën raporti 4.5:1 në tekst normal.)
  • Teksti alternativ (teksti alt): A kanë imazhet një ekuivalent teksti që i shpjegon ato lexuesit të ekranit?
  • Qasja në tastierë: A mund të bëhet ndonjë gjë pa miun? A ka kuptim rendi i fokusit?
  • Informacion vetëm për ngjyrat: Frazat si "Plotësoni fushat e kuqe" përjashtojnë përdoruesin me ngjyra.
  • Etiketat e formularit: A ka çdo fushë hyrëse një etiketë që lexuesi i ekranit do ta lexojë?
  • Objektivi i prekjes: A janë butonat mjaftueshëm të mëdhenj për t'u shtypur rehat me gishta?

AI mund të bëjë një skanim të shpejtë paraprak në shumë nga këto fusha: mund të jepni pak tekst dhe të pyesni "a është kontrasti i mjaftueshëm?", jepni një përshkrim imazhi dhe kërkoni "sugjeroni tekstin alt", jepni një përshkrim të ndërfaqes dhe pyesni "cilat janë problemet e aksesit në tastierë".

Kujdes: Vetëm për shkak se AI thotë "duket e arritshme" nuk është një garanci e aksesueshmërisë. Kontrolli automatik kap vetëm disa nga gabimet WCAG; Pjesa tjetër do të shfaqet me përdorimin aktual.

Alt text: sekreti i tekstit të mirë alt

Teksti alt zëvendëson imazhin për përdoruesit me shikim të dëmtuar. Teksti i mirë alt përcjell funksionin dhe kuptimin e imazhit, jo detajet e tij dekorative. Teksti alt për një ikonë "shto në shportë" duhet të jetë "Shto në shportë" dhe jo "imazhi i karrocës së blerjeve", sepse është veprimi që ka rëndësi për përdoruesin. AI është i mirë në gjenerimin e skicave të nëntekstit, por për shkak se nuk e njeh kontekstin, mund të prodhojë tekst tepër përshkrues ose të parëndësishëm. Ju pyesni çdo tekst alternativ "pse është ky imazh këtu?" Prisni me pyetjen.

vizuale

Nëntekst i dobët

Nëntekst i fortë

Ikona e karrocës (buton)

"Ikona e karrocës, ngjyrë gri"

"Shto në shportë"

foto produkti

"foto"

"Pallto dimërore blu, pamje e përparme"

linjë dekorative

"Linja e stolive"

(lëre bosh - dekorative)

Grafika

"Imazhi grafik"

"Shitjet 2024: rriten çdo tremujor"

Gjuha dhe fushëveprimi gjithëpërfshirës

Aksesueshmëria nuk kufizohet në kontrollet teknike; Gjuha është gjithashtu gjithëpërfshirëse. Teksti që supozon gjininë (“përdoruesi dhe bashkëshorti/ja e tij/saj”), përjashton në bazë të aftësisë (“vështrim”, “dëgjo lehtë”) ose përmban supozime kulturore do të përjashtojë disa përdorues. AI mund të skanojë tekstin nga ky këndvështrim, por ju duhet të siguroheni që gjuha "neutrale" që sugjeron të mbetet e natyrshme dhe e kuptueshme; Korrigjimi i tepërt mund ta bëjë tekstin të vështirë.

tre mini kuti

Rasti 1 - Gabimet e kontrastit u kapën herët. Një ekip kishte skanuar me AI ngjyrat e tekstit të 20 ekraneve dhe përcaktoi se kontrasti ishte nën pragun AA në 7 vende. Korrigjimet u bënë pa hyrë në zhvillim; kostoja e korrigjimit të mëvonshëm u shmang. Por ekipi ende nuk e anashkaloi testin aktual të lexuesit të ekranit.

Rasti 2 - Vetëm informacioni i lidhur me ngjyrat u korrigjua. Një formular shfaqi fushat e gabimit vetëm me një kufi të kuq. UA e ka shënuar këtë; Ekipi gjithashtu shtoi tekst dhe ikona për çdo gabim. Përdoruesit e verbër të ngjyrave tani mund ta shihnin gabimin. Mësimi: ngjyra vetëm nuk mund të përcjellë informacion.

Rasti 3 - UA e lajthitur miratimin. Një projektues anashkaloi testimin e lexuesit të ekranit sepse ai e quajti AI "të aksesueshme". Në testin real, rezultoi se rendi i fokusit ishte i ngatërruar dhe disa butona nuk u lexuan fare. Mësimi: konfirmimi automatik është fillimi; testimi aktual i teknologjisë ndihmëse është i detyrueshëm.

Kërkesat e kopjueshme

Skanoni paraprakisht këtë përshkrim të ndërfaqes për aksesueshmërinë:1) a ka informacion të bazuar vetëm në ngjyrë?2) a ka një etiketë teksti për secilin element të klikueshëm?3) a ka ndonjë element që nuk mund të arrihet nëpërmjet tastierës?4) a ka kuptim renditja e fokusit? Listoni çdo problem dhe sugjerim. Shto shënimin “Kërkohet test i vërtetë”.Receta: <<tekst>>

Sugjeroni tekst alternativ për këto imazhe. Rregulli: përcillni FUNKSIONIN/kuptimin e imazhit, jo detajin dekorativ. Shkruani veprimin për ikonat e butonave. Për imazhet dekorative, thoni "teksti alt duhet të lihet bosh". Përshkrimet e kontekstit dhe imazhit: <<lista>>

Kontrolloni këto tekste për gjuhë gjithëpërfshirëse: a ka supozime gjinore, gjuhë përjashtuese të bazuar në aftësi (të tilla si "shih", "dëgjo"), supozime kulturore? Sugjeroni alternativa që mbeten të natyrshme; mos korrigjoni shumë.Tekstet: <<lista>>

Shkruani gabimin e aksesueshëm dhe tekstin e etiketës për këtë formë: etiketë e dukshme për secilën fushë, përshkrim për lexuesin e ekranit dhe mesazh që përshkruan gabimin, pavarësisht nga ngjyra (tekst + ikona). Zëri dhe toni: <<karta>>Fushat e formularit: <<lista>>

Prompt i dobët / Prompt i fortë

E dobët: "Shkruaj tekst alternativ për këtë imazh."

Rezultati: "Një imazh" ose tekst tepër përshkrues që i mungon funksioni.

I fortë: "Sugjeroni tekst alternativ për këto imazhe; përcillni funksionin/kuptimin e figurës; shkruani veprimin për ikonat e butonave; shënoni ato dekorative si "duhet të lihen bosh".

Rezultati: Nëntekste kontekstuale, të orientuara nga funksioni, të sakta.

Dallimi: nxitja e fortë sjell fokus funksional + konventë butoni + dallim dekorativ.

Gabimet e zakonshme

  • Gabimi i miratimit të inteligjencës artificiale si një garanci e aksesueshmërisë. Nuk është një zëvendësim për testimin e vërtetë.
  • Thjesht ngarkoni informacionin në ngjyrë. Përdoruesit e verbërve të ngjyrave humbasin informacionin.
  • Shpjegimi i imazhit, jo funksionit, në tekstin alternativ. Duhet të shkruhet një veprim për ikonën e butonit.
  • Duke e lënë aksesueshmërinë për të fundit. Nëse nuk niset në fazën e kornizës së telit, do të jetë e shtrenjtë ta rregulloni më vonë.
  • Gjuha e tepërt e korrigjuar. Gjuha gjithëpërfshirëse që humbet natyrshmërinë gjithashtu dëmton kuptueshmërinë.

Në përmbledhje

Aksesueshmëria nënkupton që produkti është i disponueshëm për të gjithë; Nuk është një shtesë, është një përgjegjësi thelbësore dhe, në shumicën e vendeve, një përgjegjësi ligjore. Inteligjenca artificiale është e vlefshme si një gjenerues i shpejtë para nisjes së avionit dhe draft për kontrast, tekst alt, akses në tastierë dhe skanim gjithëpërfshirës të gjuhës. Por miratimi automatik kap vetëm disa nga gabimet e WCAG; Aksesueshmëria aktuale konfirmohet nga testimi me lexuesit e ekranit dhe përdoruesit e vërtetë të teknologjisë ndihmëse. Përdorni modelin si një shfletues të përparmë, merrni provat nga testimi real.

Detyra e aplikimit

  1. Para-skanoni një përshkrim të ndërfaqes për aksesueshmërinë në kërkesën e parë.
  2. Korrigjoni vetëm informacionin e bazuar në ngjyra ose artikujt e paetiketuar.
  3. Gjeneroni tekste alt të orientuara nga funksioni për pamjet vizuale në ekranin tuaj me kërkesën e dytë.
  4. Kontrolloni tekstet tuaja për gjuhë gjithëpërfshirëse me kërkesën e tretë.
  5. Nëse është e mundur, provoni testin aktual me një lexues ekrani dhe vini re se çfarë humbet skanimi automatik.

listë kontrolli

  • [ ] Kam skanuar paraprakisht kontrastin, aksesin në tastierë dhe etiketat.
  • [ ] Nuk kam lënë informacion bazuar vetëm në ngjyrë.
  • [ ] Nëntekstet i kam shkruar në mënyrë funksionale dhe ato dekorative i kam lënë bosh.
  • [ ] Bëra një kontroll gjuhësor gjithëpërfshirës, ​​ruajta natyrshmërinë.
  • [ ] Unë nuk e konsiderova miratimin automatik si garanci për aksesueshmërinë.
  • [ ] Kam planifikuar/zbatuar testimin aktual të teknologjisë ndihmëse.