Mang-akit ng mas maraming mambabasa sa isang site na naaangkop sa lahat ng pangangailangan
Sa pamamagitan ng pag-access sa iyong website sa mga taong may mga kapansanan, ang iyong pagtatapos ay makukuha ng lahat. Sa katunayan, ang paggawa ng iyong website ay mas madaling makuha ay maaaring makatulong sa mga tao na mahanap ang iyong website sa mga search engine. Bakit? Dahil ginagamit ng mga search engine ang ilan sa mga parehong signal na ginagawa ng mga mambabasa ng screen upang mahanap at maunawaan ang nilalaman ng iyong website.
Ngunit eksakto kung paano mo ginagawa ang isang website na magagamit nang hindi nagiging isang coding expert?
Narito ang ilang mga tip at trick na halos sinuman na may pangunahing kaalaman sa HTML ay maaaring gamitin upang mapagbuti ang access ng kanilang website.
Mga Tool sa Pag-access sa Web
Ang W3C ay may kamangha-manghang listahan ng mga tool sa pag-access sa web na magagamit mo bilang isang checker upang makita ang mga potensyal na problema sa iyong website. Na sinabi, inirerekomenda ko pa rin ang paggawa ng ilang pagtuklas sa isang screen reader at nakararanas ito para sa iyong sarili.
Mga Kaugnay na Reading: Ano ang Assistive Technology at Paano Ito Nagtatrabaho?
Pag-unawa sa Mga Mambabasa ng Screen
Isa sa mga pinakamahalagang paraan na maaari mong mapabuti ang pagiging naa-access ng iyong website ay upang matiyak na maunawaan ito ng mga mambabasa ng screen. Ang mga mambabasa ng screen ay gumagamit ng isang tinagintulad na boses upang basahin ang teksto sa screen. Na tunog medyo tapat; gayunpaman, maaaring hindi maunawaan ng mga mambabasa ng screen ang iyong website sa paraan ng iyong kasalukuyang naka-set up.
Ang unang bagay na maaaring gusto mong gawin ay subukan ang isang screen reader at makita kung paano ito napupunta. Kung ikaw ay nasa isang Mac, subukang gumamit ng VoiceOver.
- Pumunta sa Mga Kagustuhan sa System.
- Piliin ang Accessibility.
- Piliin ang VoiceOver.
- Lagyan ng check ang kahon para sa Paganahin ang VoiceOver.
Maaari mong i-toggle ito sa on at off gamit ang command-F5.
Kung ikaw ay nasa isang makina ng Windows, baka gusto mong i-download ang NVDA. Maaari mong itakda ito upang i-toggle sa at off gamit ang kontrol ng shortcut + alt + n.
Ang parehong mga screen reader ay nagpapatakbo sa pamamagitan ng pagpapaalam sa gumagamit na mag-navigate sa pamamagitan ng keyboard (ito ang akma - kung hindi mo makita, gamit ang isang mouse ay isang hamon) at sa pamamagitan ng paglikha ng isang pokus na lugar para sa navigation. Ang focus ay mahalagang kung saan ang keyboard ay "itinuturo," ngunit ito ay karaniwang ipinapakita bilang isang naka-highlight na kahon sa paligid ng focus object sa halip ng isang cursor.
Maaari mong palitan ang parehong voice pitch at ang bilis kung saan bumabasa ang boses kung ang mga default na setting ay nakakainis (at pagkatapos ng tungkol sa limang minuto ng pakikinig sa isang karaniwang mabagal na pagbabasa ng boses, kadalasan ay). Ang mga bulag na tao ay karaniwang nagbabasa ng mga website sa kanilang mga mambabasa ng screen na nakatakda sa mga mataas na bilis.
Maaari itong makatulong upang isara ang iyong mga mata habang ginagawa mo ito, ngunit maaaring makatulong din ito upang panatilihing bukas at ihambing ang mga ito. Ang ilan sa mga bagay na maaari mong mapansin kaagad kapag sinubukan mong pakinggan ang iyong website ay ang ilan sa mga teksto ay maaaring maalis. Ang mga pamagat at mga talahanayan ay maaaring makakuha ng ginulo. Ang mga imahe ay maaaring lumaktaw o maaari nilang sabihin ang "larawan" o isang bagay na walang kapantay. Ang mga table ay madalas na mababasa bilang isang serye ng mga bagay na walang konteksto.
Maaari mong, sana, ayusin ito.
Alt-Tag o Alternatibong Katangian
Ang alt-tag o alternatibo (alt) attribute ay ginagamit sa HTML upang ilarawan ang isang imahe. Sa HTML, mukhang ganito:
Kahit na ginawa mo ang iyong website gamit ang visual na tool na nagtatago sa iyong HTML code, halos palagi kang magkakaroon ng pagkakataong magpasok ng paglalarawan ng imahe. Maaari kang magpasok ng wala (alt = "") ngunit magiging mas mahusay na bigyan ang bawat larawan ng kapaki-pakinabang na paglalarawan. Kung bulag ka, ano ang kailangan mong malaman tungkol sa larawan? Ang "Babae" ay hindi gaanong tulong, ngunit maaaring "daloy ng disenyo ng daloy ng babae ng babae kabilang ang pagkarating, kakayahang magamit, pagtatakip, at disenyo."
Tekstong Pamagat
Ang mga website ay hindi laging nagpapakita ng tag ng pamagat ng HTML, ngunit ito ay kapaki-pakinabang para sa mga mambabasa ng screen. Siguraduhin na ang bawat isa sa mga pahina ng iyong website ay may pamagat na naglalarawan (ngunit hindi labis na masalita) na nagsasabi sa mga bisita kung ano ang tungkol sa pahina.
Bigyan ang iyong Website ng Magandang Impormasyon Hierarchy
Buwagin ang mga malalaking chunks ng teksto na may mga header, at, kung maaari, gamitin ang mga header na may H1, H2, H3 hierarchy nang naaangkop. Hindi lang ginagawa nito ang iyong website na mas madali para sa mga mambabasa ng screen, ginagawang mas madali para sa iba. Ito rin ay isang mahusay na signal para sa Google at iba pang mga search engine upang matulungan silang mas mahusay na i-index ang iyong website.
Katulad nito, dapat mong tiyakin na ang iyong website ay nasa lohikal na kaayusan ng nilalaman at wala kang mga kahon ng hindi nauugnay na impormasyon na lumalabas. Kung gumagamit ka ng mga ad, panoorin na ang iyong mga ad ay hindi sobrang mapanghimasok at masyadong madalas na pinaghiwa-hiwalay ang teksto sa iyong website.
Gumawa ng Mas mahusay na Mga Table
Kung gumagamit ka ng mga talahanayan ng HTML, maaari kang magdagdag ng mga caption sa iyong mga talahanayan gamit ang tag upang mas madaling maunawaan ng mga mambabasa ng screen sa halip na lamang gawin ang pamagat ng talahanayan sa naka-bold na teksto. Maaari mo ring idagdag ang elemento ng "saklaw" at malinaw na lagyan ng label ang mga bagong hilera at haligi sa iyong talahanayan upang ang mga mambabasa ng screen ay hindi lamang magpalabas ng serye ng mga cell ng table nang hindi nagbibigay ng anumang konteksto.
Keyboard Navigation
Sa pangkalahatan, ang anumang bagay na iyong ilalagay sa iyong website ay dapat na isang bagay na maaaring ipalagay ng isang tao gamit lamang ang keyboard. Iyon ay nangangahulugang ang mga pindutan ng nabigasyon ay hindi dapat na animated na mga dropdown na pindutan kung hindi mo magagamit ang mga ito gamit ang isang screen reader (subukan ito at tingnan kung hindi ka sigurado - ang ilang mga pindutan ay programmed para sa paggamit ng keyboard.)
Mga Closed Caption
Kung nagdagdag ka ng mga video o mga elemento ng audio sa iyong website, dapat silang magkaroon ng mga caption. Ang HTML5 at maraming mga video streaming service (tulad ng YouTube) ay nag-aalok ng closed captioning support. Ang mga saradong caption ay kapaki-pakinabang hindi lamang para sa accessibility kundi pati na rin para sa mga gumagamit na maaaring mag-browse sa iyong website sa isang lugar kung saan hindi sila maaaring maglaro ng audio, tulad ng sa isang opisina o sa isang maingay na lokasyon.
Para sa mga podcast o iba pang mga elemento ng audio, isaalang-alang ang pagbibigay ng transcript ng teksto. Hindi lamang kapaki-pakinabang para sa mga taong hindi nakikinig sa audio, ang pagkakaroon ng teksto ay gawing mas madali para sa Google at iba pang mga search engine na i-index ang nilalaman na iyon at tulungan ang iyong ranggo sa Google .
ARIA
Kung nais mong pumunta sa advanced na antas ng accessibility, ang mga pagtutukoy ng HTML5 ARIA o WAI-ARIA ay naglalayong maging bagong standard na pasulong. Gayunpaman, ito ay isang kumplikadong (at nagbabago) teknikal na manu-manong, kaya kung ano ang maaari mong gawin ay gumamit ng isang validator ng ARIA upang i-scan upang makita kung ang iyong website ay may anumang mga isyu na maaari mong tugunan. Ang Mozilla ay mayroon ding mas madaling maabot na gabay upang makapagsimula sa ARIA.