Bölüm 10 / 11

Elýeterlilik we öz içine alyjy dizaýnda emeli intellekt

Girdeji:

  • Emeli intellekt goldawy bilen reňk kontrastyny, alternatiw teksti, klawiatura girişini we WCAG ölçeglerini dolandyrmak we gowulaşdyrmak ukyby
  • Ekranyň okyjy tejribesi, alt tekst we emeli intellekt bilen bellikleri döretmek ýaly elýeterlilik tekstlerini döretmek we barlamak ukyby
  • Hakyky kömekçi tehnologiýa we ulanyjy synagy bilen AI-iň elýeterlilik tekliplerini barlamagyň çägine düşünmek

Elýeterlilik (gysgaça a11y), önümiň hemmeler, şol sanda maýyplar üçin ulanyp boljak ukybydyr: görmeýän ulanyjy ekran okyjysy (teksti sözleýişe öwürýän kömekçi programma üpjünçiligi) bilen gezip biler, motorly kynçylyk çekýän adam klawiatura bilen islendik zady edip biler, reňkli adam reňkine bil baglamazdan maglumat alyp biler. Öz içine alyjy dizaýn has giňdir: adam dürlüligini ýaşyň, diliň, medeniýetiň, wagtlaýyn maýyplygyň (goluň döwülmegi) ýa-da kontekstdäki maýyplygyň (günüň ekrany) dizaýn merkezinde goýýar. Elýeterlilik “goşmaça” däl, esasy ýurtlaryň köpüsinde esasy jogapkärçilik we kanuny talap. AI bu ugurda güýçli goraýjy we taslama generatory; emma hakyky elýeterlilik diňe hakyky kömekçi tehnologiýa we ulanyjy synaglary bilen tassyklanýar.

WCAG we esasy dolandyryş ugurlary

WCAG (Web Mazmuna Elýeterlilik Gollanmalary) elýeterlilik üçin halkara derejesinde kabul edilen ölçegleriň toplumydyr; AA derejesi köplenç nyşana alynýar. Dört ýörelgesi bar: mazmuny duýulmaly, interfeýs ulanylmaly, maglumatlar düşnükli we tehniki taýdan dogry bolmaly. Iş ýüzünde iň köp ýaýran gözegçilik ugurlary:

  • Reňk tapawudy: Tekst bilen fon arasyndaky tapawut ýeterlikmi? (AA üçin adaty tekstde azyndan 4,5: 1 gatnaşygy.)
  • Alternatiw tekst (alt tekst): Suratlaryň ekrany okyja düşündirýän teksti barmy?
  • Klawiatura giriş: Syçan bolmasa bir zat edip bolarmy? Fokus tertibiniň manysy barmy?
  • Diňe reňkli maglumat: "Gyzyl meýdanlary dolduryň" ýaly jümleler reňkli ulanyjyny aýyrmaýar.
  • Forma bellikleri: Her giriş meýdanynda ekran okyjynyň okar ýaly belligi barmy?
  • Duýgur nyşana: Düwmeler barmaklar bilen rahat basylmak üçin ýeterlikmi?

AI bu ugurlaryň köpüsinde çalt deslapky gözden geçirip biler: käbir tekst berip, "kontrast ýeterlikmi?" Diýip sorap bilersiňiz, surat düşündirişini berip bilersiňiz we "alt tekst teklip ediň", interfeýs düşündirişini beriň we "klawiatura giriş meselesi näme" diýip sorap bilersiňiz.

Üns beriň: AI-iň "elýeterli görünýär" diýmegi, elýeterliligiň kepili däl. Awtomatiki barlag diňe WCAG ýalňyşlyklarynyň käbirini tutýar; Galanlary hakyky ulanyş bilen ýüze çykar.

Alt tekst: gowy alt tekstiň syry

Alt teksti, görmeýän ulanyjy üçin suratyň ýerini alýar. Gowy alt tekst, bezeg jikme-jikliklerini däl-de, şekiliň işini we manysyny berýär. "Araba goş" nyşany üçin alt tekst "sebete goş" bolmaly we "söwda arabasynyň suraty" bolmaly, sebäbi bu ulanyjy üçin möhümdir. AI subtekst çyzgylaryny döretmäge ökde, ýöne kontekstini bilmeýändigi sebäpli aşa düşnükli ýa-da ähmiýetsiz tekst döredip biler. Her alt tekstden "bu surat näme üçin bärde?" Diýip soraýarsyňyz. Sorag bilen kesiň.

wizual

Gowşak subtekst

Güýçli subtekst

Sebet nyşany (düwme)

"Araba nyşany, çal reňk"

"Araba goş"

önümiň suraty

"surat"

"Gök gyş palto, öň görnüş"

bezeg çyzygy

"Bezeg çyzygy"

(boş goýuň - bezeg)

Grafika

"Grafiki şekil"

"2024 satuw: her çärýekde köpel"

Öz içine alýan dil we gerim

Elýeterlilik tehniki gözegçilikler bilen çäklenmeýär; Dil hem öz içine alýar. Jynsy göz öňünde tutýan tekst (“ulanyjy we onuň ýanýoldaşy”), ukybyna esaslanýar (“serediş”, “aňsat eşidiň”) ýa-da medeni çaklamalary öz içine alýan tekst käbir ulanyjylary ýok eder. AI teksti şu nukdaýnazardan gözden geçirip biler, ýöne onuň teklip edýän “bitarap” diliniň tebigy we düşnükli bolmagyny üpjün etmeli; Artykmaç düzediş teksti oňaýsyz edip biler.

üç sany kiçi halat

1-nji waka - Kontrast ýalňyşlyklary ir tutuldy. Bir topar 20 ekranyň tekst reňkini gözden geçirdi we kontrastyň 7 ýerde AA bosagasyndan pesdigini kesgitledi. Düzedişler ösüşe girmän edildi; soňraky düzediş çykdajylaryndan gaça duruldy. Emma topar henizem ekranyň hakyky okyjy synagyndan geçmedi.

2-nji waka - Diňe reňk bilen baglanyşykly maglumatlar düzedildi. Bir görnüşde ýalňyşlyk meýdanlary diňe gyzyl araçäk bilen görkezildi. AI muny belledi; Topar her ýalňyşlyga tekst we nyşanlary hem goşdy. Reňkli ulanyjylar indi ýalňyşlygy görüp bildiler. Sapak: diňe reňk maglumat berip bilmeýär.

3-nji hadysa - AI tassyklamany ýalňyş görkezdi. Bir dizaýner, AI-ni “elýeterli” diýip atlandyrýandygy üçin ekran okyjy synagyndan geçdi. Hakyky synagda fokus tertibiniň bulaşykdygy we käbir düwmeleriň asla okalmandygy ýüze çykdy. Sapak: awtomatiki tassyklama başlangyçdyr; hakyky kömekçi tehnologiýa synagy hökmanydyr.

Göçürip boljak teklipler

Elýeterlilik üçin bu interfeýs düşündirişini öňünden gözden geçiriň: 1) diňe reňk esasynda alnyp barylýan maglumatlar barmy? 2) her bir basyp bolýan element üçin tekst belligi barmy? 3) klawiatura arkaly girip bolmaýan elementler barmy? 4) fokus tertibiniň manysy barmy? Her meseläni we teklibi sanaň. "Hakyky synag zerur" belligini goşuň. Resept: <<text>>

Bu suratlar üçin alt teksti teklip ediň. Düzgün: bezeg jikme-jigini däl-de, şekiliň FUNCTION / manysyny ýetiriň. Düwme nyşanlary üçin hereketi ýazyň. Bezeg şekilleri üçin "alt tekst boş galmaly" diýiň. Kontekst we surat beýany: <<list>>

Bu tekstleri öz içine alyjy dil üçin barlaň: jyns çaklamalary, başarnyklara esaslanýan dil (“görmek”, “eşitmek”), medeni çaklamalar barmy? Tebigy bolup galan alternatiwalary teklip ediň; ýalňyş ýazmaň. Tekstler: <<list>>

Bu forma üçin elýeterli ýalňyş ýazyň we bellik tekstini ýazyň: her meýdan üçin görünýän bellik, ekran okyjysy üçin düşündiriş we reňkine (tekst + nyşan) garamazdan ýalňyşlygy beýan edýän habar. Ses we äheň: <<card>> Forma meýdanlary: <<list>>

Gowşak haýyş / Güýçli haýyş

Gowşak: "Bu surat üçin alt tekst ýazyň."

Netije: “Surat” ýa-da funksiýany sypdyrýan aşa düşündirişli tekst.

Güýçli: "Bu suratlar üçin alt teksti teklip ediň; şekiliň funksiýasyny / manysyny beriň; düwmäniň nyşanlary üçin hereketi ýazyň; bezeg işlerini" boş goýmaly "diýip belläň."

Netije: Kontekst, funksiýa gönükdirilen, takyk subtekstler.

Tapawut: güýçli isleg funksional fokus + düwme konwensiýasy + bezeg tapawudyny getirýär.

Adaty ýalňyşlyklar

  • Elýeterliligiň kepili hökmünde emeli intellekt tassyklamasyny ýalňyşdyrmak. Hakyky synagyň ornuny tutmaýar.
  • Diňe maglumatlary reňk bilen ýüklemek. Reňkli ulanyjylar maglumatlary sypdyrýarlar.
  • Alt tekstinde funksiýany däl-de, şekili düşündirmek. Düwme nyşany üçin hereket ýazylmalydyr.
  • Iň soňky elýeterliligi goýmak. Eger sim çarçuwasynda başlamasa, soňundan ýasamak gymmat bolar.
  • Artykmaç dil. Tebigaty ýitirýän öz içine alyjy dil hem düşünmäge zyýan berýär.

Gysgaça

Elýeterlilik, önümiň hemmeler üçin elýeterlidigini aňladýar; Bu goşmaça däl, möhüm we köp halatlarda kanuny jogapkärçilik. AI kontrast, alt tekst, klawiatura girmek we öz içine alyjy dil skaneri üçin çalt uçuş we taslama generatory hökmünde gymmatlydyr. Emma awtomatiki tassyklamak diňe WCAG ýalňyşlyklarynyň käbirini tutýar; Hakyky elýeterlilik, ekran okyjylary we hakyky kömekçi tehnologiýa ulanyjylary bilen synag arkaly tassyklanýar. Modeliň öňdäki brauzer hökmünde ulanyň, subutnamany hakyky synagdan alyň.

Programma meselesi

  1. Ilkinji haýyşda elýeterlilik üçin interfeýs düşündirişini öňünden gözden geçiriň.
  2. Diňe reňk esasly maglumatlary ýa-da bellik edilmedik zatlary düzediň.
  3. Ikinji haýyş bilen ekranyňyzdaky wizuallar üçin funksiýa gönükdirilen alt tekstleri dörediň.
  4. Üçünji haýyş bilen öz içine alyjy dil üçin tekstleriňizi barlaň.
  5. Mümkin bolsa, ekrany okaýjy bilen hakyky synagy synap görüň we awtomatiki skaneriň nämäni ýitirýändigine üns beriň.

gözegçilik sanawy

  • [] Kontrast, klawiatura giriş we bellikleri öňünden gözden geçirdim.
  • [] Men diňe reňk esasynda maglumat goýmadym.
  • [] Subtekstleri funksional görnüşde ýazdym we bezeg işlerini boş goýdum.
  • [] Öz içine alyjy dil gözegçiligini etdim, tebigaty goradym.
  • [] Awtomatiki tassyklamagy elýeterliligiň kepili hasaplamadym.
  • [] Hakyky kömekçi tehnologiýa synagyny meýilleşdirdim / durmuşa geçirdim.