Dugangi ang dugang nga mga magbabasa sa usa ka site nga mohaum sa mga panginahanglan sa tanan
Pinaagi sa paghimo sa imong website nga ma-abut sa mga tawo nga adunay mga kakulangan, ikaw ang makahimo sa paghimo nga maduol sa tanan. Sa pagkatinuod, ang paghimo sa imong website nga mas accessible mahimong makatabang sa mga tawo sa pagpangita sa imong website sa mga search engine. Ngano? Tungod kay ang mga search engine naggamit sa pipila ka sama nga mga signal nga gipatik sa mga tigbasa aron makita ug masabtan ang sulod sa imong website.
Apan eksakto kung giunsa nimo paghimo ang usa ka accessible nga website nga dili mahimong coding expert?
Ania ang pipila ka mga tip ug mga kalisud nga hapit bisan kinsa nga may batakang kahibalo sa HTML mahimong magamit aron mapaayo ang accessibility sa ilang website.
Web Accessibility Tools
Ang W3C adunay usa ka hinanduraw nga lista sa mga himan sa web accessibility nga mahimo nimo gamiton isip checker aron makita ang mga potensyal nga problema sa imong website. Ingon niana, nagsugyot ko sa paghimo sa uban nga pagsuhid uban sa screen reader ug pagsinati niini alang sa imong kaugalingon.
Nalangkit nga Pagbasa: Unsa ang Makatabang nga Teknolohiya ug Giunsa Kini Paglihok?
Pagsabut sa mga Magbabasa sa Screen
Usa sa labing importante nga mga paagi nga mahimo nimo nga mapauswag ang accessibility sa imong website mao ang pagsiguro nga masabtan kini sa mga magbabasa sa screen. Ang mga magbabasa sa screen naggamit sa usa ka synthesized nga tingog sa pagbasa sa teksto sa screen. Nindot kini nga paminawon; Bisan pa niana, ang mga magbabasa sa screen dili makasabut sa imong website sa paagi nga imong gipahimutang karon.
Ang unang butang nga gusto nimo nga buhaton mao ang pagsulay sa usa ka screen reader ug tan-awa kung giunsa kini. Kon naa ka sa Mac, sulayi paggamit ang VoiceOver.
- Lakaw ngadto sa System Preferences.
- Pilia ang Accessibility.
- Pilia ang VoiceOver.
- Susiha ang kahon alang sa Enable VoiceOver.
Mahimo nimo mapalyar kini gamit ang command-F5.
Kon ikaw anaa sa usa ka makina sa Windows, mahimo nimo nga i-download ang NVDA. Mahimo nimo kini ibutang aron ma-toggle on ug off ang kontrol sa shortcut + alt + n.
Ang duha ka mga magbabasa sa screen nag-operate pinaagi sa pagtugot sa user sa pag-navigate pinaagi sa keyboard (kini nga kahulogan - kon dili nimo makita, ang paggamit sa mouse usa ka hagit) ug pinaagi sa paghimo og usa ka focus nga lugar alang sa pag-navigate. Ang focus mao ang diin ang keyboard "nagatudlo," apan kasagaran kini gipakita ingon nga usa ka highlight nga kahon sa palibot sa focus nga butang imbis sa usa ka cursor.
Mahimo nimo mabag-o ang tingog ug ang gikusgon sa tingog kung ang default nga mga setting makalagot (ug human sa lima ka minutos sa pagpaminaw sa usa ka standard slow voice reading, kasagaran kini). Ang mga buta sa mga tawo kasagaran magbasa sa mga website nga ang ilang mga magbabasa sa screen gibutang sa taas nga mga gikusgon.
Kini makatabang sa pagpiyong sa imong mga mata samtang imong buhaton kini, apan mahimo usab kini nga makatabang sa pagbukas ug pagtandi niini. Pipila sa mga butang nga mahimo nimong mahibaw-an gilayon sa diha nga ikaw mosulay sa pagpaminaw sa imong website mao nga ang pipila sa mga teksto mahimo nga wala sa han-ay. Ang mga ulohan ug mga lamesa mahimong magpaubos. Ang mga hulagway mahimo nga malaktawan o sila mahimong moingon nga "larawan" o usa ka butang nga dili parehas nga dili makatabang. Ang mga tablahan sa kasagaran mabasa ingon nga sunod-sunod nga mga butang nga walay konteksto.
Mahimo nimo, hinaut, ayoha kini.
Alt-Tags o Alternative Attribute
Ang alt-tag o alternatibo (alt) nga kinaiya gigamit sa HTML aron paghulagway sa usa ka imahe. Sa HTML, kini susama niini:
Bisan kung imong himoon ang imong website sa usa ka visual tool nga nagtago sa imong code sa HTML, hapit ka kanunay adunay kahigayunan nga mosulod sa paghulagway sa hulagway. Dili ka makasulod (alt = "") apan mas maayo nga hatagan ang matag hulagway og usa ka makatabang nga paghulagway. Kung ikaw buta, unsa ang kinahanglan nimo nga masayran mahitungod sa hulagway? Ang "babaye" dili kaayo tabang, apan tingali ang "Ang pagdrowing sa dagway sa disenyo sa babaye lakip na ang accessibility, usability, branding, ug disenyo."
Title Text
Ang mga website dili kanunay nga nagpakita sa tag sa titulo sa HTML, apan kini makatabang alang sa mga magbabasa sa screen. Siguroha nga ang matag usa sa mga pahina sa imong website adunay usa ka deskriptibo (apan dili sobra ka bakak) nga titulo nga nagsulti sa mga bisita kon unsa ang bahin sa panid.
Ihatag ang Maayong Impormasyon Hierarchy sa Imong Website
Bungkaga ang mga dagko nga mga tipik sa teksto nga may mga ulohan, ug, kung mahimo, gamit ang mga ulohan sa H1, H2, H3 hierarchy sa tukmang paagi. Dili lamang kini naghimo sa imong website nga sayon alang sa mga magbabasa sa screen, kini naghimo nga sayon alang sa tanan. Kini usa usab ka dako nga signal alang sa Google ug sa ubang mga search engine aron sa pagtabang kanila nga mas ma-index ang imong website.
Sa samang paagi, kinahanglan nga imong sigurohon nga ang imong website anaa sa lohikal nga pagkahan-ay sa sulod ug wala ka'y mga kahon nga wala'y kalabutan nga impormasyon nga makita. Kon mogamit ka og mga ad, tan-awa nga ang imong mga ads dili sobra ka makapasamok ug kanunay nga gibungkag ang teksto sa imong website.
Himoa ang Mas Maayo nga mga Lamesa
Kon naggamit ka ug mga lamesang HTML, makadugang ka og mga kapsyon sa imong mga lamesa gamit ang tag aron mas sayon masabtan sa mga magbabasa sa screen kay sa paghimo lamang sa titulo sa usa ka lamesa nga adunay bold nga teksto. Mahimo usab nimo dugangan ang elemento sa "scope" ug tin-aw ang pag-label sa bag-ong mga linya ug mga kolum sa imong lamesa aron ang mga tigbasa sa screen dili lang magwagtang sa usa ka sunod-sunod nga mga selula sa lamesa nga walay bisan unsang konteksto.
Navigation sa Keyboard
Sa kinatibuk-an, ang bisan unsang butang nga imong gibutang sa imong website kinahanglan nga usa ka butang nga mahimo sa usa ka tawo nga gamiton ang usa ka keyboard lamang. Kana nagpasabut nga ang imong mga pindutan sa paglaragma dili kinahanglan nga i-animate ang mga dropdown button kung dili nimo kini gamiton sa screen reader (sulayi kini ug tan-awa kon dili ka sigurado - ang pipila ka mga butones giprograma nga gamiton sa keyboard.)
Mga Sulat nga Sulat
Kon magdugang ka mga video o mga elemento sa audio sa imong website, kinahanglan nga adunay mga kapsyon. Ang HTML5 ug daghang mga serbisyo sa pag-streaming sa video (sama sa YouTube) nagtanyag og closed captioning support. Ang mga closed caption mapuslanon dili lamang alang sa accessibility apan usab alang sa mga tiggamit nga mahimo nga mag-browse sa imong website sa usa ka dapit diin dili sila makadula og audio, sama sa usa ka opisina o sa usa ka saba nga lugar.
Alang sa mga podcast o ubang mga elemento sa audio, ikonsiderar ang paghatag og usa ka transcript sa teksto. Dili lamang kini mapuslanon alang sa mga tawo nga dili maminaw sa audio, nga ang teksto maghimo nga mas sayon alang sa Google ug sa ubang mga search engine sa pag-index niana nga sulod ug pagtabang sa imong ranggo sa Google .
ARIA
Kon gusto ka nga moadto sa advanced level of accessibility, ang HTML5 ARIA o WAI-ARIA nga mga paghingalan nagtumong nga mahimong bag-ong sumbanan sa pagpadayon. Apan, usa kini ka komplikadong (ug nagauswag) nga teknikal nga manwal, busa unsa ang imong mahimo mao ang paggamit sa usa ka ARIA validator aron i-scan aron masuta kung ang imong website adunay mga isyu nga mahimo nimo nga masulbad. Ang Mozilla usab adunay mas sayon nga giya aron makasugod sa ARIA.