Kecerdasan Buatan dalam Kebolehcapaian dan Reka Bentuk Inklusif

Keuntungan:

• Keupayaan untuk mengawal dan meningkatkan kontras warna, teks alternatif, akses papan kekunci dan kriteria WCAG dengan sokongan kecerdasan buatan
• Keupayaan untuk menjana dan mengesahkan teks kebolehaksesan seperti pengalaman pembaca skrin, teks alt dan label borang dengan kecerdasan buatan
• Memahami had pengesahan pengesyoran kebolehaksesan AI dengan teknologi bantuan sebenar dan ujian pengguna

Kebolehcapaian (pendek kata a11y) ialah keupayaan produk untuk digunakan oleh semua orang, termasuk individu kurang upaya: pengguna cacat penglihatan boleh menavigasi dengan pembaca skrin (perisian tambahan yang menukar teks kepada pertuturan), orang yang mengalami masalah motor boleh melakukan apa sahaja dengan papan kekunci, orang buta warna boleh menerima maklumat tanpa bergantung pada warna. Reka bentuk inklusif adalah lebih luas: ia meletakkan kepelbagaian manusia sebagai pusat reka bentuk, termasuk umur, bahasa, budaya, ketidakupayaan sementara (lengan patah) atau ketidakupayaan kontekstual (skrin di bawah sinar matahari). Kebolehcapaian bukanlah "tambahan" tetapi tanggungjawab asas dan keperluan undang-undang di kebanyakan negara. AI ialah penjana penyaring dan draf yang berkuasa dalam bidang ini; tetapi kebolehcapaian sebenar hanya disahkan oleh teknologi bantuan sebenar dan ujian pengguna.

WCAG dan kawasan kawalan utama

WCAG (Garis Panduan Kebolehcapaian Kandungan Web) ialah satu set kriteria kebolehcapaian yang diterima di peringkat antarabangsa; Tahap AA biasanya disasarkan. Ia mempunyai empat prinsip: kandungan mesti boleh dilihat, antara muka mesti boleh digunakan, maklumat mesti difahami dan kukuh dari segi teknikal. Bidang kawalan yang paling biasa dalam amalan ialah:

• Kontras warna: Adakah perbezaan antara teks dan latar belakang mencukupi? (Untuk AA, sekurang-kurangnya nisbah 4.5:1 dalam teks biasa.)
• Teks alternatif (teks alt): Adakah imej mempunyai teks yang setara yang menerangkannya kepada pembaca skrin?
• Akses papan kekunci: Bolehkah apa-apa dilakukan tanpa tetikus? Adakah susunan fokus masuk akal?
• Maklumat warna sahaja: Frasa seperti "Isi medan merah" mengecualikan pengguna buta warna.
• Label borang: Adakah setiap medan input mempunyai label yang akan dibaca oleh pembaca skrin?
• Sasaran sentuh: Adakah butang cukup besar untuk ditekan dengan selesa menggunakan jari?

AI boleh melakukan imbasan awal pantas dalam kebanyakan kawasan ini: anda boleh memberikan beberapa teks dan bertanya "adakah kontras mencukupi?", berikan penerangan imej dan tanya "cadangkan teks alt", berikan penerangan antara muka dan tanya "apakah isu akses papan kekunci".

Awas: Hanya kerana AI mengatakan "ia kelihatan boleh diakses" bukanlah jaminan kebolehaksesan. Pemeriksaan automatik hanya menangkap beberapa ralat WCAG; Selebihnya akan muncul dengan penggunaan sebenar.

Teks alt: rahsia teks alt yang baik

Teks alt menggantikan imej untuk pengguna cacat penglihatan. Teks alt yang baik menyampaikan fungsi dan maksud imej, bukan perincian hiasannya. Teks alt untuk ikon "tambah ke troli" hendaklah "Tambah ke troli" dan bukannya "imej troli beli-belah" kerana tindakan itulah yang penting kepada pengguna. AI pandai menjana garis besar subteks, tetapi kerana ia tidak mengetahui konteksnya, ia mungkin menghasilkan teks yang terlalu deskriptif atau tidak berkaitan. Anda bertanya kepada setiap teks alt "mengapa imej ini ada di sini?" Potong dengan soalan.

visual

Subteks yang lemah

Subteks yang kuat

Ikon troli (butang)

"Ikon troli, warna kelabu"

"Tambahkan ke troli"

foto produk

"gambar"

"Kot musim sejuk biru, pandangan hadapan"

garis hiasan

"Barisan hiasan"

(biarkan kosong - hiasan)

Grafik

"Imej grafik"

"Jualan 2024: meningkat setiap suku tahun"

Bahasa dan skop yang inklusif

Kebolehcapaian tidak terhad kepada kawalan teknikal; Bahasa juga inklusif. Teks yang menganggap jantina (“pengguna dan pasangannya”), mengecualikan berdasarkan kebolehan (“pandang,” “mudah mendengar”), atau mengandungi andaian budaya akan mengecualikan sesetengah pengguna. AI boleh mengimbas teks dari perspektif ini, tetapi anda mesti memastikan bahawa bahasa "neutral" yang dicadangkannya kekal semula jadi dan boleh difahami; Pembetulan berlebihan boleh menjadikan teks janggal.

tiga kes mini

Kes 1 — Ralat kontras ditangkap lebih awal. Satu pasukan mempunyai AI mengimbas warna teks 20 skrin dan menentukan bahawa kontras berada di bawah ambang AA di 7 tempat. Pembetulan telah dibuat tanpa pergi ke pembangunan; kos pembetulan seterusnya telah dielakkan. Tetapi pasukan itu masih tidak melangkau ujian pembaca skrin sebenar.

Kes 2 — Hanya maklumat berkaitan warna telah dibetulkan. Satu borang menunjukkan medan ralat hanya dengan sempadan merah. AI menandakan ini; Pasukan itu juga menambah teks dan ikon pada setiap ralat. Pengguna buta warna kini boleh melihat ralat itu. Pengajaran: warna sahaja tidak dapat menyampaikan maklumat.

Kes 3 — AI mengelirukan kelulusan. Seorang pereka melangkau ujian pembaca skrin kerana dia memanggil AI "boleh diakses." Dalam ujian sebenar, ternyata susunan fokus bercelaru dan beberapa butang tidak dibaca langsung. Pelajaran: pengesahan automatik adalah permulaan; ujian teknologi bantuan sebenar adalah wajib.

Gesaan boleh disalin

Pra-imbas huraian antara muka ini untuk kebolehaksesan:1) adakah maklumat yang dibawa semata-mata berdasarkan warna?2) adakah terdapat label teks untuk setiap elemen yang boleh diklik?3) adakah terdapat sebarang elemen yang tidak boleh diakses melalui papan kekunci?4) adakah susunan fokus masuk akal?Senaraikan setiap masalah dan cadangan. Tambah nota "Ujian sebenar diperlukan".Resipi: <<teks>>

Cadangkan teks alt untuk imej ini. Peraturan: sampaikan FUNGSI/maksud imej, bukan perincian hiasan. Tulis tindakan untuk ikon butang. Untuk imej hiasan, sebut "teks alt hendaklah dibiarkan kosong". Penerangan konteks dan imej: <<senarai>>

Semak teks ini untuk bahasa inklusif: adakah terdapat andaian jantina, bahasa pengecualian berasaskan keupayaan (seperti "lihat," "dengar"), andaian budaya? Cadangkan alternatif yang kekal semula jadi; jangan terlalu betul.Teks: <<senarai>>

Tulis ralat yang boleh diakses dan labelkan teks untuk borang ini: label yang boleh dilihat untuk setiap medan, penerangan untuk pembaca skrin dan mesej yang menerangkan ralat, tanpa mengira warna (teks + ikon). Suara dan nada: <<kad>>Medan borang: <<senarai>>

Gesaan lemah / Gesaan kuat

Lemah: "Tulis teks alt untuk imej ini."

Hasilnya: "Imej" atau teks terlalu deskriptif yang terlepas fungsi.

Kuat: "Cadangkan teks alt untuk imej ini; sampaikan fungsi/maksud imej; tulis tindakan untuk ikon butang; tandakan yang hiasan sebagai 'mesti dibiarkan kosong'."

Hasilnya: Kontekstual, berorientasikan fungsi, subteks tepat.

Perbezaan: gesaan kuat membawa fokus berfungsi + konvensyen butang + perbezaan hiasan.

Kesilapan biasa

• Menganggap kelulusan kecerdasan buatan sebagai jaminan kebolehaksesan. Ia bukan pengganti untuk ujian sebenar.
• Hanya memuatkan maklumat ke dalam warna. Pengguna buta warna terlepas maklumat.
• Menjelaskan imej, bukan fungsi, dalam teks alt. Tindakan mesti ditulis untuk ikon butang.
• Meninggalkan kebolehaksesan untuk yang terakhir. Jika ia tidak dimulakan pada peringkat wireframe, ia akan menjadi mahal untuk menampalnya kemudian.
• Bahasa yang terlalu diperbetulkan. Bahasa inklusif yang kehilangan keaslian juga menjejaskan kefahaman.

Secara ringkasnya

Kebolehcapaian bermakna produk tersedia untuk semua orang; Ia bukan tambahan, ia adalah penting dan, di kebanyakan tempat, tanggungjawab undang-undang. AI berharga sebagai penjana pra-penerbangan dan draf untuk kontras, teks alt, akses papan kekunci dan pengimbasan bahasa inklusif. Tetapi kelulusan automatik hanya menangkap beberapa ralat WCAG; Kebolehcapaian sebenar disahkan dengan ujian dengan pembaca skrin dan pengguna teknologi bantuan sebenar. Gunakan model sebagai pelayar hadapan, dapatkan bukti daripada ujian sebenar.

Tugasan permohonan

1. Pra-imbas perihalan antara muka untuk kebolehaksesan pada gesaan pertama.
2. Betulkan hanya maklumat berasaskan warna atau item tidak berlabel.
3. Hasilkan teks alt berorientasikan fungsi untuk visual pada skrin anda dengan gesaan kedua.
4. Semak teks anda untuk bahasa inklusif dengan gesaan ketiga.
5. Jika boleh, cuba ujian sebenar dengan pembaca skrin dan perhatikan perkara yang terlepas daripada imbasan automatik.

senarai semak

• [ ] Saya telah mengimbas kontras, akses papan kekunci dan label.
• [ ] Saya tidak meninggalkan maklumat berdasarkan warna semata-mata.
• [ ] Saya menulis subteks dengan cara yang berfungsi dan membiarkan yang hiasan kosong.
• [ ] Saya membuat kawalan bahasa yang inklusif, saya mengekalkan keasliannya.
• [ ] Saya tidak menganggap kelulusan automatik sebagai jaminan kebolehaksesan.
• [ ] Saya merancang/melaksanakan ujian teknologi bantuan sebenar.