Mga layunin sa pagkatuto
- Gawing malinaw na pahina at nabigasyon ang gawain.
- Suriin ang aksesibilidad at buong interaksiyon sa mga aparato.
Itakda ang pasyang sinusuportahan
Ilista ang tao, tanong at susunod na kilos. Maaaring kailangan muna ng pahina ng serbisyo ang kaangkupan, proseso, hangganan at kontak bago dekorasyon. Magsulat nang payak at tiyak sa makabuluhang pamagat. Piliin ang nandito at hiwalay na paliwanag na malinaw ang link.
Gumawa ng nauunawaang daan
Gumamit ng pare-parehong nabigasyon at link na nagsasabi ng pupuntahan. Ipakita ang lugar at pabalik. Huwag kulay lamang ang pagkakaiba ng kilos. Sa form, may nakikitang label, paliwanag at itatamang error malapit sa field. Sabihin ang susunod matapos maipadala.
Isaalang-alang ang iba’t ibang kakayahan at lugar
Maaaring keyboard, pantulong na teknolohiya, pagpapalaki o maliit na screen sa liwanag ang gamit. Suriin ang contrast, lohikal na focus at makabuluhang alternatibong teksto. Payagang umayos muli sa maliit na espasyo o malaking teksto. May nahahanap ang awtomatiko, ngunit hindi patunay na nakatatapos ang tao.
Isama ang bilis at pagpapanatili
Gumamit ng angkop na larawan, matatag na espasyo at kailangang interaksiyon lamang. Iwasan ang nagtatago ng nilalaman o di-inaasahang nabigasyon. Magtalaga ng mag-a-update ng presyo, saklaw at kontak. Subukan ang tunay na haba, direksiyon ng wika at error. Gumana pa rin sa tunay na nilalaman.
Ikot ng disenyong nakatuon sa gawain
Suriin ang buong daan, hindi magkahiwalay na screen.
Unawain
Tukuyin ang gawain at kailangan nitong impormasyon.
Ayusin
Gumawa ng malinaw na nilalaman at nabigasyon.
Buuin
Ipatupad ang naaakses at tumutugong interaksiyon.
Suriin
Obserbahan ang pagtapos, alisin ang hadlang, panatilihin ang tama.
Paghahambing
| Bahagi | Tanong | Ebidensiya |
|---|---|---|
| Nilalaman | Alam ba kung angkop ang serbisyo? | Tamang saklaw at malinaw na pamagat |
| Interaksiyon | Matatapos ba nang walang mouse? | Keyboard, nakikitang focus at itatamang error |
| Tumutugong layout | Nananatili ba ang impormasyon sa makitid? | Tunay na mobile at pinalaking teksto |
| Bilis | Lumalabas ba ang mahalaga nang inaasahan? | Matatag na ayos at angkop na media |
Form na mukhang kumpleto
Maganda ang pahina ng kathang-isip na kompanya, ngunit pulang gilid lang ang error.
- Ipinakikita ng keyboard review na di matukoy ang kulang na impormasyon.
- Nagdaragdag ang pangkat ng label, malinaw na error at focus.
- Sinusubukan ang pagwawasto, kumpirmasyon at pangakong pagsunod sa maliit at malaking screen.
Pagkumpleto at malinaw na tugon ang pagbuti, hindi bagong kulay. Maaaring kailangan pa ng pagsusuri para sa buong aksesibilidad.
Listahan ng mga hakbang
- Pangalanan ang gawain at susunod na kilos.
- Gumamit ng makabuluhang pamagat at link.
- Suriin ang keyboard at pagwawasto.
- Subukan ang makitid at malaking teksto.
- Italaga ang nilalaman at pagpapanatili.
Karaniwang pagkakamali
Pag-apruba sa walang lamang template
Maaaring pumalya ang ayos na para lang sa maikling demo kapag may tunay na salin at larawan.
Pagturing sa awtomatikong marka bilang buong karanasan
Hindi patunay ang mataas na marka na gumagana ang nabigasyon, salita o komplikadong kilos para sa lahat.
Mga tanong at sagot
Ang tumutugong disenyo ba ay pagpapaliit ng desktop?
Hindi. Inaangkop ang ayos at kilos habang nananatili ang mahalagang impormasyon at maayos na pagbasa at focus.
Maaari bang sa huli lang idagdag ang aksesibilidad?
Posible ang huling ayos, ngunit mas madaling tugunan ang nilalaman, estruktura at kilos sa buong proseso.
Mga sanggunian at dagdag na babasahin
- Mga prinsipyo ng aksesibilidadW3C Web Accessibility Initiative
Ipinapaliwanag ng pangunahing pandaigdigang gabay ang rekisito at kaugnay na pamantayan.
- Praktikal na tip sa disenyo at pagbuoW3C Web Accessibility Initiative
May panimulang sanggunian ang W3C sa may-akda, designer at developer; hindi buong audit ng pagsunod ang maikling talaan.
