Dobički:
- Možnost nadzora in izboljšanja barvnega kontrasta, alternativnega besedila, dostopa s tipkovnico in meril WCAG s podporo za umetno inteligenco
- Sposobnost ustvarjanja in preverjanja besedil za ljudi s posebnimi potrebami, kot je izkušnja bralnika zaslona, nadomestno besedilo in oznake obrazcev z umetno inteligenco
- Razumevanje omejitev potrjevanja priporočil umetne inteligence o dostopnosti z resnično podporno tehnologijo in uporabniškim testiranjem
Dostopnost (na kratko a11y) je zmožnost izdelka, da ga uporabljajo vsi, vključno s posamezniki s posebnimi potrebami: slabovidni uporabnik lahko krmari z bralnikom zaslona (pomožna programska oprema, ki pretvarja besedilo v govor), oseba z motoričnimi težavami lahko počne karkoli s tipkovnico, barvno slepa oseba lahko sprejema informacije, ne da bi se zanašala na barvo. Vključujoče oblikovanje je širše: v središče oblikovanja postavlja človeško raznolikost, vključno s starostjo, jezikom, kulturo, začasno invalidnostjo (zlomljena roka) ali kontekstualno invalidnostjo (zaslon na soncu). Dostopnost ni "dodatek", ampak temeljna odgovornost in pravna zahteva v večini držav. AI je na tem področju zmogljiv predpreglednik in generator osnutkov; vendar je prava dostopnost potrjena le z dejansko podporno tehnologijo in uporabniškim testiranjem.
WCAG in ključna nadzorna področja
WCAG (Web Content Accessibility Guidelines) je nabor mednarodno sprejetih meril za dostopnost; Na splošno je ciljna raven AA. Ima štiri načela: vsebina mora biti zaznavna, vmesnik mora biti uporaben, informacija mora biti razumljiva in tehnično brezhibna. Najpogostejša nadzorna področja v praksi so:
- Barvni kontrast: Ali je razlika med besedilom in ozadjem zadostna? (Za AA vsaj razmerje 4,5:1 v običajnem besedilu.)
- Nadomestno besedilo (nadomestno besedilo): Ali imajo slike besedilni ekvivalent, ki jih razloži bralniku zaslona?
- Dostop s tipkovnico: Ali je mogoče kaj narediti brez miške? Ali je vrstni red fokusa smiseln?
- Samo barvne informacije: fraze, kot je "Izpolni rdeča polja", izključujejo barvno slepega uporabnika.
- Oznake obrazcev: Ali ima vsako vnosno polje oznako, ki jo bo prebral bralnik zaslona?
- Cilj dotika: Ali so gumbi dovolj veliki, da jih lahko udobno pritisnete s prsti?
Umetna inteligenca lahko izvede hiter predhodni pregled na mnogih od teh področij: lahko navedete nekaj besedila in vprašate "ali je kontrast zadosten?", podate opis slike in vprašate "predlagaj nadomestno besedilo", podate opis vmesnika in vprašate "kakšne so težave z dostopom do tipkovnice".
Pozor: samo zato, ker umetna inteligenca pravi, da je "izgleda dostopno", ni zagotovilo za dostopnost. Samodejno preverjanje ujame samo nekatere napake WCAG; Ostalo se bo pojavilo z dejansko uporabo.
Nadomestno besedilo: skrivnost dobrega nadomestnega besedila
Nadomestno besedilo nadomešča sliko za slabovidnega uporabnika. Dobro nadomestno besedilo izraža funkcijo in pomen slike, ne pa njenih okrasnih podrobnosti. Nadomestno besedilo za ikono »dodaj v voziček« mora biti »Dodaj v voziček« in ne »slika nakupovalnega vozička«, ker je to dejanje, ki je pomembno za uporabnika. Umetna inteligenca je dobra pri ustvarjanju obrisov podbesedila, a ker ne pozna konteksta, lahko proizvede preveč opisno ali nepomembno besedilo. Vsako nadomestno besedilo vprašate "zakaj je ta slika tukaj?" Obrežite z vprašanjem.
vizualni
Šibek podtekst
Močan podtekst
Ikona vozička (gumb)
"Ikona vozička, siva barva"
"Dodaj v voziček"
fotografija izdelka
"slika"
"Moder zimski plašč, pogled od spredaj"
okrasna linija
"Okrasna linija"
(pustite prazno — okrasno)
Grafika
"Grafična slika"
"Prodaja 2024: povečanje vsako četrtletje"
Vključujoč jezik in obseg
Dostopnost ni omejena na tehnične kontrole; Jezik je tudi vključujoč. Besedilo, ki predvideva spol (»uporabnik in njegov/njen zakonec«), izključuje na podlagi sposobnosti (»pogled«, »lahko sliši«) ali vsebuje kulturne predpostavke, bo izključilo nekatere uporabnike. AI lahko skenira besedilo s tega vidika, vendar morate zagotoviti, da "nevtralni" jezik, ki ga predlaga, ostane naraven in razumljiv; Pretirano popravljanje lahko naredi besedilo nerodno.
trije mini kovčki
1. primer – Napake kontrasta, odkrite zgodaj. Ekipa je z umetno inteligenco skenirala barve besedila 20 zaslonov in ugotovila, da je bil kontrast na 7 mestih pod pragom AA. Popravki so bili izvedeni brez razvoja; izognili smo se stroškom naknadnega popravka. Toda ekipa še vedno ni preskočila dejanskega preizkusa bralnika zaslona.
2. primer – Popravljene so bile samo informacije, povezane z barvo. En obrazec je prikazoval polja z napakami samo z rdečo obrobo. AI je to označil; Ekipa je vsaki napaki dodala tudi besedilo in ikone. Barvno slepi uporabniki so zdaj lahko videli napako. Nauk: barva sama po sebi ne more posredovati informacij.
Primer 3 – AI zavajajoča odobritev. En oblikovalec je preskočil testiranje bralnika zaslona, ker je umetno inteligenco označil za "dostopno". V realnem testu se je izkazalo, da je bil vrstni red fokusov zmeden in nekateri gumbi sploh niso bili prebrani. Lekcija: samodejna potrditev je začetek; dejansko testiranje podporne tehnologije je obvezno.
Pozivi, ki jih je mogoče kopirati
Vnaprej preglejte ta opis vmesnika glede dostopnosti:1) ali obstajajo informacije, ki se prenašajo izključno na podlagi barve?2) Ali obstaja besedilna oznaka za vsak element, ki ga je mogoče klikniti?3) Ali obstajajo elementi, do katerih ni mogoče dostopati s tipkovnico?4) Ali je vrstni red fokusa smiseln? Navedite vsako težavo in predlog. Dodajte opombo "Potreben je pravi test".Recept: <<besedilo>>
Predlagaj nadomestno besedilo za te slike. Pravilo: posredujte FUNKCIJO/pomen slike, ne okrasnih podrobnosti. Napišite dejanje za ikone gumbov. Za okrasne slike recite "nadomestno besedilo naj ostane prazno". Opisi konteksta in slik: <<seznam>>
Preverite vključujoč jezik v teh besedilih: ali obstajajo predpostavke o spolu, izključujoč jezik, ki temelji na sposobnostih (kot je "videti", "slišati"), kulturne predpostavke? Predlagajte alternative, ki ostanejo naravne; ne popravljaj preveč.Besedila: <<seznam>>
Napišite dostopno besedilo napake in oznake za ta obrazec: vidna oznaka za vsako polje, opis za bralnik zaslona in sporočilo, ki opisuje napako, ne glede na barvo (besedilo + ikona). Glas in ton: <<kartica>>Polja obrazca: <<seznam>>
Šibek poziv/močan poziv
Slabo: "Napišite nadomestno besedilo za to sliko."
Rezultat: »Slika« ali preveč opisno besedilo, ki nima funkcije.
Močno: "Predlagajte nadomestno besedilo za te slike; posredujte funkcijo/pomen slike; napišite dejanje za ikone gumbov; označite okrasne kot 'mora biti prazno'."
Rezultat: Kontekstualni, funkcionalno usmerjeni, natančni podteksti.
Razlika: močan poziv prinaša funkcionalno osredotočenost + konvencijo gumbov + okrasno razlikovanje.
Pogoste napake
- Zamenjajte odobritev umetne inteligence kot jamstvo za dostopnost. Ni nadomestilo za pravo testiranje.
- Samo nalaganje informacij v barvo. Barvno slepi uporabniki pogrešajo informacije.
- Razlaga slike, ne funkcije, v nadomestnem besedilu. Za ikono gumba je treba napisati dejanje.
- Dostopnost puščamo za konec. Če se ne začne na stopnji žične konstrukcije, bo poznejši popravek drag.
- Preveč popravljen jezik. Vključujoč jezik, ki izgubi naravnost, tudi poslabša razumljivost.
Če povzamem
Dostopnost pomeni, da je izdelek dostopen vsem; To ni dodatek, je bistvena in v večini krajev zakonska odgovornost. AI je dragocen kot hiter generator pred tiskom in osnutkov za kontrast, nadomestno besedilo, dostop s tipkovnico in vključujoče jezikovno skeniranje. Toda samodejna odobritev ujame samo nekatere napake WCAG; Dejanska dostopnost je potrjena s testiranjem z bralniki zaslona in resničnimi uporabniki podporne tehnologije. Uporabite model kot sprednji brskalnik, pridobite dokaz iz resničnega testiranja.
Aplikacijska naloga
- Vnaprej preglejte opis vmesnika za dostopnost ob prvem pozivu.
- Popravite samo barvne informacije ali neoznačene elemente.
- Z drugim pozivom ustvarite funkcijsko usmerjena nadomestna besedila za vizualne elemente na zaslonu.
- S tretjim pozivom preverite, ali so vaša besedila vključujoč jezik.
- Če je mogoče, preizkusite dejanski preizkus z bralnikom zaslona in si oglejte, kaj samodejni pregled zgreši.
kontrolni seznam
- [ ] Vnaprej sem skeniral kontrast, dostop do tipkovnice in oznake.
- [ ] Podatkov nisem pustil samo na podlagi barve.
- [ ] Podbesedila sem napisala funkcionalno, dekorativna pa pustila prazna.
- [ ] Naredil sem inkluzivno jezikovno kontrolo, ohranil sem naravnost.
- [ ] Samodejna odobritev se mi ni zdela jamstvo za dostopnost.
- [ ] Načrtoval/izvedel sem dejansko testiranje podporne tehnologije.