Ieguvumi:
- Spēja kontrolēt un uzlabot krāsu kontrastu, alternatīvo tekstu, piekļuvi tastatūrai un WCAG kritērijus ar mākslīgā intelekta atbalstu
- Iespēja ģenerēt un pārbaudīt pieejamības tekstus, piemēram, ekrāna lasītāja pieredzi, alternatīvo tekstu un veidlapu etiķetes ar mākslīgo intelektu
- Izpratne par AI pieejamības ieteikumu apstiprināšanas robežām, izmantojot reālu palīgtehnoloģiju un lietotāju testēšanu
Pieejamība (saīsināti a11y) ir produkta spēja lietot ikvienam, tostarp cilvēkiem ar invaliditāti: vājredzīgs lietotājs var pārvietoties ar ekrāna lasītāju (palīgprogrammatūra, kas pārvērš tekstu runā), cilvēks ar motora traucējumiem var darīt jebko ar tastatūru, daltoniķis var saņemt informāciju, nepaļaujoties uz krāsām. Iekļaujošs dizains ir plašāks: tā dizaina centrā ir cilvēku daudzveidība, tostarp vecums, valoda, kultūra, īslaicīga invaliditāte (salauzta roka) vai kontekstuāla invaliditāte (ekrāns saulē). Pieejamība nav “papildu”, bet gan pamatpienākums un juridiska prasība lielākajā daļā valstu. AI ir jaudīgs priekšfiltrs un melnrakstu ģenerators šajā jomā; bet patieso pieejamību apstiprina tikai faktiskās palīgtehnoloģijas un lietotāju testēšana.
WCAG un galvenās kontroles zonas
WCAG (Web Content Accessibility Guidelines) ir starptautiski pieņemtu pieejamības kritēriju kopums; AA līmenis parasti ir mērķēts. Tam ir četri principi: saturam jābūt uztveramam, saskarnei jābūt lietojamai, informācijai jābūt saprotamai un tehniski pamatotai. Praksē visizplatītākās kontroles jomas ir:
- Krāsu kontrasts: vai atšķirība starp tekstu un fonu ir pietiekama? (AA gadījumā parastajā tekstā attiecība ir vismaz 4,5:1.)
- Alternatīvs teksts (alternatīvais teksts): vai attēliem ir teksta ekvivalents, kas tos izskaidro ekrāna lasītājam?
- Piekļuve tastatūrai: vai kaut ko var izdarīt bez peles? Vai fokusa secībai ir jēga?
- Tikai krāsu informācija: tādas frāzes kā "Aizpildiet sarkanos laukus" izslēdz daltoniķu lietotāju.
- Veidlapas etiķetes: vai katram ievades laukam ir etiķete, ko nolasīs ekrāna lasītājs?
- Pieskāriena mērķis: vai pogas ir pietiekami lielas, lai tās ērti nospiestu ar pirkstiem?
AI var veikt ātru sākotnējo skenēšanu daudzās no šīm jomām: varat ievadīt tekstu un jautāt "vai kontrasts ir pietiekams?", sniegt attēla aprakstu un jautāt "ieteikt alternatīvo tekstu", sniegt saskarnes aprakstu un jautāt "kādas ir tastatūras piekļuves problēmas".
Uzmanību: tas, ka mākslīgais intelekts saka "tas izskatās pieejams", negarantē pieejamību. Automātiskā pārbaude uztver tikai dažas WCAG kļūdas; Pārējais parādīsies faktiskā lietošanā.
Alternatīvais teksts: laba alternatīvā teksta noslēpums
Alternatīvais teksts aizstāj attēlu lietotājiem ar redzes traucējumiem. Labs alternatīvais teksts atspoguļo attēla funkciju un nozīmi, nevis tā dekoratīvo detaļu. Ikonas “Pievienot grozam” alternatīvajam tekstam ir jābūt “Pievienot grozam”, nevis “iepirkumu groza attēlam”, jo lietotājam ir svarīga darbība. AI labi ģenerē zemteksta kontūras, taču, tā kā tas nezina kontekstu, tas var radīt pārāk aprakstošu vai neatbilstošu tekstu. Jūs jautājat katram alternatīvajam tekstam "kāpēc šis attēls ir šeit?" Apgrieziet ar jautājumu.
vizuāli
Vājš zemteksts
Spēcīgs zemteksts
Groza ikona (poga)
"Groza ikona, pelēka krāsa"
"Pievienot grozam"
produkta foto
"bilde"
"Zils ziemas mētelis, skats no priekšas"
dekoratīvā līnija
"Ornamentu līnija"
(atstājiet tukšu — dekoratīvs)
Grafika
"Grafiskais attēls"
"2024. gada pārdošanas apjomi: pieaugums katru ceturksni"
Iekļaujoša valoda un darbības joma
Pieejamība neaprobežojas tikai ar tehnisko kontroli; Valoda arī ir iekļaujoša. Teksts, kurā ir pieņemts dzimums (“lietotājs un viņa laulātais”), izslēgts, pamatojoties uz spējām (“apskatīties”, “viegli dzirdēt”) vai satur kultūras pieņēmumus, daži lietotāji tiks izslēgti. AI var skenēt tekstu no šīs perspektīvas, taču jums ir jānodrošina, lai tā ieteiktā “neitrāla” valoda būtu dabiska un saprotama; Pārmērīga labošana var padarīt tekstu neērtu.
trīs mini futrāļi
1. gadījums — kontrasta kļūdas tika konstatētas agri. Komanda AI skenēja 20 ekrānu teksta krāsas un konstatēja, ka kontrasts ir zem AA sliekšņa 7 vietās. Labojumi tika veikti, neiedziļinoties attīstībā; tika novērstas turpmākās korekcijas izmaksas. Taču komanda joprojām neizlaida faktisko ekrāna lasītāja pārbaudi.
2. gadījums — tika izlabota tikai ar krāsu saistīta informācija. Vienā veidlapā kļūdu lauki tika rādīti tikai ar sarkanu apmali. AI atzīmēja šo; Komanda katrai kļūdai pievienoja arī tekstu un ikonas. Krāsakli lietotāji tagad varēja redzēt kļūdu. Mācība: krāsa viena pati nevar nodot informāciju.
3. gadījums — AI maldināts apstiprinājums. Viens dizainers izlaida ekrāna lasītāja testēšanu, jo nosauca AI par “pieejamu”. Īstajā testā izrādījās, ka fokusa secība ir sajaukta un dažas pogas vispār netika nolasītas. Nodarbība: automātiska apstiprināšana ir sākums; faktiskā palīgtehnoloģiju pārbaude ir obligāta.
Kopējamas uzvednes
Iepriekš skenējiet šo saskarnes aprakstu pieejamībai: 1) vai informācija tiek sniegta, pamatojoties tikai uz krāsu? 2) vai katram noklikšķināmajam elementam ir teksta etiķete? 3) vai ir kādi elementi, kuriem nevar piekļūt, izmantojot tastatūru? 4) vai fokusa secībai ir jēga? Uzskaitiet katru problēmu un ieteikumu. Pievienojiet piezīmi "Nepieciešams reāls tests". Recepte: <<teksts>>
Ieteikt šiem attēliem alternatīvo tekstu. Noteikums: norādiet attēla FUNKCIJU/nozīmi, nevis dekoratīvo detaļu. Uzrakstiet darbību pogu ikonām. Dekoratīviem attēliem sakiet "alternatīvais teksts jāatstāj tukšs". Konteksts un attēlu apraksti: <<saraksts>>
Pārbaudiet, vai šajos tekstos ir iekļauta valoda: vai pastāv pieņēmumi par dzimumu, uz spējām balstīta izslēdzoša valoda (piemēram, “redzēt”, “dzirdēt”), kultūras pieņēmumi? Ieteikt alternatīvas, kas paliek dabiskas; nepārlabojiet.Teksti: <<saraksts>>
Uzrakstiet šai veidlapai pieejamu kļūdu un etiķetes tekstu: redzamu etiķeti katram laukam, aprakstu ekrāna lasītājam un ziņojumu, kas apraksta kļūdu neatkarīgi no krāsas (teksts + ikona). Balss un tonis: <<kartīte>>Veidlapas lauki: <<saraksts>>
Vāja uzvedne / spēcīga uzvedne
Vāji: "Rakstiet šim attēlam alternatīvo tekstu."
Rezultāts: “Attēls” vai pārāk aprakstošs teksts, kuram trūkst funkcijas.
Strong: "Ieteikt šiem attēliem alternatīvo tekstu; norādiet attēla funkciju/nozīmi; uzrakstiet darbību pogu ikonām; atzīmējiet dekoratīvās ikonas kā "jāatstāj tukšas".
Rezultāts: kontekstuāli, uz funkcijām orientēti, precīzi zemteksti.
Atšķirība: spēcīga uzvedne nodrošina funkcionālu fokusu + pogu konvenciju + dekoratīvu atšķirību.
Biežas kļūdas
- Kļūdains mākslīgā intelekta apstiprinājums kā pieejamības garantija. Tas neaizstāj īstu pārbaudi.
- Vienkārši ielādējiet informāciju krāsā. Daltoniskiem lietotājiem trūkst informācijas.
- Attēla, nevis funkcijas izskaidrošana alternatīvajā tekstā. Pogas ikonai ir jāraksta darbība.
- Pieejamība tiek atstāta uz pēdējo. Ja tas netiek palaists karkasa stadijā, vēlāk to aizlāpīt būs dārgi.
- Pārāk izlabota valoda. Iekļaujoša valoda, kas zaudē dabiskumu, arī pasliktina saprotamību.
Rezumējot
Pieejamība nozīmē, ka produkts ir pieejams ikvienam; Tā nav ekstra, tā ir būtiska un vairumā gadījumu juridiska atbildība. AI ir vērtīgs kā ātrs pirmslidojuma un melnrakstu ģenerators kontrastam, alternatīvajam tekstam, piekļuvei tastatūrai un iekļaujošai valodas skenēšanai. Taču automātiskā apstiprināšana uztver tikai dažas WCAG kļūdas; Faktisko pieejamību apstiprina testēšana ar ekrāna lasītājiem un reāliem palīgtehnoloģiju lietotājiem. Izmantojiet modeli kā priekšējo pārlūkprogrammu, iegūstiet pierādījumus no reālas pārbaudes.
Lietojumprogrammas uzdevums
- Pēc pirmās uzvednes iepriekš skenējiet saskarnes aprakstu, lai nodrošinātu pieejamību.
- Labojiet tikai informāciju, kas balstīta uz krāsām, vai bez etiķetes.
- Ar otro uzvedni ģenerējiet uz funkcijām orientētus alternatīvos tekstus ekrānā redzamajiem attēliem.
- Pārbaudiet, vai tekstos ir iekļaujoša valoda, izmantojot trešo uzvedni.
- Ja iespējams, izmēģiniet faktisko pārbaudi ar ekrāna lasītāju un atzīmējiet, ko automātiskā skenēšana palaiž garām.
kontrolsaraksts
- [ ] Es iepriekš skenēju kontrastu, piekļuvi tastatūrai un etiķetes.
- [ ] Es neatstāju informāciju, pamatojoties tikai uz krāsu.
- [ ] Zemtekstus rakstīju funkcionāli un dekoratīvos atstāju tukšus.
- [ ] Es veicu iekļaujošu valodas kontroli, saglabāju dabiskumu.
- [ ] Es neuzskatīju automātisku apstiprināšanu par pieejamības garantiju.
- [ ] Es plānoju/ieviesu faktisko palīgtehnoloģiju testēšanu.