zisky:
- Schopnosť ovládať a zlepšovať farebný kontrast, alternatívny text, prístup z klávesnice a kritériá WCAG s podporou umelej inteligencie
- Schopnosť vytvárať a overovať texty prístupnosti, ako napríklad skúsenosti s čítačkou obrazovky, alternatívny text a štítky formulárov pomocou umelej inteligencie
- Pochopenie limitu overovania odporúčaní dostupnosti AI pomocou skutočnej asistenčnej technológie a používateľského testovania
Prístupnosť (skrátene a11y) je schopnosť produktu používať každý, vrátane jednotlivcov so zdravotným postihnutím: zrakovo postihnutý používateľ môže navigovať pomocou čítačky obrazovky (pomocný softvér, ktorý prevádza text na reč), osoba s motorickými ťažkosťami môže robiť čokoľvek s klávesnicou, farboslepá osoba môže prijímať informácie bez toho, aby sa spoliehala na farby. Inkluzívny dizajn je širší: do centra dizajnu stavia ľudskú rozmanitosť vrátane veku, jazyka, kultúry, dočasného postihnutia (zlomená ruka) alebo kontextuálneho postihnutia (obrazovka na slnku). Dostupnosť nie je „navyše“, ale základná zodpovednosť a zákonná požiadavka vo väčšine krajín. AI je v tejto oblasti výkonný nástroj na predbežné triedenie a generátor ťahu; ale skutočná dostupnosť je potvrdená iba skutočnou asistenčnou technológiou a testovaním používateľov.
WCAG a kľúčové oblasti ovládania
WCAG (Web Content Accessibility Guidelines) je súbor medzinárodne akceptovaných kritérií prístupnosti; Úroveň AA je všeobecne zameraná. Má štyri princípy: obsah musí byť vnímateľný, rozhranie musí byť použiteľné, informácie musia byť zrozumiteľné a technicky správne. Najbežnejšie oblasti ovládania v praxi sú:
- Farebný kontrast: Je rozdiel medzi textom a pozadím dostatočný? (Pre AA aspoň pomer 4,5:1 v normálnom texte.)
- Alternatívny text (alternatívny text): Majú obrázky textový ekvivalent, ktorý ich vysvetľuje čítačke obrazovky?
- Prístup z klávesnice: Dá sa niečo urobiť bez myši? Má poradie zamerania zmysel?
- Informácie len pre farby: Frázy ako „Vyplňte červené polia“ vylučujú farboslepého používateľa.
- Štítky formulárov: Má každé vstupné pole štítok, ktorý čítačka obrazovky prečíta?
- Dotykový cieľ: Sú tlačidlá dostatočne veľké, aby sa dali pohodlne stláčať prstami?
Umelá inteligencia dokáže urobiť rýchly predbežný sken v mnohých z týchto oblastí: môžete zadať nejaký text a opýtať sa „je dostatočný kontrast?“, zadať popis obrázka a spýtať sa „navrhnúť alternatívny text“, poskytnúť popis rozhrania a opýtať sa „aké sú problémy s prístupom na klávesnicu“.
Upozornenie: To, že AI hovorí „vyzerá to prístupne“, nie je zárukou dostupnosti. Automatická kontrola zachytí len niektoré z chýb WCAG; Zvyšok sa ukáže skutočným používaním.
Alternatívny text: tajomstvo dobrého alternatívneho textu
Alternatívny text nahrádza obrázok pre nevidomého používateľa. Dobrý alternatívny text vyjadruje funkciu a význam obrázka, nie jeho dekoratívny detail. Alternatívny text pre ikonu „pridať do košíka“ by mal byť „Pridať do košíka“ a nie „obrázok nákupného košíka“, pretože pre používateľa je dôležitá akcia. Umelá inteligencia je dobrá pri vytváraní obrysov podtextu, ale keďže nepozná kontext, môže vytvárať príliš popisný alebo irelevantný text. Pýtate sa každého alternatívneho textu „prečo je tu tento obrázok?“ Orezať s otázkou.
vizuálny
Slabý podtext
Silný podtext
Ikona košíka (tlačidlo)
"Ikona košíka, šedá farba"
"Pridať do košíka"
produktová fotografia
"obrázok"
„Modrý zimný kabát, pohľad spredu“
ozdobná linka
"Ozdobná línia"
(nechajte prázdne - dekoratívne)
Grafika
"Grafický obrázok"
„Tržby 2024: zvyšujte sa každý štvrťrok“
Inkluzívny jazyk a rozsah
Prístupnosť nie je obmedzená na technické kontroly; Jazyk je tiež inkluzívny. Text, ktorý predpokladá pohlavie („používateľ a jeho/jej partner/ka“), vylučuje na základe schopností („pohľad“, „ľahko počuje“) alebo obsahuje kultúrne predpoklady, vylúči niektorých používateľov. AI môže skenovať text z tejto perspektívy, ale musíte zabezpečiť, aby „neutrálny“ jazyk, ktorý navrhuje, zostal prirodzený a zrozumiteľný; Prehnané opravy môžu spôsobiť, že text bude nepríjemný.
tri mini prípady
Prípad 1 – Chyby kontrastu zachytené skoro. Tím nechal AI naskenovať farby textu na 20 obrazovkách a zistil, že kontrast bol pod prahom AA na 7 miestach. Opravy sa vykonali bez toho, aby sa pustili do vývoja; predišlo sa nákladom na následnú opravu. Tím však stále nepreskočil skutočný test čítačky obrazovky.
Prípad 2 – Opravené boli iba informácie týkajúce sa farieb. Jeden formulár zobrazoval chybové polia iba s červeným orámovaním. AI to označila; Tím ku každej chybe pridal aj text a ikony. Farboslepí používatelia teraz môžu vidieť chybu. Poučenie: samotná farba nemôže sprostredkovať informácie.
Prípad 3 – zavádzajúce schválenie AI. Jeden dizajnér vynechal testovanie čítačky obrazovky, pretože nazval AI „dostupnou“. Pri reálnom teste sa ukázalo, že poradie ostrenia bolo zmätené a niektoré tlačidlá sa nečítali vôbec. Ponaučenie: automatické potvrdenie je začiatok; skutočné testovanie asistenčných technológií je povinné.
Kopírovateľné výzvy
Predbežne naskenujte tento popis rozhrania kvôli dostupnosti: 1) Sú informácie prenášané výlučne na základe farby?2) Existuje textový štítok pre každý prvok, na ktorý možno kliknúť?3) Existujú nejaké prvky, ku ktorým nie je možné pristupovať pomocou klávesnice?4) Má poradie zamerania zmysel?Uveďte každý problém a návrh. Pridajte poznámku "Vyžaduje sa skutočný test". Recept: <<text>>
Navrhnite alternatívny text pre tieto obrázky. Pravidlo: sprostredkovať FUNKCIU/význam obrazu, nie dekoratívny detail. Napíšte akciu pre ikony tlačidiel. Pri dekoratívnych obrázkoch povedzte „alternatívny text by mal zostať prázdny“. Kontext a popis obrázkov: <<zoznam>>
Skontrolujte, či tieto texty obsahujú inkluzívny jazyk: existujú rodové predpoklady, vylučujúci jazyk založený na schopnostiach (ako „vidieť“, „počuť“), kultúrne predpoklady? Navrhnite alternatívy, ktoré zostanú prirodzené; neprekorigujte.Texty: <<zoznam>>
Napíšte dostupnú chybu a text menovky pre tento formulár: viditeľné označenie pre každé pole, popis pre čítačku obrazovky a správu popisujúcu chybu bez ohľadu na farbu (text + ikona). Hlas a tón: <<karta>>Polia formulára: <<zoznam>>
Slabá výzva / Silná výzva
Slabé: "Napíšte alternatívny text pre tento obrázok."
Výsledok: „Obrázok“ alebo príliš popisný text, ktorému chýba funkcia.
Strong: „Navrhnite alternatívny text pre tieto obrázky; uveďte funkciu/význam obrázka; napíšte akciu pre ikony tlačidiel; označte ozdobné ako „musí zostať prázdne“.
Výsledok: Kontextové, funkčne orientované, presné podtexty.
Rozdiel: silná výzva prináša funkčné zameranie + konvencia tlačidiel + dekoratívne rozlíšenie.
Časté chyby
- Chybné schválenie umelej inteligencie ako záruka dostupnosti. Nie je to náhrada za skutočné testovanie.
- Stačí načítať informácie do farby. Farboslepým používateľom chýbajú informácie.
- Vysvetlenie obrázka, nie funkcie, v alternatívnom texte. Pre ikonu tlačidla musí byť napísaná akcia.
- Bezbariérovosť ponechávame na koniec. Ak sa nespustí vo fáze drôtového modelu, bude nákladné ho neskôr opraviť.
- Prekorigovaný jazyk. Inkluzívny jazyk, ktorý stráca prirodzenosť, zhoršuje aj zrozumiteľnosť.
V súhrne
Dostupnosť znamená, že produkt je dostupný pre každého; Nie je to nič navyše, je to nevyhnutná a na väčšine miest právna zodpovednosť. Umelá inteligencia je cenná ako rýchla príprava pred výstupom a generátor konceptov pre kontrast, alternatívny text, prístup z klávesnice a skenovanie jazyka. Automatické schvaľovanie však zachytáva len niektoré chyby WCAG; Skutočná dostupnosť je potvrdená testovaním s čítačkami obrazovky a skutočnými používateľmi asistenčných technológií. Použite model ako predný prehliadač, získajte dôkaz z reálneho testovania.
Aplikačná úloha
- Pri prvej výzve vopred naskenujte popis rozhrania z hľadiska dostupnosti.
- Opravte iba farebné informácie alebo neoznačené položky.
- Pomocou druhej výzvy vygenerujte funkčne orientované alternatívne texty pre vizuály na obrazovke.
- Pomocou tretej výzvy skontrolujte svoje texty, či obsahujú jazyk.
- Ak je to možné, vyskúšajte skutočný test pomocou čítačky obrazovky a všimnite si, čo automatická kontrola vynechala.
kontrolný zoznam
- [ ] Vopred som naskenoval kontrast, prístup z klávesnice a štítky.
- [ ] Nezanechal som informácie len na základe farby.
- [ ] Podtexty som napísal funkčne a ozdobné som nechal prázdne.
- [ ] Urobil som inkluzívnu jazykovú kontrolu, zachoval som prirodzenosť.
- [ ] Automatické schválenie som nepovažoval za záruku prístupnosti.
- [ ] Plánoval/implementoval som skutočné testovanie asistenčných technológií.