Хүн бүрийн хэрэгцээг хангах сайттай илүү уншигчдыг татах
Таны вебсайтыг хөгжлийн бэрхшээлтэй хүмүүст хүргэх боломжтой болгосноор та бүхэнд хүрэх боломжтой. Үнэндээ, таны вэбсайтыг илүү хүртээмжтэй болгох нь хүмүүсийг хайлтын систем дээрээ вэбсайтаа олоход нь тусалдаг. Яагаад? Хайлтын систем нь таны вэбсайтын агуулгыг ойлгох, ойлгохын тулд уншигчдын хийж буй ижил дохиог ашигладаг учраас ашигладаг.
Гэхдээ кодын мэргэжилтэн болохгүйгээр яаж хүртээмжтэй вэбсайтыг яаж хийх вэ?
Тэдний вэбсайтын хүртээмжийг сайжруулахын тулд үндсэн HTML мэдлэг бүхий бараг хэн ч ашиглаж болох зарим зөвлөмжүүд болон заль мэх.
Вэб хандах боломжтой хэрэгслүүд
W3C нь вэбсайттай холбоотой асуудлуудыг илрүүлэхийн тулд шалгагч болгон ашиглаж болох вэбийн хүртээмжтэй хэрэгслүүдийн гайхалтай жагсаалттай. Энэ нь дэлгэцийн уншигчтай танилцах, өөрийгөө мэдрэхийг зөвлөж байна.
Холбогдох Унших: Туслах технологи гэж юу вэ, энэ нь хэрхэн ажилладаг вэ?
Дэлгэц уншигчдыг ойлгох
Вэбсайтынхаа хүртээмжийг сайжруулах хамгийн чухал арга замуудын нэг нь дэлгэц уншигчдад ойлгомжтой болгох явдал юм. Дэлгэц уншигчид дэлгэц дээрх текстийг уншихын тулд синтезжсон дуу ашигладаг. Энэ нь маш энгийн сонсогдож байна; Гэсэн хэдий ч, дэлгэц уншигчдад одоогоор таны тохируулсан вэбсайтыг таны вэб сайтыг ойлгохгүй байж болно.
Хамгийн эхний зүйл бол дэлгэц уншигчаа туршаад үзээрэй. Хэрэв та Mac дээр байгаа бол VoiceOver-г ашиглана уу.
- Системийн Тохиргоо руу очно уу .
- Хандалтыг сонгох .
- VoiceOver-г сонго .
- VoiceOver-г идэвхжүүлэх хайрцгийг шалгана уу .
Та тушаал-F5 ашиглан үүнийг идэвхижүүлж, унтраах боломжтой.
Хэрэв та Windows машин дээр байгаа бол NVDA татаж авахыг хүсч болно. Та үүнийг богино холболтыг + alt + n-р идэвхижүүлэхийн тулд тохируулж болно.
Дэлгэцийн уншигчид хоёулаа хэрэглэгчээр гараар хөтлөх боломжийг олгодог (энэ нь утга учиртай - хэрвээ та харж чадахгүй бол, хулганаа ашиглах нь бэрхшээлтэй байх болно) болон навигацийн чиглэлд анхаарлаа төвлөрүүлэх талбар бий болгоно. Гол анхаарал нь гарыг "зааж өгсөн" гэж хэлдэг боловч гол төлөв курсор биш фокус объектын эргэн тойронд тодруулсан хайрцаг байдлаар харуулагддаг.
Та дууны давтамжийг өөрчилж болно, мөн анхдагч тохиргоо ядаргаатай байвал дуу уншиж байгаа хурд (мөн стандарт удаан дуут уншихыг сонсоход ойролцоогоор тавхан минутын дараа тэд ихэвчлэн байдаг). Сохор хүмүүс ихэвчлэн өндөр хурдтай дэлгэцийн уншигчидтай вэбсайтуудыг уншдаг.
Үүнийг хийснээр нүдийг чинь хааж болно, гэхдээ энэ нь тэднийг нээлттэй байлгаж, харьцуулж болно. Таны вебсайтыг сонсох гэж оролдох үед таны заримыг нь даруй мэдэрч болох зарим зүйл нь зарим нэг текстийг захиалж чадахгүй болно. Гарчиг болон хүснэгтүүд нь дуугарч болно. Файлууд алгасах эсвэл "зураг" эсвэл ижил төстэй зүйлгүй гэж хэлж болно. Хүснэгтийг контекстгүйгээр цуврал зүйл болгон унших хандлагатай байдаг.
Та үүнийг засч болно гэдэгт найдаж байна.
Alt-Tag буюу Альтернатив шинж чанар
Alt-тагийн эсвэл өөр (alt) шинж чанарыг HTML-д дүрсэлж дүрслэхэд ашигладаг. HTML-д иймэрхүү харагдах болно:
Хэдийгээр таны вэбсайтыг таны HTML кодыг нууж харахад харагдахуйц хэрэгсэлтэй байсан ч гэсэн та бараг л үргэлжлүүлэн зураг дүрслэх боломжтой байх болно. Та ямар ч оруулаагүй (alt = "") гэхдээ зураг тус бүрийг ашигтай тайлбар өгөх нь зүйтэй юм. Хэрэв та сохор байсан бол дүр төрхийг мэдэхийн тулд юу хийх хэрэгтэй вэ? "Эмэгтэй" нь ихээхэн тус болохгүй, гэхдээ "Эмэгтэй загвар дизайн урсгалын график, хүртээмж, хэрэглээ, бренд, дизайн гэх мэт."
Гарчиг Текст
Вэбсайтууд нь HTML гарчигны шошгыг байнга харуулдаггүй ч дэлгэцийн уншигчдад тустай байдаг. Таны вебсайтын хуудас тус бүрийг хуудасны тухай юу гэж мэдээлдэгийг тайлбарласан (гэхдээ хэтэрхий хэтэрхий үгээгүй) гэсэн гарчигтай байгаа эсэхийг шалгаарай.
Вэбсайтдаа сайн мэдээллийн шатлалыг өгнө үү
Толгойн хэсгүүдийн том хэсгүүдийг салгаж, боломжтой бол H1, H2, H3 шатлалтайгаар толгойнуудыг ашиглах боломжтой. Энэ нь таны вэбсайтыг дэлгэц уншигчдад илүү хялбар болгохоос гадна бусад хүмүүст хялбар болгоно. Энэ нь бас Google-ийн болон бусад хайлтын системд таны вэбсайтыг сайтар индексжүүлэхэд туслах гайхалтай дохио юм.
Үүний нэгэн адил та вэбсайтаа логик контентийн дараалалд байгаа эсэхийг шалгаж, холбоогүй мэдээллийн хайрцаг байхгүй байгаа эсэхийг шалгаарай. Хэрвээ та зар сурталчилгаа ашиглаж байгаа бол таны зар сурталчилгаа хэтэрхий интрузив биш бөгөөд вэбсайтдаа хэтэрхий олон удаа текстийг салгаж байгаарай.
Илүү сайн хүснэгтүүдийг хий
Хэрэв та HTML хүснэгтүүдийг ашиглаж байгаа бол хүснэгтний гарчгийг зоримог текстээр бичих биш харин дэлгэц уншигчдад ойлгоход хялбар болгоно. Та мөн "хамрах хүрээ" элементийг нэмэх ба хүснэгтэндээ шинэ мөр, баганыг тодоор бичиж болно. Ингэснээр дэлгэц уншигчдад ямар нэг контент хийлгүйгээр хэд хэдэн хүснэгтийн нүднүүдийг эвдэж чадахгүй.
Гарын навигацийн
Ерөнхийдөө, таны вэбсайт дээр тавьсан аливаа зүйл нь хэн нэг нь зөвхөн гараар хийж чадах зүйл байх ёстой. Энэ нь дэлгэцийн уншигчид ашиглах боломжгүй бол таны навигацийн товчлуурууд нь дэлгэц уншигч хэрэглэж болохгүй гэсэн үг юм. (Хэрэв та итгэлгүй байгаа эсэхийг шалгаарай, зарим товчлуурууд гарт програмчлагдсан байдаг)
Хаалттай тайлбарууд
Хэрэв та вебсайт эсвэл аудио элементийг вэбсайтдаа нэмэх бол тэдгээр нь тайлбартай байх ёстой. HTML5 болон олон видеог цацах үйлчилгээ (YouTube шиг) нь хаалттай тайлбарыг санал болгож байна. Хаалттай тайлбарууд нь зөвхөн хүртээмжтэй бус төдийгүй, мөн дуутаа тоглуулах боломжгүй газар, эсвэл дуу чимээтэй байршил гэх мэт вэбсайтаа үзэж болох хэрэглэгчдэд хэрэгтэй.
Podcast болон бусад аудио элементийн хувьд текстийн хуулбарыг өгөх хэрэгтэй. Аудио сонсох боломжгүй хүмүүст зөвхөн текст агуулснаар Google болон бусад хайлтын системийг Google-ийн рейтингийн индексжүүлэхэд хялбар болгож өгдөг.
ARIA
Хэрвээ та дэвшилтэт түвшинд хүрэхийг хүсвэл HTML5 ARIA эсвэл WAI-ARIA тодорхойлолтууд нь шинэ стандарт байх болно. Гэсэн хэдий ч энэ нь нарийн төвөгтэй (болон хувирах) техникийн гарын авлага юм. Тэгэхээр таны хийж чадах зүйл бол таны вэбсайттай холбоотой ямар нэгэн асуудал байгаа эсэхийг шалгахын тулд ARIA сертификатчин ашиглана уу. Mozilla ARIA-тэй ажиллахад илүү хялбар аргатай гарын авлагатай.