Fè sit entènèt ou Aksè pou moun ki gen andikap

Atire plis lektè ak yon sit ki adapte bezwen tout moun

Pa fè sit entènèt ou a aksesib a moun ki gen andikap, ou fini fè se aksesib a tout moun. An reyalite, fè sit entènèt ou plis aksesib ka menm ede moun jwenn sit entènèt ou a nan motè rechèch la. Poukisa? Paske motè rechèch itilize kèk nan siyal yo trè menm ke ekran lektè fè yo nan lòd yo jwenn ak konprann kontni an nan sit entènèt ou.

Men, egzakteman ki jan ou fè yon sit entènèt aksesib san yo pa vin yon ekspè kod?

Men kèk konsèy ak trik ki prèske nenpòt moun ki gen konesans debaz HTML ka itilize amelyore aksè sit entènèt yo.

Zouti aksè entènèt

W3C gen yon lis kokenn nan zouti aksè entènèt ou ka itilize kòm yon chèk nan plas pwoblèm potansyèl ak sit entènèt ou. Sa te di, mwen toujou rekòmande fè kèk eksplore ak yon lektè ekran ak fè eksperyans li pou tèt ou.

Lekti ki gen rapò: Ki sa ki Teknoloji ki ede ak ki jan li travay?

Konprann lektè ekran

Youn nan fason ki pi enpòtan ou ka amelyore aksè nan sit entènèt ou se asire w ke li ka konprann pa lektè ekran. Lektè ekran itilize yon vwa sentèz li tèks la sou ekran an. Sa son trè dwat; Sepandan, lektè ekran yo pa ka konprann sit entènèt ou an jan ou genyen kounye a.

Premye bagay ou ka vle fè se eseye yon lektè ekran ak wè ki jan li ale. Si ou se sou yon Mac, eseye lè l sèvi avèk VoiceOver.

  1. Ale nan Preferences System.
  2. Chwazi Aksè.
  3. Chwazi VoiceOver.
  4. Tcheke kazye a pou pèmèt VoiceOver.

Ou ka aktive li sou yo ak sou lè l sèvi avèk lòd-F5.

Si ou se sou yon machin Windows, ou ka vle download NVDA. Ou ka mete l 'sou aktive sou yo ak sou ak kontwòl la chemen kout + alt + n.

Tou de lektè ekran opere pa kite itilizatè a navige pa klavye (sa a fè sans - si ou pa ka wè, lè l sèvi avèk yon sourit ta dwe yon defi) ak pa kreye yon zòn konsantre pou Navigasyon. Konsantre a se esansyèlman kote klavye a se "pwente," men li se anjeneral parèt kòm yon bwat make alantou objè a konsantre olye pou yo yon kurseur.

Ou ka chanje toude gout la vwa ak vitès la nan ki vwa a li si anviwònman yo default yo anmèdan (ak apre apeprè senk minit nan koute yon estanda lekti vwa ralanti, yo anjeneral yo). Moun avèg anjeneral li sou sit entènèt ak lektè ekran yo mete nan vitès segondè.

Li ka ede w fèmen je ou menm jan ou fè sa, men li ka ede tou kenbe yo louvri epi konpare. Gen kèk nan bagay sa yo ou ka imedyatman avi lè ou eseye koute sit entènèt ou an se ke kèk nan tèks la ka soti nan lòd. Tit yo ak tab yo ka jele. Imaj yo ka swa sote oswa yo ka di "imaj" oswa yon bagay egalman initil. Tablo yo gen tandans yo dwe li kòm yon seri de atik san kontèks.

Ou ka, èspere ke, ranje sa a.

Alt-Tags oswa altènatif atribi

Alt-tag la oswa altènatif (Alt) atribi se itilize nan HTML a dekri yon imaj. Nan HTML, li sanble yon bagay tankou sa a:

Menm si ou fè sit entènèt ou a ak yon zouti vizyèl ki kache kòd HTML ou, ou pral prèske toujou gen yon chans antre nan yon deskripsyon imaj. Ou ka antre nan anyen (alt = "") men li ta reyèlman pi bon bay chak imaj yon deskripsyon ki itil. Si ou te avèg, ki sa ou ta bezwen konnen sou imaj la? "Fanm" se pa anpil èd, men petèt "Madanm desen tablo koule konsepsyon ki gen ladan aksè, itilite, branding, ak konsepsyon."

Tèks Tit

Sit entènèt yo pa toujou montre tag a tit HTML, men li se itil pou lektè ekran. Asire w ke chak nan paj sit entènèt ou an gen yon tit deskriptif (men pa twò fò) ki di vizitè ki paj la se sou.

Bay sit entènèt ou a bon enfòmasyon yerachi

Kraze gwo fragman nan tèks ak Tèt, epi, si sa posib, itilize tèt ak H1, H2, H3 yerachi a kòmsadwa. Se pa sèlman li fè sit entènèt ou pi fasil pou lektè ekran, li fè li pi fasil pou tout lòt moun. Li la tou yon gwo siyal pou Google ak motè rechèch lòt yo ede yo pi bon endèks sit entènèt ou an.

Menm jan tou, ou ta dwe asire ke sit entènèt ou an nan yon lòd kontni ki lojik e ke ou pa gen bwat nan enfòmasyon ki asosye parèt. Si w ap itilize anons, gade ke anons ou yo pa tro intrusive ak kraze tèks la sou sit entènèt ou twò souvan.

Fè pi bon Tablo

Si w ap itilize tablo HTML, ou ka ajoute tit yo nan tab ou lè l sèvi avèk tag nan yo nan lòd fè yo pi fasil yo konprann pa lektè ekran olye ke jis fè tit la nan yon tab nan tèks fonse. Ou ka ajoute tou eleman "dimansyon" la epi mete etikèt sou nouvo ranje ak kolòn nan tablo ou pou lektè ekran pa tou senpleman rasin nan yon seri selil tab san yo pa bay nenpòt ki kontèks.

Navigasyon klavye

An jeneral, nenpòt bagay ou mete sou sit entènèt ou ta dwe yon bagay ke yon moun te ka limajinè lè l sèvi avèk yon klavye sèlman. Sa vle di bouton Navigasyon ou pa ta dwe anime bouton demaraj si ou pa ka sèvi ak yo ak yon lektè ekran (eseye li ak wè si ou pa sèten - kèk bouton yo pwograme pou itilize klavye.)

Fèmen Captions

Si ou ajoute videyo oswa eleman odyo nan sit entènèt ou an, yo ta dwe gen captions. HTML5 ak anpil sèvis videyo difizyon (tankou YouTube) ofri fèmen sipò captioning. Etap fèmen yo itil pa sèlman pou aksè, men tou pou itilizatè ki ka Navigasyon sit entènèt ou yon kote yo pa ka jwe odyo, tankou nan yon biwo oswa nan yon kote ki fè bwi.

Pou podcasts oswa lòt eleman odyo, konsidere bay yon transkripsyon tèks. Se pa sèlman li itil pou moun ki pa ka koute odyo a, ki gen tèks la pral fè li pi fasil pou Google ak motè rechèch lòt endèks ki kontni epi ede plase Google ou .

ARIA

Si ou vle ale nan nivo avanse nan aksè, HTML5 ARIA oswa WAI-ARIA espesifikasyon vize yo dwe estanda nan nouvo ale pi devan. Sepandan, sa a se yon konplèks (ak en) teknik manyèl, Se konsa, sa ou ta ka fè se sèvi ak yon validatè ARIA yo analysis yo wè si sit entènèt ou a gen nenpòt pwoblèm ou ka adrese. Mozilla tou te gen yon gid ki pi apwòch nan kòmanse ak ARIA.