Nuju diakses

Nuju diakses

Jumaah nyaéta ahir poé gawé. Warta goréng sok datang dina ahir poé gawé dina Jumaah.

Anjeun rék ninggalkeun kantor, surat anyar ngeunaan reorganisasi sejen geus datang dina surat.

Hatur nuhun xxxx, yyy ti dinten ieu anjeun bakal ngalaporkeun zzzz
...
Sareng tim Hugh bakal mastikeun produk urang tiasa diaksés ku jalma anu cacad.

Oh henteu! Naha kuring pantes ieu? Naha aranjeunna hoyong kuring angkat? Siapkeun diri pikeun kerja keras anu henteu ngahatur nuhun sareng nyobian ngabenerkeun kasalahan batur. Ieu pasti gagal ...

Ieu kasadiaan sababaraha taun ka pengker. Sababaraha jiwa miskin dibéré tugas "ngabersihkeun" UI pikeun nyobaan sareng ngajantenkeun éta tiasa diaksés ku jalma anu cacad.

Naon anu dimaksud ieu saleresna samar - sigana upami anjeun tiasa ningali indikator fokus sareng tab dina widang, gaduh sababaraha téks alt sareng sababaraha déskripsi lapangan, éta bakal dianggap yén aplikasi anjeun tiasa diaksés ...

Tapi ujug-ujug "bug" mimiti ngalobaan dina laju longsoran.

Maca layar rupa-rupa (Inggris Pamiarsa layar) sareng panyungsi kalakuanana béda-béda.

Pamaké parantos ngawadul yén aplikasi éta henteu tiasa dianggo.

Pas kasalahan dilereskeun di hiji tempat, anu sanésna muncul di tempat anu sanés.

Sarta ngan saukur ngarobah jeung koréksi kasalahan panganteur pamaké diperlukeun usaha Herculean.

Abdi kantos di dinya. Kuring salamet, tapi kami henteu "suksés" - sacara teknis kami ngabersihkeun pisan, nambihan seueur déskripsi lapangan, peran, sareng ngahontal sababaraha tingkat patuh, tapi teu aya anu bahagia. Pamaké masih humandeuar yén maranéhna teu bisa napigasi aplikasi. Manajer masih humandeuar ngeunaan aliran konstan kasalahan. Insinyur humandeuar yén masalahna ditimbulkeun teu leres, kalayan henteu aya solusi anu "leres" anu jelas anu bakal dianggo dina sadaya kasus.

Aya sababaraha momen anu ngabuka panon sapanjang perjalanan kuring pikeun ngartos aksésibilitas.
Panginten anu pangheulana nyaéta sadar yén nambihan fungsionalitas aksésibilitas dina luhureun produk réngsé éta hésé. Tur éta malah harder ngayakinkeun manajer yén éta incredibly hésé! Henteu, sanés ngan ukur "nambahkeun sababaraha tag" sareng UI bakal tiasa dianggo saé. Henteu, ieu teu tiasa réngsé dina tilu minggu; bahkan tilu bulan moal cekap.
Momen bebeneran salajengna kuring sumping nalika kuring ningali heula kumaha pangguna buta leres-leres ngagunakeun aplikasi kami. Ieu SO béda ti nempo pesen kasalahan.

Kuring bakal uih deui ka ieu deui-deui, tapi ampir sadaya "asumsi" urang ngeunaan kumaha jalma-jalma ngagunakeun aplikasi urang salah.

Napigasi antarbeungeut pamaké kompléks ngagunakeun keystrokes Tab/Shift+Tab - ieu lebay! Urang peryogi anu langkung saé. Potong kompas keyboard, header.

Kaleungitan fokus nalika ngarobih UI sanés masalah ageung, sanés? Hayu urang mikir deui - ieu incredibly matak ngabingungkeun.

Kuring nuluykeun, digawé di proyék béda bari, lajeng urang ngamimitian hiji proyék anyar, ku panganteur pamaké kompléks sarta instalasi jelas, pikeun tungtungna meunang diakses katuhu waktu ieu.

Janten, urang mundur saléngkah sareng ningali kumaha urang tiasa nerapkeun ieu sacara béda sareng suksés, sareng ngajantenkeun prosésna kirang pikaboseneun!

Cukup gancang kami dugi ka sababaraha kasimpulan:

  1. Kami henteu hoyong jalma-jalma ngembangkeun antarbeungeut pangguna pikeun ngaco sareng labél / peran aria sareng, tangtosna, struktur HTML komponén. Urang kedah nyayogikeun aranjeunna komponén anu leres anu ngawangun aksésibilitas langsung tina kotak.
  2. Aksesibilitas == Gampang dianggo - i.e. Ieu mah sakadar tantangan teknis. Urang kedah ngarobih sadayana prosés desain sareng mastikeun yén aksésibilitas dipertimbangkeun sareng dibahas sateuacan desain UI dimimitian. Anjeun kedah mikir awal kumaha pangguna bakal mendakan fungsionalitas naon waé, kumaha aranjeunna bakal napigasi, sareng kumaha ngaklik katuhu tina kibor bakal jalan. Aksesibilitas kedah janten bagian integral tina prosés desain - pikeun sababaraha pangguna éta langkung ti ngan ukur penampilan aplikasi.
  3. Ti mimiti, urang hayang meunang eupan balik ti buta sarta pamaké ditumpurkeun séjén ngeunaan betah pamakéan aplikasi.
  4. Kami peryogi cara anu saé pikeun nyandak régrési aksésibilitas.

Nya, tina sudut pandang rékayasa, bagian kahiji katingalina pikaresepeun - ngembangkeun arsitéktur sareng ngalaksanakeun perpustakaan komponén. Jeung memang kitu.

Mundur saléngkah, ningali conto ARIA sarta ku pamikiran ieu salaku masalah desain tinimbang "pas dina" masalah, kami ngawanohkeun sababaraha abstraksi. Hiji komponén boga 'Struktur' (diwangun ku elemen HTML) jeung 'Paripolah' (kumaha eta interaksi jeung pamaké). Contona, dina snippét handap urang boga daptar unordered basajan. Ku nambahkeun "paripolah" peran saluyu ditambahkeun kana daptar sangkan eta meta kawas daptar. Urang lakonan hal nu sarua pikeun menu nu.

Nuju diakses

Kanyataanna, teu ngan peran ditambahkeun dieu, tapi ogé pawang acara pikeun navigasi keyboard.

Ieu katingal langkung rapih. Upami urang tiasa nampi pamisahan anu bersih diantara aranjeunna, henteu masalah kumaha strukturna diciptakeun, urang tiasa nerapkeun Paripolah sareng kéngingkeun aksés anu leres.

Anjeun tiasa ningali ieu dina aksi di https://stardust-ui.github.io/react/ - Perpustakaan UX mere tanggapan, nu dirancang jeung dilaksanakeun kalawan diakses dina pikiran ti mimiti.

Bagian kadua - ngarobah pendekatan jeung prosés sabudeureun desain mimitina sieun kuring: insinyur lowly nyoba nyorong ngaliwatan parobahan organisasi teu salawasna tungtungna ogé, tapi tétéla éta salah sahiji wewengkon paling metot dimana urang nyieun kontribusi signifikan kana prosés. . Sacara ringkes, prosés urang nyaéta kieu: fungsionalitas anyar bakal dikembangkeun ku hiji tim, teras tim kapamimpinan urang bakal marios / ngulang proposal, teras, saatos disatujuan, desain biasana bakal diserahkeun ka tim rékayasa. Dina hal ieu, tim rékayasa sacara efektif "milik" fungsionalitas aksésibilitas sabab éta tanggung jawabna pikeun ngalereskeun masalah anu aya hubunganana sareng éta.

Dina awalna, éta cukup pakasaban hésé ngajelaskeun yén diakses tur usability numbu inextricably sarta yén ieu kudu dipigawé dina tahap desain, disebutkeun eta bakal ngakibatkeun parobahan badag sarta redefinitions tina sababaraha kalungguhan. Nanging, kalayan dukungan manajemén sareng pamaén konci, kami nyandak ideu sareng nempatkeun kana gerak supados desain diuji pikeun diakses sareng usability sateuacan dibere ka manajemén.

Sareng eupan balik ieu penting pisan pikeun sadayana - éta luar biasa salaku latihan pikeun ngabagi pangaweruh / komunikasi ngeunaan kumaha pangguna berinteraksi sareng aplikasi wéb, kami ngaidentipikasi seueur daérah masalah UI sateuacan aranjeunna diwangun, tim pangembangan ayeuna gaduh spésifikasi anu langkung saé henteu. ngan visual, tapi ogé aspék behavioral desain. diskusi nyata fun, energetic, diskusi gairah ngeunaan aspék téknis jeung interaksi.

Urang tiasa ngalakukeun ieu langkung saé upami urang ngagaduhan pangguna buta sareng cacad dina rapat ieu (atanapi saterasna) - ieu sesah diatur, tapi ayeuna urang damel sareng organisasi buta lokal sareng perusahaan, anu nyayogikeun tés éksternal pikeun marios aliran palaksanaan awal. ngembangkeun-duanana dina tingkat aliran komponén sareng palaksanaan.

Insinyur ayeuna gaduh spésifikasi anu cukup rinci, komponén anu sayogi tiasa dianggo pikeun nerapkeun, sareng cara pikeun ngesahkeun aliran palaksanaan. Bagian tina pangalaman anu diajarkeun ka urang nyaéta naon anu ku urang leungit salami-kumaha urang tiasa ngeureunkeun régrési. Kitu ogé, jalma tiasa nganggo integrasi atanapi tés tungtung-ka-tungtung pikeun nguji fungsionalitas, anu urang peryogi pikeun ngadeteksi parobahan dina interaksi sareng aliran palaksanaan-boh visual sareng paripolah.

Nangtukeun régrési visual mangrupikeun tugas anu cukup ditetepkeun, sakedik pisan anu tiasa ditambihkeun kana prosés lian ti mariksa naha fokus katingali nalika napigasi nganggo keyboard. Anu langkung narik nyaéta dua téknologi anu kawilang énggal pikeun damel sareng aksésibilitas.

  1. Pamariksaan Diakses nyaéta sakumpulan alat anu tiasa dijalankeun dina browser sareng salaku bagian tina siklus ngawangun / tés pikeun ngaidentipikasi masalah.
  2. Verifikasi yén pamiarsa layar tiasa dianggo leres mangrupikeun tugas anu nangtang. Jeung bubuka aksés ka Aksesibilitas DOM, Kami tungtungna tiasa nyandak snapshots aksésibilitas aplikasi, sapertos anu urang lakukeun pikeun tes visual, sareng nguji aranjeunna pikeun régrési.

Janten, dina bagian kadua carita, urang ngalih tina ngédit kode HTML pikeun damel dina tingkat abstraksi anu langkung luhur, ngarobih prosés pangembangan desain sareng ngenalkeun tés anu lengkep. Prosés anyar, téknologi anyar, sareng tingkat abstraksi anyar parantos ngarobih bentang aksésibilitas sareng naon hartosna damel di rohangan ieu.
Tapi ieu téh ngan awal.

"Pamahaman" salajengna nyaéta yén pangguna buta nyetir téknologi canggih - aranjeunna anu paling nguntungkeun henteu ngan ukur tina parobihan anu dijelaskeun sateuacana, tapi ogé yén pendekatan sareng ideu anyar tiasa dilakukeun ku ML / AI. Contona, téhnologi Immersive Reader ngamungkinkeun pamaké pikeun nampilkeun téks leuwih gampang jeung jelas. Bisa dibaca kalawan tarik, struktur kalimah direcah sacara gramatikal, komo harti kecap ditampilkeun sacara grafis. Ieu teu cocog kana heubeul "nyieun diaksés" méntalitas pisan - éta fitur usability anu bakal nulungan dulur.

ML/AI ngamungkinkeun cara anyar pikeun berinteraksi sareng damel, sareng kami bungah janten bagian tina tahapan salajengna dina perjalanan anu canggih ieu. Inovasi didorong ku parobihan dina pamikiran - umat manusa parantos aya salami millennia, mesin salami ratusan taun, situs wéb sababaraha dekade, sareng smartphone malah kirang, téknologi kedah adaptasi sareng jalma, sanés sabalikna.

P.S. Artikel geus ditarjamahkeun kalawan simpangan leutik tina aslina. Salaku ko-panulis artikel ieu, abdi sapuk dina digressions ieu kalawan Hugh.

Ngan pamaké nu kadaptar bisa ilubiung dina survey. Daptar, Punten.

Naha anjeun nengetan aksésibilitas aplikasi anjeun?

  • yen

  • teu

  • Ieu pertama kalina kuring nguping ngeunaan aksésibilitas aplikasi.

17 pamaké milih. 5 pamaké abstained.

sumber: www.habr.com

Tambahkeun komentar