Voitot:
- Kyky hallita ja parantaa värikontrastia, vaihtoehtoista tekstiä, näppäimistön käyttöä ja WCAG-kriteerejä tekoälyn tuella
- Kyky luoda ja tarkistaa esteettömyystekstejä, kuten näytönlukijakokemus, vaihtoehtoinen teksti ja lomaketunnisteet tekoälyllä
- Tekoälyn esteettömyyssuositusten validoinnin rajan ymmärtäminen todellisen aputekniikan ja käyttäjätestauksen avulla
Esteettömyys (lyhennettynä a11y) on tuotteen kykyä käyttää kaikki, myös vammaiset: näkövammainen käyttäjä voi navigoida näytönlukijalla (tekstin puheeksi muuntava apuohjelmisto), motoriikka voi tehdä mitä tahansa näppäimistöllä, värisokea vastaanottaa tietoa ilman värejä. Osallistava suunnittelu on laajempaa: se asettaa ihmisten monimuotoisuuden suunnittelun keskiöön, mukaan lukien ikä, kieli, kulttuuri, tilapäinen vamma (käsivarren murtuminen) tai kontekstuaalinen vamma (näyttö auringossa). Saavutettavuus ei ole "lisä", vaan perusvastuu ja lakisääteinen vaatimus useimmissa maissa. Tekoäly on tehokas esiseulonta- ja vetogeneraattori tällä alalla; mutta todellinen saavutettavuus vahvistetaan vain varsinaisella aputekniikalla ja käyttäjätestauksella.
WCAG ja keskeiset valvonta-alueet
WCAG (Web Content Accessibility Guidelines) on joukko kansainvälisesti hyväksyttyjä saavutettavuuden kriteerejä; AA-taso on yleensä kohdennettu. Siinä on neljä periaatetta: sisällön on oltava havaittavissa, käyttöliittymän on oltava käyttökelpoinen, tiedon on oltava ymmärrettävää ja teknisesti perusteltua. Käytännössä yleisimmät valvonta-alueet ovat:
- Värikontrasti: Onko tekstin ja taustan ero riittävä? (AA:lle vähintään 4,5:1 suhde normaalissa tekstissä.)
- Vaihtoehtoinen teksti (alt text): Onko kuvilla tekstivastine, joka selittää ne näytönlukuohjelmalle?
- Näppäimistön käyttö: Voiko mitään tehdä ilman hiirtä? Onko tarkennusjärjestyksessä järkeä?
- Vain väritiedot: Ilmaukset, kuten "Täytä punaiset kentät", eivät sisällä värisokeaa käyttäjää.
- Lomaketunnisteet: Onko jokaisessa syöttökentässä tarra, jonka näytönlukuohjelma lukee?
- Kosketuskohde: Ovatko painikkeet riittävän suuria, jotta niitä voidaan painaa mukavasti sormilla?
Tekoäly voi tehdä nopean alustavan skannauksen monilla näistä alueista: voit antaa tekstiä ja kysyä "onko kontrasti riittävä?", antaa kuvan kuvauksen ja kysyä "ehdottaa vaihtoehtoista tekstiä", antaa käyttöliittymän kuvauksen ja kysyä "mitä ovat näppäimistön käyttöongelmat".
Varoitus: Se, että tekoäly sanoo "se näyttää saavutettavaksi", ei takaa saavutettavuutta. Automaattinen tarkistus havaitsee vain osan WCAG-virheistä; Loput selviävät todellisessa käytössä.
Vaihtoehtoinen teksti: hyvän vaihtoehtoisen tekstin salaisuus
Vaihtoehtoinen teksti korvaa näkövammaisen käyttäjän kuvan. Hyvä vaihtoehtoteksti välittää kuvan funktion ja merkityksen, ei sen koristeellisia yksityiskohtia. "Lisää ostoskoriin" -kuvakkeen vaihtoehtoisen tekstin tulee olla "Lisää ostoskoriin" eikä "ostoskorin kuva", koska se on käyttäjälle tärkeä toiminto. Tekoäly on hyvä luomaan tekstin ääriviivoja, mutta koska se ei tunne kontekstia, se voi tuottaa liian kuvaavaa tai epäolennaista tekstiä. Kysyt jokaiselta vaihtoehtoiselta tekstiltä "miksi tämä kuva on täällä?" Rajaa kysymyksen kanssa.
visuaalinen
Heikko alateksti
Vahva alateksti
Ostoskorikuvake (painike)
"Oskurikuvake, harmaa väri"
"Lisää ostoskoriin"
tuotekuva
"kuva"
"Sininen talvitakki, edestä"
koristeellinen linja
"Ornamenttilinja"
(jätä tyhjäksi — koristeellinen)
Grafiikka
"Graafinen kuva"
"2024 myynti: kasvu joka vuosineljännes"
Kattava kieli ja laajuus
Käytettävyys ei rajoitu teknisiin ohjauksiin; Myös kieli on osallistava. Teksti, jossa oletetaan sukupuolta ("käyttäjä ja hänen puolisonsa"), sulkee pois kyvyn perusteella ("vilkaisu", "kuule helposti") tai sisältää kulttuurisia oletuksia, sulkee pois jotkin käyttäjät. Tekoäly voi skannata tekstiä tästä näkökulmasta, mutta sinun on varmistettava, että sen ehdottama "neutraali" kieli pysyy luonnollisena ja ymmärrettävänä; Ylikorjaus voi tehdä tekstistä hankalaa.
kolme minilaukkua
Tapaus 1 – Kontrastivirheet havaittiin aikaisin. Eräs työryhmä skannaa tekoälyn 20 näytön tekstin värit ja totesi kontrastin olevan alle AA-kynnyksen 7 paikassa. Korjaukset tehtiin ilman kehitystä; myöhempien korjausten kustannukset vältyttiin. Mutta tiimi ei silti ohittanut varsinaista näytönlukijatestiä.
Tapaus 2 – Vain väriin liittyvät tiedot korjattiin. Yhdessä lomakkeessa näkyi virhekentät vain punaisella reunuksella. Tekoäly merkitsi tämän; Tiimi lisäsi jokaiseen virheeseen myös tekstiä ja kuvakkeita. Värisokeat käyttäjät näkivät nyt virheen. Oppitunti: pelkkä väri ei voi välittää tietoa.
Tapaus 3 – AI vei harhaan hyväksynnän. Yksi suunnittelija ohitti näytönlukijatestauksen, koska hän kutsui tekoälyä "saatavana". Varsinaisessa testissä kävi ilmi, että tarkennusjärjestys oli sekava ja joitain painikkeita ei luettu ollenkaan. Oppitunti: automaattinen vahvistus on alku; varsinainen aputeknologian testaus on pakollinen.
Kopioitavissa olevat kehotteet
Esitarkistaa tämä käyttöliittymän kuvaus käytettävyyttä varten:1) onko olemassa tietoja, jotka perustuvat vain väreihin?2) Onko jokaiselle napsautettavalle elementille tekstitunniste?3) Onko olemassa elementtejä, joita ei voi käyttää näppäimistöllä?4) Onko tarkennusjärjestys järkevä? Luettele jokainen ongelma ja ehdotus. Lisää huomautus "Todellinen testi vaaditaan". Resepti: <<teksti>>
Ehdota vaihtoehtotekstiä näille kuville. Sääntö: välitä kuvan TOIMINTO/merkitys, älä koristeellisia yksityiskohtia. Kirjoita painikekuvakkeiden toiminto. Sano koristekuville "vaihtoehtoinen teksti jätetään tyhjäksi". Konteksti ja kuvien kuvaukset: <<lista>>
Tarkista näistä teksteistä kattava kieli: onko olemassa sukupuolioletuksia, kykyihin perustuvaa poissulkevaa kieltä (kuten "näe", "kuule"), kulttuurisia oletuksia? Ehdota vaihtoehtoja, jotka pysyvät luonnollisina; älä korjaa liikaa.Tekstit: <<lista>>
Kirjoita tähän lomakkeeseen käytettävissä oleva virhe- ja tunnisteteksti: jokaiselle kentälle näkyvä otsikko, näytönlukuohjelman kuvaus ja virhettä kuvaava viesti väristä riippumatta (teksti + kuvake). Ääni ja ääni: <<kortti>>Lomakekentät: <<lista>>
Heikko kehote / Vahva kehote
Heikko: "Kirjoita vaihtoehtoinen teksti tälle kuvalle."
Tulos: "Kuva" tai liian kuvaava teksti, josta puuttuu toiminto.
Vahva: "Ehdota vaihtoehtoista tekstiä näille kuville; välitä kuvan toiminto/merkitys; kirjoita painikekuvakkeiden toiminto; merkitse koristeelliset kuvakkeet 'on jätettävä tyhjäksi'."
Tulos: kontekstuaalinen, toimintolähtöinen, tarkka alateksti.
Ero: vahva kehote tuo toiminnallisen tarkennuksen + näppäinkonvention + koristeellisen eron.
Yleisiä virheitä
- Tekoälyhyväksynnän erehtyminen saavutettavuuden takuuksi. Se ei korvaa todellista testausta.
- Vain tietojen lataaminen väreihin. Värisokeat käyttäjät kaipaavat tietoa.
- Kuvan, ei funktion, selittäminen vaihtoehtoisessa tekstissä. Painikekuvakkeelle on kirjoitettava toiminto.
- Esteettömyys jätetään viimeiseksi. Jos sitä ei käynnistetä rautalankavaiheessa, sen korjaaminen myöhemmin tulee kalliiksi.
- Ylikorjattu kielenkäyttö. Sisällyttävä kieli, joka menettää luonnollisuuden, heikentää myös ymmärrettävyyttä.
Yhteenvetona
Saavutettavuus tarkoittaa, että tuote on kaikkien saatavilla; Se ei ole ylimääräinen, se on olennainen ja useimmissa paikoissa laillinen vastuu. AI on arvokas nopeana esitarkastus- ja luonnosgeneraattorina kontrastin, vaihtoehtoisen tekstin, näppäimistön käytön ja kattavan kielen skannauksen kannalta. Mutta automaattinen hyväksyntä havaitsee vain osan WCAG-virheistä; Todellinen käytettävyys varmistetaan testaamalla näytönlukijoiden ja todellisten apuvälineiden käyttäjien kanssa. Käytä mallia etuselaimena, hanki todisteet todellisesta testauksesta.
Sovellustehtävä
- Esiskannaa käyttöliittymän kuvaus käytettävyyden saamiseksi ensimmäisestä kehotuksesta.
- Korjaa vain väripohjaisia tietoja tai merkitsemättömiä kohteita.
- Luo toimintolähtöisiä vaihtoehtoisia tekstejä näytön visuaalisille kuville toisella kehotuksella.
- Tarkista tekstisi kattava kieli kolmannen kehotteen avulla.
- Jos mahdollista, kokeile varsinaista testiä näytönlukijalla ja pane merkille, mitä automaattinen skannaus jättää huomiotta.
tarkistuslista
- [ ] Esiskannasin kontrastin, näppäimistön käytön ja tarrat.
- [ ] En jättänyt tietoja pelkästään värin perusteella.
- [ ] Kirjoitin alatekstit toiminnallisesti ja koristelut jätin tyhjiksi.
- [ ] Tein kattavan kielenhallinnan, säilytin luonnollisuuden.
- [ ] En pitänyt automaattista hyväksyntää saavutettavuuden takeena.
- [ ] Suunnittelin/toteutin varsinaista aputeknologian testausta.