Kasu:
- Võimalus juhtida ja parandada tehisintellekti toega värvide kontrastsust, alternatiivset teksti, juurdepääsu klaviatuurile ja WCAG-kriteeriume
- Võimalus luua ja kontrollida juurdepääsetavuse tekste, nagu ekraanilugeja kogemus, alternatiivtekst ja vormisildid tehisintellektiga
- AI ligipääsetavuse soovituste valideerimise piiri mõistmine tõelise abitehnoloogia ja kasutajatestide abil
Juurdepääsetavus (lühendatult a11y) on toote võimalus, mida saavad kasutada kõik, ka puuetega inimesed: vaegnägija saab navigeerida ekraanilugejaga (teksti kõneks teisendav abitarkvara), motoorsete raskustega inimene saab klaviatuuriga kõike teha, värvipime saab infot vastu võtta ilma värvidele tuginemata. Kaasav disain on laiem: see seab disaini keskmesse inimeste mitmekesisuse, sealhulgas vanuse, keele, kultuuri, ajutise puude (käsivarre murtud) või kontekstuaalse puude (ekraan päikese käes). Juurdepääsetavus ei ole "lisa", vaid põhikohustus ja enamikus riikides seaduslik nõue. AI on selles valdkonnas võimas eelsõeluja ja tõmbegeneraator; kuid tõelist juurdepääsetavust kinnitavad ainult tegelik abitehnoloogia ja kasutajate testimine.
WCAG ja peamised juhtimispiirkonnad
WCAG (Web Content Accessibility Guidelines) on rahvusvaheliselt aktsepteeritud juurdepääsetavuse kriteeriumide kogum; AA tase on üldiselt suunatud. Sellel on neli põhimõtet: sisu peab olema tajutav, liides peab olema kasutatav, teave peab olema arusaadav ja tehniliselt korras. Praktikas on kõige levinumad kontrollivaldkonnad:
- Värvikontrast: kas teksti ja tausta erinevus on piisav? (AA puhul tavatekstis vähemalt suhe 4,5:1.)
- Alternatiivne tekst (alt tekst): kas piltidel on tekstiekvivalent, mis neid ekraanilugejale selgitab?
- Juurdepääs klaviatuurile: kas ilma hiireta saab midagi teha? Kas fookuse järjestus on mõttekas?
- Ainult värviteave: fraasid nagu "Täida punased väljad" välistavad värvipimedad kasutajad.
- Vormisildid: kas igal sisestusväljal on silt, mida ekraanilugeja loeb?
- Puutemärk: kas nupud on piisavalt suured, et neid saaks mugavalt sõrmedega vajutada?
Tehisintellekt suudab paljudes nendes valdkondades teha kiire eelskanni: saate lisada teksti ja küsida "kas kontrast on piisav?", anda pildi kirjeldus ja küsida "soovita alternatiivteksti", anda liidese kirjeldus ja küsida "millised on klaviatuuri juurdepääsu probleemid".
Ettevaatust. See, et tehisintellekt ütleb, et see näeb välja juurdepääsetav, ei taga juurdepääsetavust. Automaatne kontroll tuvastab ainult mõned WCAG vead; Ülejäänu selgub tegeliku kasutamise käigus.
Alternatiivne tekst: hea alternatiivteksti saladus
Asendustekst asendab vaegnägijatele mõeldud pildi. Hea alternatiivtekst annab edasi pildi funktsiooni ja tähendust, mitte selle dekoratiivset detaili. Ikooni "Lisa ostukorvi" alternatiivtekst peaks olema "Lisa ostukorvi", mitte "ostukorvi pilt", sest kasutaja jaoks on oluline toiming. AI suudab hästi luua allteksti piirjooni, kuid kuna ta ei tunne konteksti, võib see tekitada liiga kirjeldavat või ebaolulist teksti. Küsite igalt alternatiivtekstilt "miks see pilt siin on?" Kärbi küsimusega.
visuaalne
Nõrk alltekst
Tugev alltekst
Ostukorvi ikoon (nupp)
"Käriku ikoon, hall värv"
"Lisa ostukorvi"
toote foto
"pilt"
"Sinine talvejope, eestvaade"
dekoratiivne joon
"Ornamendi rida"
(jätke tühjaks - dekoratiivne)
Graafika
"Graafiline pilt"
"2024. aasta müük: kasv igas kvartalis"
Kaasav keel ja ulatus
Juurdepääsetavus ei piirdu tehniliste juhtelementidega; Ka keel on kaasav. Tekst, mis eeldab sugu ("kasutaja ja tema abikaasa"), välistab võimete alusel ("pilk", "kuule lihtsalt") või sisaldab kultuurilisi eeldusi, välistab mõned kasutajad. AI suudab teksti sellest vaatenurgast skannida, kuid peate tagama, et selle soovitatud "neutraalne" keel jääb loomulikuks ja arusaadavaks; Üleparandamine võib muuta teksti kohmakaks.
kolm minikarpi
Juhtum 1 – kontrasti vead avastati varakult. Meeskond lasi tehisintellektil skannida 20 ekraani tekstivärve ja tuvastas, et kontrast oli 7 kohas AA lävest madalam. Parandused tehti ilma arendusse laskumata; välditi hilisema korrigeerimise kulusid. Kuid meeskond ei jätnud tegelikku ekraanilugeja testi siiski vahele.
Juhtum 2 – parandati ainult värviga seotud teavet. Üks vorm näitas veavälju ainult punase äärisega. AI märkis selle lipuga; Meeskond lisas igale veale ka teksti ja ikoone. Värvipimedad kasutajad nägid nüüd viga. Õppetund: värv üksi ei saa teavet edastada.
Juhtum 3 – AI eksinud heakskiit. Üks disainer jättis ekraanilugeja testimise vahele, kuna nimetas AI-d ligipääsetavaks. Päris testis selgus, et teravustamise järjekord oli segane ja mõnda nuppu ei loetud üldse. Õppetund: automaatne kinnitamine on algus; tegelik abitehnoloogia testimine on kohustuslik.
Kopeeritavad juhised
Eelskannige seda liidese kirjeldust juurdepääsetavuse jaoks: 1) kas teave edastatakse ainult värvipõhiselt? 2) kas iga klõpsatava elemendi jaoks on tekstisilt? 3) kas on elemente, millele ei pääse klaviatuuri kaudu juurde? 4) Kas fookuse järjekord on mõttekas? Loetlege iga probleem ja soovitus. Lisa märge "Vajalik on reaalne test". Retsept: <<tekst>>
Soovitage nende piltide alternatiivteksti. Reegel: anna edasi pildi FUNKTSIOONI/tähendust, mitte dekoratiivset detaili. Kirjutage nupuikoonide toiming. Dekoratiivsete piltide puhul öelge "alt tekst tuleks tühjaks jätta". Kontekst ja piltide kirjeldused: <<loend>>
Kontrollige nendest tekstidest kõikehõlmavat keelt: kas on olemas soolisi eeldusi, võimetel põhinevat välistavat keelt (nt "näha", "kuulda"), kultuurilisi eeldusi? Soovitage alternatiive, mis jäävad loomulikuks; ärge üle parandage.Tekstid: <<loend>>
Kirjutage sellele vormile juurdepääsetav vea- ja silditekst: iga välja jaoks nähtav silt, ekraanilugeja kirjeldus ja viga kirjeldav teade, olenemata värvist (tekst + ikoon). Hääl ja toon: <<kaart>>Vormi väljad: <<loend>>
Nõrk viip / Tugev viip
Nõrk: "Kirjutage sellele pildile alternatiivtekst."
Tulemus: "Pilt" või liiga kirjeldav tekst, millel puudub funktsioon.
Tugev: "Soovitage nende piltide jaoks alternatiivteksti; edastage pildi funktsioon/tähendus; kirjutage nupuikoonide toiming; dekoratiivsed märkige kui "tuleb tühjaks jätta".
Tulemus: kontekstuaalsed, funktsioonile orienteeritud, täpsed alltekstid.
Erinevus: tugev viip toob funktsionaalse fookuse + nuppude tava + dekoratiivse eristuse.
Levinud vead
- Tehisintellekti heakskiidu eksimine ligipääsetavuse tagatisena. See ei asenda tõelist testimist.
- Lihtsalt laadige teavet värvidesse. Värvipimedad kasutajad igatsevad teavet.
- Kujutise, mitte funktsiooni selgitamine alternatiivtekstis. Nupuikooni jaoks tuleb kirjutada toiming.
- Juurdepääsetavuse jätmine viimaseks. Kui seda traatraami staadiumis ei käivitata, läheb hiljem selle lappimine kulukaks.
- Ülekorrigeeritud keel. Kaasav keel, mis kaotab loomulikkuse, kahjustab ka arusaadavust.
Kokkuvõttes
Juurdepääsetavus tähendab, et toode on kõigile kättesaadav; See ei ole lisa, see on hädavajalik ja enamikus kohtades juriidiline vastutus. AI on väärtuslik kiire eelkontrolli ja mustandite generaatorina kontrasti, alternatiivteksti, klaviatuuri juurdepääsu ja kaasava keele skannimiseks. Kuid automaatne kinnitamine tabab ainult mõned WCAG-i vead; Tegelikku juurdepääsetavust kinnitab testimine ekraanilugejate ja tõeliste abitehnoloogia kasutajatega. Kasutage mudelit eesmise brauserina, hankige tõend tõelistest katsetest.
Rakenduse ülesanne
- Eelskannige liidese kirjeldust juurdepääsetavuse jaoks esimesel viibal.
- Parandage ainult värvipõhist teavet või märgistamata üksusi.
- Teise viipaga saate oma ekraanil kuvatavate visuaalide jaoks luua funktsioonipõhiseid alternatiivtekste.
- Kolmanda viipaga kontrollige oma tekstide kaasavat keelt.
- Kui võimalik, proovige tegelikku testi ekraanilugejaga ja pange tähele, millest automaatne skannimine tähelepanuta jätab.
kontrollnimekiri
- [ ] Eelskaneerisin kontrasti, klaviatuuri juurdepääsu ja silte.
- [ ] Ma ei jätnud ainult värvipõhist teavet.
- [ ] Alltekstid kirjutasin funktsionaalselt ja dekoratiivsed jätsin tühjaks.
- [ ] Tegin kaasava keelekontrolli, säilitasin loomulikkuse.
- [ ] Ma ei pidanud automaatset kinnitamist ligipääsetavuse garantiiks.
- [ ] Planeerisin/viisin ellu tegelikku abitehnoloogia testimist.