Pelnas:
- Galimybė valdyti ir tobulinti spalvų kontrastą, alternatyvų tekstą, prieigą prie klaviatūros ir WCAG kriterijus su dirbtinio intelekto palaikymu
- Galimybė generuoti ir tikrinti pritaikymo neįgaliesiems tekstus, pvz., ekrano skaitytuvo patirtį, alternatyvųjį tekstą ir formų etiketes su dirbtiniu intelektu
- Suprasti AI pritaikymo neįgaliesiems rekomendacijų patvirtinimo ribas naudojant tikrą pagalbinę technologiją ir naudotojo testavimą
Prieinamumas (sutrumpintai a11y) – tai gaminio galimybė naudotis visiems, įskaitant asmenis su negalia: regėjimo negalią turintis vartotojas gali naršyti ekrano skaitytuvu (pagalbine programine įranga, paverčiančia tekstą į kalbą), motorikos sutrikimų turintis žmogus gali bet ką daryti su klaviatūra, daltonikas gali gauti informaciją nepasikliaujant spalvomis. Įtraukiantis dizainas yra platesnis: dizaino centre yra žmonių įvairovė, įskaitant amžių, kalbą, kultūrą, laikiną negalią (sulaužtą ranką) arba kontekstinę negalią (ekranas saulėje). Prieinamumas yra ne „papildoma“, o pagrindinė atsakomybė ir teisinis reikalavimas daugelyje šalių. AI yra galingas išankstinis patikrinimas ir juodraščių generatorius šioje srityje; tačiau tikrąjį prieinamumą patvirtina tik tikros pagalbinės technologijos ir naudotojo bandymai.
WCAG ir pagrindinės valdymo zonos
WCAG (Web Content Accessibility Guidelines) yra tarptautiniu mastu priimtų prieinamumo kriterijų rinkinys; AA lygis paprastai yra tikslingas. Ji turi keturis principus: turinys turi būti suvokiamas, sąsaja turi būti tinkama naudoti, informacija turi būti suprantama ir techniškai tvarkinga. Praktikoje dažniausiai naudojamos kontrolės sritys:
- Spalvų kontrastas: ar pakanka teksto ir fono skirtumo? (AA atveju – bent 4,5:1 santykis įprastame tekste.)
- Alternatyvus tekstas (alt tekstas): ar vaizdai turi teksto atitikmenį, paaiškinantį juos ekrano skaitytuvui?
- Prieiga prie klaviatūros: ar galima ką nors padaryti be pelės? Ar fokusavimo tvarka yra prasminga?
- Tik spalvinė informacija: tokios frazės kaip „Užpildykite raudonus laukus“ neįtraukia daltonikų naudotojų.
- Formų etiketės: ar kiekviename įvesties lauke yra etiketė, kurią skaitys ekrano skaitytuvas?
- Liečiamas taikinys: ar mygtukai pakankamai dideli, kad juos būtų patogu spausti pirštais?
AI gali atlikti greitą preliminarų daugelio šių sričių nuskaitymą: galite pateikti teksto ir paklausti „ar kontrastas yra pakankamas?“, pateikti vaizdo aprašymą ir paklausti „siūlyti alternatyvųjį tekstą“, pateikti sąsajos aprašymą ir paklausti „Kokios yra klaviatūros prieigos problemos“.
Atsargiai: vien todėl, kad dirbtinis intelektas sako „jis atrodo prieinamas“, dar nėra pasiekiamumo garantija. Automatinis patikrinimas užfiksuoja tik kai kurias WCAG klaidas; Likusi dalis atsiras faktiškai naudojant.
Alternatyvus tekstas: gero alternatyvaus teksto paslaptis
Alternatyvus tekstas pakeičia vaizdą regos negalią turinčiam vartotojui. Geras alt tekstas perteikia vaizdo funkciją ir prasmę, o ne jo dekoratyvinę detalę. Piktogramos „įdėti į krepšelį“ alternatyvus tekstas turėtų būti „Įdėti į krepšelį“, o ne „pirkinių krepšelio vaizdas“, nes vartotojui svarbus veiksmas. Dirbtinis intelektas gerai generuoja potekstės kontūrus, bet kadangi jis nežino konteksto, jis gali sukurti pernelyg aprašomąjį arba nereikšmingą tekstą. Jūs klausiate kiekvieno alternatyvaus teksto „kodėl čia yra šis vaizdas? Apkarpyti su klausimu.
vizualiai
Silpna potekstė
Stipri potekstė
Krepšelio piktograma (mygtukas)
"Krepšelio piktograma, pilka spalva"
"Įdėti į krepšelį"
produkto nuotrauka
"vaizdas"
"Mėlynas žieminis paltas, vaizdas iš priekio"
dekoratyvinė linija
„Ornamentų linija“
(palikite tuščią – dekoratyvinis)
Grafika
"Grafinis vaizdas"
„2024 m. pardavimai: didinkite kiekvieną ketvirtį“
Įtraukianti kalba ir apimtis
Prieinamumas neapsiriboja techniniais valdikliais; Kalba taip pat yra įtraukta. Tekstas, kuriame numatoma lytis („naudotojas ir jo sutuoktinis“), neįtraukiami dėl gebėjimų („žvilgsnis“, „lengvai girdi“) arba kuriame yra kultūrinių prielaidų, kai kurie naudotojai neįtraukiami. AI gali nuskaityti tekstą iš šios perspektyvos, tačiau turite užtikrinti, kad jo siūloma „neutrali“ kalba išliktų natūrali ir suprantama; Per didelis taisymas gali padaryti tekstą nepatogus.
trys mini dėklai
1 atvejis – anksti pastebėtos kontrasto klaidos. Komanda AI nuskenavo 20 ekranų teksto spalvas ir nustatė, kad kontrastas buvo mažesnis už AA slenkstį 7 vietose. Pataisos buvo padarytos nesigilinant į plėtrą; buvo išvengta vėlesnės korekcijos išlaidų. Tačiau komanda vis tiek nepraleido tikrojo ekrano skaitytuvo testo.
2 atvejis – pataisyta tik su spalva susijusi informacija. Vienoje formoje klaidų laukeliai buvo tik su raudonu rėmeliu. AI pažymėjo tai; Komanda taip pat pridėjo tekstą ir piktogramas prie kiekvienos klaidos. Daltoniški vartotojai dabar gali matyti klaidą. Pamoka: vien spalva negali perteikti informacijos.
3 atvejis – AI suklaidino patvirtinimą. Vienas dizaineris praleido ekrano skaitytuvo testavimą, nes pavadino AI „prieinamu“. Tikrame bandyme paaiškėjo, kad fokusavimo tvarka buvo supainiota, o kai kurie mygtukai iš viso nebuvo nuskaityti. Pamoka: automatinis patvirtinimas yra pradžia; faktinis pagalbinių technologijų testavimas yra privalomas.
Kopijuojami raginimai
Iš anksto nuskaitykite šį sąsajos aprašą, kad būtų galima nustatyti pasiekiamumą: 1) ar pateikiama informacija tik pagal spalvą?2) ar yra kiekvieno spustelėjamo elemento teksto etiketė?3) ar yra elementų, kurių negalima pasiekti klaviatūra?4) Ar fokusavimo tvarka prasminga? Išvardykite kiekvieną problemą ir pasiūlymą. Pridėkite pastabą "Reikalingas tikras testas".Receptas: <<tekstas>>
Siūlykite šių vaizdų alternatyvųjį tekstą. Taisyklė: perteikite vaizdo FUNKCIJĄ/prasmę, o ne dekoratyvinę detalę. Parašykite veiksmą su mygtukų piktogramomis. Dekoratyviniams vaizdams pasakykite „alt tekstas turi būti paliktas tuščias“. Kontekstas ir vaizdų aprašymai: <<sąrašas>>
Patikrinkite šiuos tekstus, ar nėra įtraukiančios kalbos: ar yra lyčių prielaidų, gebėjimais pagrįstos išskirtinės kalbos (pvz., „matyti“, „girdėti“), kultūrinių prielaidų? Pasiūlykite alternatyvų, kurios išlieka natūralios; per daug netaisykite.Tekstai: <<sąrašas>>
Parašykite prieinamą klaidą ir šios formos etiketės tekstą: matomą kiekvieno lauko etiketę, ekrano skaitytuvo aprašymą ir pranešimą, apibūdinantį klaidą, neatsižvelgiant į spalvą (tekstas + piktograma). Balsas ir tonas: <<kortelė>>Formos laukai: <<sąrašas>>
Silpnas raginimas / Stiprus raginimas
Silpnas: „Parašykite šio vaizdo alternatyvųjį tekstą“.
Rezultatas: „Vaizdas“ arba pernelyg aprašomasis tekstas, kuriame nėra funkcijos.
Stiprus: „Pasiūlykite šiems vaizdams alternatyvųjį tekstą; perteikite vaizdo funkciją / prasmę; parašykite mygtukų piktogramų veiksmą; dekoratyvines pažymėkite kaip „būtina palikti tuščias“.
Rezultatas: kontekstinė, į funkcijas orientuota, tiksli potekstė.
Skirtumas: stiprus raginimas suteikia funkcinį fokusavimą + mygtukų susitarimą + dekoratyvinį skirtumą.
Dažnos klaidos
- Klaidingas dirbtinio intelekto patvirtinimas kaip prieinamumo garantija. Tai nėra tikro bandymo pakaitalas.
- Tiesiog įkelkite informaciją į spalvą. Daltonikai pasigenda informacijos.
- Vaizdo, o ne funkcijos paaiškinimas alternatyviame tekste. Mygtuko piktogramai turi būti parašytas veiksmas.
- Prieinamumas paliekamas paskutiniam. Jei jis nebus paleistas vielinio rėmo etape, vėliau jį pataisyti bus brangu.
- Per daug taisyta kalba. Įtraukianti kalba, prarandanti natūralumą, taip pat blogina suprantamumą.
Apibendrinant
Prieinamumas reiškia, kad produktas yra prieinamas visiems; Tai nėra papildoma, tai esminė ir daugeliu atvejų teisinė atsakomybė. AI yra vertingas kaip greitas išankstinio patikrinimo ir juodraščių generatorius, skirtas kontrastui, alternatyviajam tekstui, prieigai prie klaviatūros ir įtraukiam kalbos nuskaitymui. Tačiau automatinis patvirtinimas užfiksuoja tik kai kurias WCAG klaidas; Tikrasis pasiekiamumas patvirtinamas testuojant su ekrano skaitytuvais ir tikrais pagalbinių technologijų naudotojais. Naudokite modelį kaip priekinę naršyklę ir gaukite įrodymų iš tikrų bandymų.
Taikymo užduotis
- Iš anksto nuskaitykite sąsajos aprašą, kad būtų pasiekiamas pirmas raginimas.
- Taisykite tik spalvomis pagrįstą informaciją arba nepažymėtus elementus.
- Su antruoju raginimu generuokite į funkcijas orientuotus alternatyvius tekstus ekrane rodomiems vaizdams.
- Trečiuoju raginimu patikrinkite, ar tekstuose nėra įtraukiančios kalbos.
- Jei įmanoma, išbandykite tikrąjį testą naudodami ekrano skaitytuvą ir atkreipkite dėmesį, ko nepastebi automatinis nuskaitymas.
kontrolinis sąrašas
- [ ] Iš anksto nuskaitau kontrastą, prieigą prie klaviatūros ir etiketes.
- [ ] Nepalikau informacijos tik pagal spalvą.
- [ ] Potekstes parašiau funkcionaliai, o dekoratyvines palikau tuščias.
- [ ] Padariau įtraukią kalbos kontrolę, išsaugojau natūralumą.
- [ ] Automatinio patvirtinimo nelaikiau prieinamumo garantija.
- [ ] Suplanavau/įgyvendinau tikrą pagalbinių technologijų testavimą.