Nyereség:
- Képes szabályozni és javítani a színkontrasztot, az alternatív szöveget, a billentyűzetelérést és a WCAG-kritériumokat mesterséges intelligencia támogatással
- Képes kisegítő szövegeket generálni és ellenőrizni, például képernyőolvasó élményt, alternatív szöveget és űrlapcímkéket mesterséges intelligenciával
- A mesterséges intelligencia akadálymentesítési javaslatainak érvényesítésének határainak megértése valódi segítő technológiával és felhasználói teszteléssel
Az akadálymentesítés (röviden a11y) egy termék azon képessége, hogy mindenki, így a fogyatékkal élők is használhatják: a látássérült felhasználó képernyőolvasóval (szöveget beszéddé alakító segédszoftver) navigálhat, a mozgássérültek a billentyűzettel bármit megtehetnek, a színvak pedig anélkül, hogy a színekre támaszkodna, információkat kaphat. Az inkluzív tervezés tágabb: az emberi sokszínűséget helyezi a tervezés középpontjába, beleértve az életkort, a nyelvet, a kultúrát, az átmeneti fogyatékosságot (kartörés) vagy a kontextuális fogyatékosságot (képernyő a napon). A hozzáférhetőség a legtöbb országban nem „extra”, hanem alapvető felelősség és jogi követelmény. Az AI egy erőteljes előszűrő és huzatgenerátor ezen a területen; de a valódi hozzáférhetőséget csak a tényleges segítő technológia és a felhasználói tesztelés erősíti meg.
WCAG és a legfontosabb ellenőrzési területek
A WCAG (Web Content Accessibility Guidelines) a hozzáférhetőség nemzetközileg elfogadott kritériumainak összessége; Az AA szintet általában megcélozzák. Négy alapelve van: a tartalomnak érzékelhetőnek, a felületnek használhatónak, az információnak érthetőnek és technikailag megfelelőnek kell lennie. A gyakorlatban a leggyakoribb ellenőrzési területek a következők:
- Színkontraszt: Elegendő a különbség a szöveg és a háttér között? (AA esetén legalább 4,5:1 arány normál szövegben.)
- Alternatív szöveg (alt szöveg): Van a képeknek szöveges megfelelője, amely elmagyarázza őket a képernyőolvasónak?
- Billentyűzet hozzáférés: Meg lehet csinálni bármit egér nélkül? Van értelme a fókuszrendnek?
- Csak színinformáció: Az olyan kifejezések, mint a „Töltsd ki a piros mezőket”, kizárják a színvak felhasználót.
- Űrlapcímkék: Minden beviteli mezőnek van címkéje, amelyet a képernyőolvasó beolvas?
- Érintési célpont: Elég nagyok a gombok ahhoz, hogy kényelmesen lehessen őket ujjal megnyomni?
A mesterséges intelligencia gyors előzetes vizsgálatot tud végezni sok ilyen területen: megadhat szöveget, és megkérdezheti, hogy "elégséges-e a kontraszt?", megadhat egy képleírást, és megkérdezheti, hogy "alternatív szöveget javasol", megadhat egy interfész leírást, és megkérdezheti, hogy "mik a billentyűzet-hozzáférési problémák".
Figyelem: Csak azért, mert a mesterséges intelligencia azt mondja, hogy "elérhetőnek tűnik", még nem garantálja a hozzáférhetőséget. Az automatikus ellenőrzés csak néhány WCAG hibát észlel; A többi a tényleges használat során fog kiderülni.
Alt text: a jó alternatív szöveg titka
Az alternatív szöveg helyettesíti a képet a látássérült felhasználó számára. A jó alternatív szöveg a kép funkcióját és jelentését közvetíti, nem a dekoratív részleteit. A „kosárba helyezés” ikon alternatív szövege a „Kosárba helyezés” legyen, nem pedig a „bevásárlókosár képe”, mert a felhasználó számára a művelet számít. Az AI jó a szövegkörnyezet létrehozásában, de mivel nem ismeri a kontextust, túlságosan leíró vagy irreleváns szöveget állíthat elő. Minden alternatív szövegben megkérdezed, hogy „miért van itt ez a kép?” Crop a kérdéssel.
vizuális
Gyenge alszöveg
Erős szubtextus
Kosár ikon (gomb)
"Kosár ikon, szürke színű"
"Kosárba"
termék fotó
"kép"
"Kék télikabát, elölnézet"
dekoratív vonal
"Dísz vonal"
(hagyja üresen — dekoratív)
Grafika
"Grafikus kép"
"2024-es eladások: növekedés minden negyedévben"
Befogadó nyelv és terjedelem
A hozzáférhetőség nem korlátozódik a műszaki ellenőrzésekre; A nyelv is befogadó. A nemet feltételező szöveg ("felhasználó és házastársa"), képesség alapján kizárja ("pillantás", "könnyen hall"), vagy kulturális feltételezéseket tartalmaz, bizonyos felhasználókat kizár. Az AI képes beolvasni a szöveget ebből a perspektívából, de gondoskodnia kell arról, hogy az általa javasolt „semleges” nyelv természetes és érthető maradjon; A túljavítás kínossá teheti a szöveget.
három mini tok
1. eset – A kontraszthibákat korán észlelték. Egy csapat mesterséges intelligencia szkennelte 20 képernyő szövegszínét, és megállapította, hogy a kontraszt 7 helyen az AA küszöb alatt van. A korrekciókat fejlesztés nélkül hajtották végre; elkerülték a későbbi korrekció költségeit. De a csapat továbbra sem hagyta ki a tényleges képernyőolvasó tesztet.
2. eset – Csak a színnel kapcsolatos információkat javították ki. Az egyik űrlapon a hibamezők csak piros kerettel voltak láthatók. Az AI ezt megjelölte; A csapat minden hibához szöveget és ikonokat is adott. A színvak felhasználók most láthatták a hibát. Tanulság: a szín önmagában nem közvetít információt.
3. eset – A mesterséges intelligencia félrevezette a jóváhagyást. Az egyik tervező kihagyta a képernyőolvasó tesztelését, mert az AI-t „hozzáférhetőnek” nevezte. Az igazi teszt során kiderült, hogy a fókusz sorrendje összezavarodott, és egyes gombokat egyáltalán nem olvastak be. Tanulság: az automatikus megerősítés a kezdet; a tényleges kisegítő technológia tesztelése kötelező.
Másolható felszólítások
Előzetesen szkennelje be ezt az interfészleírást az akadálymentesítés érdekében:1) van-e kizárólag színen alapuló információ?2) van-e szöveges címke minden kattintható elemhez?3) Vannak olyan elemek, amelyek nem érhetők el billentyűzetről?4) Van-e értelme a fókusz sorrendjének? Sorolja fel az egyes problémákat és javaslatokat. Megjegyzés: "Valódi teszt szükséges". Recept: <<szöveg>>
Javasolt alternatív szöveg ezekhez a képekhez. Szabály: a kép FUNKCIÓJÁT/jelentését közvetítse, ne a díszítő részletet. Írja be a műveletet a gombikonokhoz. Díszítő képek esetén mondja azt, hogy "az alternatív szöveget üresen kell hagyni". Kontextus és képleírások: <<lista>>
Ellenőrizze ezeket a szövegeket a befogadó nyelvezet szempontjából: vannak-e nemi feltételezések, képességeken alapuló kirekesztő nyelvezet (például „látni”, „hallani”), kulturális feltételezések? Javasoljon olyan alternatívákat, amelyek természetesek maradnak; ne javítsa túl.Szövegek: <<lista>>
Írjon elérhető hibát és címkeszöveget ehhez az űrlaphoz: látható címkét minden mezőhöz, leírást a képernyőolvasóhoz és a hibát leíró üzenetet, színtől függetlenül (szöveg + ikon). Hang és hang: <<kártya>>Űrlapmezők: <<lista>>
Gyenge felszólítás / Erős felszólítás
Gyenge: "Írjon alternatív szöveget ehhez a képhez."
Az eredmény: „Egy kép” vagy túlságosan leíró szöveg, amelyből hiányzik a funkció.
Erős: "Javasljon alternatív szöveget ezekhez a képekhez; adja át a kép funkcióját/jelentését; írja be a műveletet a gombikonokhoz; a dekoratívakat jelölje meg, hogy "üresen kell hagyni".
Az eredmény: Kontextuális, funkcióorientált, pontos szubtextusok.
Különbség: az erős felszólítás funkcionális fókuszt + gombkonvenciót + dekoratív megkülönböztetést hoz.
Gyakori hibák
- A mesterséges intelligencia jóváhagyásának félreértése a hozzáférhetőség garanciájaként. Nem helyettesíti a valódi tesztelést.
- Csak töltse be az információkat színesbe. A színvak felhasználók hiányolják az információkat.
- A kép magyarázata, nem a funkció, az alternatív szövegben. A gomb ikonjára műveletet kell írni.
- A hozzáférhetőséget a végére hagyva. Ha nem a drótváz szakaszban indítják el, akkor a későbbi javítás költséges lesz.
- Túlkorrigált nyelvezet. A természetességét elvesztő befogadó nyelvezet az érthetőséget is rontja.
Összefoglalva
A hozzáférhetőség azt jelenti, hogy a termék mindenki számára elérhető; Ez nem extra, hanem elengedhetetlen, és a legtöbb helyen jogi felelősség. A mesterséges intelligencia értékes gyors elővizsgálati és vázlatgenerátorként a kontraszthoz, az alternatív szövegekhez, a billentyűzet-hozzáféréshez és az átfogó nyelvi kereséshez. Az automatikus jóváhagyás azonban csak néhány WCAG-hibát észlel; A tényleges hozzáférhetőséget képernyőolvasókkal és valódi kisegítő technológiai felhasználókkal végzett tesztelés igazolja. Használja a modellt elülső böngészőként, és szerezze be a bizonyítékot a valódi tesztelésből.
Pályázati feladat
- Az első felszólításra előzetesen beolvasni egy interfész leírást a hozzáférhetőség érdekében.
- Csak színalapú információkat vagy címkézetlen elemeket javítson.
- A második prompt segítségével funkció-orientált alternatív szövegeket hozhat létre a képernyőn megjelenő vizuális elemekhez.
- A harmadik felszólítással ellenőrizze, hogy szövegei tartalmaznak-e befogadó nyelvet.
- Ha lehetséges, próbálja ki a tényleges tesztet egy képernyőolvasóval, és vegye figyelembe, hogy az automatikus keresés mit hagy ki.
ellenőrző lista
- [ ] Előzetesen beszkenneltem a kontrasztot, a billentyűzet hozzáférést és a címkéket.
- [ ] Nem hagytam ki pusztán szín alapján információt.
- [ ] A részszövegeket funkcionálisan írtam, a dekoratívakat pedig üresen hagytam.
- [ ] Inkluzív nyelvi kontrollt készítettem, megőriztem a természetességet.
- [ ] Az automatikus jóváhagyást nem tekintettem a hozzáférhetőség garanciájának.
- [ ] Megterveztem/megvalósítottam tényleges kisegítő technológiai tesztelést.