Dobici:
- Mogućnost kontrole i poboljšanja kontrasta boja, alternativnog teksta, pristupa tipkovnici i WCAG kriterija s podrškom za umjetnu inteligenciju
- Sposobnost generiranja i provjere tekstova pristupačnosti kao što je iskustvo čitača zaslona, alternativni tekst i oznake obrazaca s umjetnom inteligencijom
- Razumijevanje ograničenja potvrđivanja AI-jevih preporuka pristupačnosti sa stvarnom pomoćnom tehnologijom i korisničkim testiranjem
Pristupačnost (skraćeno a11y) je sposobnost proizvoda da ga koriste svi, uključujući osobe s invaliditetom: slabovidni korisnik može se kretati pomoću čitača zaslona (pomoćni softver koji pretvara tekst u govor), osoba s motoričkim poteškoćama može učiniti bilo što s tipkovnicom, daltonist može primati informacije bez oslanjanja na boju. Uključivi dizajn je širi: stavlja ljudsku raznolikost u središte dizajna, uključujući dob, jezik, kulturu, privremeni invaliditet (slomljena ruka) ili kontekstualni invaliditet (ekran na suncu). Pristupačnost nije "dodatak", već temeljna odgovornost i pravni zahtjev u većini zemalja. AI je snažan alat za predprovjeru i generator nacrta u ovom području; ali pravu pristupačnost potvrđuje samo stvarna pomoćna tehnologija i testiranje korisnika.
WCAG i ključna kontrolna područja
WCAG (Web Content Accessibility Guidelines) je skup međunarodno prihvaćenih kriterija za pristupačnost; Općenito je ciljana razina AA. Ima četiri načela: sadržaj mora biti vidljiv, sučelje mora biti upotrebljivo, informacije moraju biti razumljive i tehnički ispravne. Najčešća područja kontrole u praksi su:
- Kontrast boja: Je li razlika između teksta i pozadine dovoljna? (Za AA, omjer najmanje 4,5:1 u normalnom tekstu.)
- Alternativni tekst (alternativni tekst): Imaju li slike tekstualni ekvivalent koji ih objašnjava čitaču zaslona?
- Pristup tipkovnicom: Može li se išta učiniti bez miša? Ima li redoslijed fokusa smisla?
- Informacije samo u boji: Fraze poput "Ispunite crvena polja" isključuju daltoniste.
- Oznake obrazaca: Ima li svako polje za unos oznaku koju čitač zaslona čita?
- Cilj dodira: Jesu li tipke dovoljno velike da ih se udobno pritiska prstima?
AI može napraviti brzo preliminarno skeniranje u mnogim od ovih područja: možete dati neki tekst i pitati "je li kontrast dovoljan?", dati opis slike i pitati "predloži alternativni tekst", dati opis sučelja i pitati "koji su problemi s pristupom tipkovnici".
Oprez: samo zato što AI kaže "izgleda pristupačno" nije jamstvo pristupačnosti. Automatska provjera hvata samo neke od WCAG grešaka; Ostatak će se pojaviti sa stvarnom upotrebom.
Zamjenski tekst: tajna dobrog zamjenskog teksta
Zamjenski tekst zamjenjuje sliku za korisnike oštećena vida. Dobar alternativni tekst prenosi funkciju i značenje slike, a ne njezine ukrasne detalje. Zamjenski tekst za ikonu "dodaj u košaricu" trebao bi biti "Dodaj u košaricu", a ne "slika košarice" jer je to radnja koja je važna korisniku. Umjetna inteligencija je dobra u generiranju obrisa podteksta, ali budući da ne poznaje kontekst, može proizvesti previše deskriptivan ili irelevantan tekst. Svaki alternativni tekst pitate "zašto je ova slika ovdje?" Obrežite s pitanjem.
vizualni
Slab podtekst
Jak podtekst
Ikona košarice (gumb)
"Ikona košarice, siva boja"
"Dodaj u košaricu"
fotografija proizvoda
"slika"
"Plavi zimski kaput, pogled sprijeda"
ukrasna linija
"Ornamentna linija"
(ostavite prazno — ukrasno)
Grafika
"Grafička slika"
"Prodaja 2024.: porast svakog kvartala"
Uključiv jezik i opseg
Pristupačnost nije ograničena na tehničke kontrole; Jezik je također uključiv. Tekst koji pretpostavlja spol ("korisnik i njegov/njezin supružnik"), isključuje na temelju sposobnosti ("pogled", "lako čuje") ili sadrži kulturološke pretpostavke isključit će neke korisnike. AI može skenirati tekst iz ove perspektive, ali morate osigurati da "neutralni" jezik koji predlaže ostane prirodan i razumljiv; Pretjerano ispravljanje može učiniti tekst nezgodnim.
tri mini kućišta
Slučaj 1 — Rano uočene pogreške u kontrastu. Tim je AI skenirao boje teksta na 20 ekrana i utvrdio da je kontrast ispod AA praga na 7 mjesta. Ispravci su napravljeni bez ulaska u razvoj; izbjegnut je trošak naknadne korekcije. Ali tim ipak nije preskočio pravi test čitača zaslona.
Slučaj 2 — Ispravljene su samo informacije koje se odnose na boju. Jedan obrazac je prikazivao polja s greškom samo s crvenim rubom. AI je ovo označio; Tim je također svakoj pogrešci dodao tekst i ikone. Daltonisti sada mogu vidjeti grešku. Pouka: sama boja ne može prenijeti informaciju.
Slučaj 3 — AI lažno odobrenje. Jedan je dizajner preskočio testiranje čitača zaslona jer je AI nazvao "pristupačnim". U stvarnom testu pokazalo se da je redoslijed fokusa pobrkan i da se neki gumbi uopće ne čitaju. Lekcija: automatska potvrda je početak; stvarno testiranje asistivne tehnologije je obavezno.
Upiti koji se mogu kopirati
Prethodno skenirajte ovaj opis sučelja radi pristupačnosti:1) postoje li informacije koje se prenose isključivo na temelju boje?2) postoji li tekstualna oznaka za svaki element na koji se može kliknuti?3) postoje li elementi kojima se ne može pristupiti putem tipkovnice?4) ima li redoslijed fokusa smisla? Navedite svaki problem i prijedlog. Dodajte napomenu "Potreban pravi test".Recept: <<tekst>>
Predloži zamjenski tekst za ove slike. Pravilo: prenesite FUNKCIJU/značenje slike, a ne ukrasni detalj. Napišite radnju za ikone gumba. Za ukrasne slike recite "alternativni tekst treba ostaviti prazan". Opisi konteksta i slika: <<list>>
Provjerite inkluzivni jezik u ovim tekstovima: postoje li rodne pretpostavke, isključujući jezik temeljen na sposobnostima (kao što je "vidjeti", "čuti"), kulturološke pretpostavke? Predložite alternative koje ostaju prirodne; nemojte pretjerano ispravljati.Tekstovi: <<list>>
Napišite dostupnu pogrešku i tekst oznake za ovaj obrazac: vidljivu oznaku za svako polje, opis za čitač zaslona i poruku koja opisuje pogrešku, bez obzira na boju (tekst + ikona). Glas i ton: <<kartica>>Polja obrasca: <<lista>>
Slab upit / Jak upit
Slabo: "Napišite alternativni tekst za ovu sliku."
Rezultat: "Slika" ili pretjerano opisni tekst koji nema funkciju.
Jako: "Predložite zamjenski tekst za ove slike; prenesite funkciju/značenje slike; napišite radnju za ikone gumba; označite ukrasne kao 'moraju ostati prazne'."
Rezultat: Kontekstualni, funkcionalno orijentirani, točni podtekstovi.
Razlika: snažan brzi donosi funkcionalni fokus + konvenciju gumba + dekorativnu razliku.
Uobičajene greške
- Mišljenje odobrenja umjetne inteligencije kao jamstva pristupačnosti. Nije zamjena za pravo testiranje.
- Samo učitavanje informacija u boji. Daltonistima nedostaju informacije.
- Objašnjenje slike, a ne funkcije, u alternativnom tekstu. Za ikonu gumba mora se napisati radnja.
- Ostavljajući pristupačnost za kraj. Ako se ne pokrene u fazi okvira, kasnije će biti skupo krpati ga.
- Pretjerano ispravljen jezik. Uključiv jezik koji gubi prirodnost također narušava razumljivost.
Ukratko
Pristupačnost znači da je proizvod dostupan svima; To nije dodatak, to je bitna i, na većini mjesta, zakonska odgovornost. AI je vrijedan kao brzi generator predispitivanja i nacrta za kontrast, alternativni tekst, pristup tipkovnici i uključivo skeniranje jezika. Ali automatsko odobrenje hvata samo neke od WCAG pogrešaka; Stvarna pristupačnost potvrđena je testiranjem s čitačima zaslona i stvarnim korisnicima pomoćne tehnologije. Koristite model kao prednji preglednik, dobijte dokaz iz stvarnog testiranja.
Zadatak aplikacije
- Prethodno skenirajte opis sučelja radi pristupačnosti na prvi upit.
- Ispravite samo informacije temeljene na boji ili neoznačene stavke.
- Generirajte funkcionalno orijentirane alternativne tekstove za vizualne elemente na vašem zaslonu pomoću drugog odzivnika.
- Pomoću trećeg upita provjerite jesu li vaši tekstovi inkluzivni jezik.
- Ako je moguće, isprobajte stvarni test s čitačem zaslona i zabilježite što automatsko skeniranje propušta.
popis za provjeru
- [ ] Prethodno sam skenirao kontrast, pristup tipkovnici i oznake.
- [ ] Nisam ostavio podatke samo na temelju boje.
- [ ] Podtekstove sam napisao funkcionalno, a dekorativne ostavio prazne.
- [ ] Napravio sam inkluzivnu kontrolu jezika, sačuvao sam prirodnost.
- [ ] Nisam smatrao automatsko odobrenje jamstvom pristupačnosti.
- [ ] Planirao sam/implementirao stvarno testiranje asistivne tehnologije.