Nyieun Loka Ramat anjeun diaksés pikeun jalmi kalawan kakirangan

Mikat langkung pamiarsa kalawan situs nu fits pangabutuh dulur urang

Ku nyieun Website anjeun diaksés nepi jalma kalawan disabilities, anjeun mungkas nepi pembuatan anu bisa diasupan ka dulur. Kanyataanna, nyieun Website anjeun beuki diaksés malah bisa nulungan jalma manggihan ramatloka anjeun dina mesin pencari. Naha? Kusabab mesin pencari nganggo sababaraha sinyal pisan sarua yen layar pamiarsa ngalakukeun dina urutan pikeun manggihan tur ngartos eusi ramatloka anjeun.

Tapi kahayang kumaha maneh nyieun hiji ramatloka diaksés tanpa kenging gelar ahli coding?

Di dieu aya sababaraha tip sarta trik nu ampir saha jeung pangaweruh HTML dasar bisa ngagunakeun pikeun ngaronjatkeun diakses ramatloka maranéhanana sacara.

Pakakas Aksesibilitas Web

W3C boga daptar hebat tina parabot diakses web anjeun bisa make salaku Checker ka titik masalah poténsi kalayan ramatloka anjeun. Kitu cenah, Kuring masih nyarankeun lakukeun sababaraha Ngalanglang ku maca layar tur ngalaman eta pikeun diri.

Patali Reading: Naon Dupi Téhnologi sangkan tur Kumaha Dupi Ieu Gawé?

Ngarti Pamiarsa layar

Salah sahiji cara pangpentingna bisa ngaronjatkeun diakses tina ramatloka anjeun pikeun mastikeun eta bisa dipikaharti ku pamiarsa layar. pamiarsa layar ngagunakeun sora disintésis maca téks dina layar. Nu hurung geulis lugas; kumaha oge, pamiarsa layar teu ngartos ramatloka anjeun cara anjeun ayeuna geus deui nyetél.

Hal kahiji Anjeun meureun hoyong sugan aya coba kaluar a maca layar tur tingal kumaha eta mana. Mun anjeun dina Mac, coba ngagunakeun VoiceOver.

  1. Buka Tanya System.
  2. Pilih Aksesibilitas.
  3. Pilih VoiceOver.
  4. Pariksa kotak pikeun Aktipkeun VoiceOver.

Anjeun tiasa toggle eta sareng mareuman maké paréntah-F5.

Mun anjeun dina mesin Windows, anjeun bisa hoyong undeur NVDA. Anjeun tiasa nyetel eta nepi ka toggle sareng mareuman jeung kontrol potong kompas + alt + n.

Duanana pamiarsa layar beroperasi ku letting nu Napigasi pamaké ku keyboard (ieu ngajadikeun rasa - lamun teu tiasa ningali, ngagunakeun mouse hiji bakal janten tantangan a) jeung ku nyieun wewengkon pokus pikeun navigasi. fokus ka anu dasarna mana keyboard teh nyaeta "nunjuk," tapi ieu biasana dipintonkeun salaku kotak diwarnaan sabudeureun obyek fokus tinimbang kursor a.

Anjeun tiasa ngarobah duanana pitch sora jeung speed di mana sora anu berbunyi lamun setélan standar anu bangor (jeung sanggeus kira lima menit tina ngadengekeun hiji bacaan sora slow baku, aranjeunna biasana aya). jalma buta biasana maca situs web sareng pamiarsa layar maranéhna disetel ka speeds tinggi.

Ieu bisa mantuan pikeun nutup panon anjeun anjeun ngalakukeun ieu, tapi ogé bisa mantuan tetep aranjeunna kabuka sarta ngabandingkeun. Sababaraha hal nu bisa langsung mere nyaho mun anjeun coba dengekeun ramatloka anjeun nu sababaraha téks meureun kaluar tina urutan. Lulugu jeung tabel bisa neangan jumbled. Gambar bisa boh jadi skipped atawa maranéhna bisa ngomong "gambar" atanapi hal sarua unhelpful. Tables condong dibaca salaku runtuyan barang tanpa konteks.

Anjeun tiasa, mugia, ngalereskeun ieu.

Alt-Tags atawa atribut Alternatif

The alt-tag atawa alternatif (alt) atribut dipaké dina HTML keur ngajelaskeun hiji gambar. Dina HTML, éta Sigana hal kawas kieu:

Malah lamun nyieun Website anjeun sareng alat visual anu hides kode HTML, anjeun bakal ampir sok boga kasempetan pikeun asupkeun hiji pedaran gambar. Anjeun tiasa asupkeun nanaon (alt = "") tapi bener bakal jadi hadé méré tiap gambar pedaran mantuan. Mun anjeun buta, naon anu anjeun peryogi kauninga ngeunaan gambar? "Sampéan" teu loba pitulung, tapi meureun "Woman teken bagan aliran desain kaasup diakses, usability, branding, sarta rarancang".

judul téks

Jaba teu salawasna nembongkeun tag judul HTML, tapi éta mantuan pikeun pamiarsa layar. Pastikeun unggal kaca ramatloka anjeun ngabogaan judul deskriptif (tapi teu overly verbose) nu ngabejaan datang naon kaca panjangna kira.

Masihan Website anjeun Good Émbaran hirarki

Megatkeun up sakumpulan badag tina téks kalawan headers, sarta, upami mungkin, make headers jeung H1, H2, H3 hirarki appropriately. Henteu ngan teu eta ngadamel ramatloka anjeun leuwih gampang pikeun pamiarsa layar, eta ngajadikeun eta gampang for everyone sejenna. Ieu ogé sinyal gede pikeun Google tur mesin pencari séjén pikeun mantuan aranjeunna indéks hadé ramatloka anjeun.

Nya kitu, Anjeun kudu mastikeun ramatloka anjeun dina urutan eusi logis tur nu teu boga kotak informasi séjén nu teu patali muncul. Lamun nuju ngagunakeun Iklan, lalajo nu Iklan anjeun henteu overly intrusive sarta megatkeun up téks dina ramatloka anjeun teuing remen.

Jieun Tables Leuwih alus

Upami Anjeun keur make tabel HTML, Anjeun bisa nambah captions mun tabél Anjeun maké tag dina raraga nyieun éta gampang ngarti ku pamiarsa layar batan ukur nyieun judul méja di téks kandel. Anjeun oge bisa nambah "wengkuan" unsur tur jelas labél barisan anyar jeung kolom dina tabél Anjeun jadi pamiarsa layar teu saukur meletok kaluar runtuyan sél tabel tanpa méré konteks naon.

Napigasi keyboard

Sacara umum, nanaon ditunda ramatloka anjeun kedah hal nu batur conceivably bisa ngalakukeun maké keyboard a wungkul. Éta hartina tombol navigasi Anjeun teu matak animasi tombol dropdown lamun teu bisa make eta ku maca layar (coba eta tur tingal mun anjeun teu surti -. Sababaraha tombol anu diprogram keur dipake keyboard)

Captions Closed

Lamun ditambahkeun video atawa elemen audio kana ramatloka anjeun, aranjeunna kedah gaduh captions. HTML5 jeung loba jasa video streaming (kawas YouTube) nawiskeun rojongan Captioning katutup. captions Closed nu mangpaat henteu ngan keur diakses tapi ogé pikeun pamaké anu bisa jadi ngotektak ramatloka anjeun wae dimana aranjeunna moal bisa maén audio, kayaning dina kantor atanapi di lokasi ribut.

Pikeun podcast, atawa elemen audio sejenna, mertimbangkeun nyadiakeun transcript téks. Henteu ngan éta mangpaat pikeun jalma nu teu tiasa ngadangukeun audio nu, mibanda téks bakal nyieun leuwih gampang pikeun Google tur mesin pencari séjén pikeun indéks eusi éta sarta ngabantu ranking Google Anjeun .

Aria

Mun rék indit ka tingkat canggih tina diakses, HTML5 Aria atanapi spésifikasi Wai-Aria Tujuan bisa standar anyar bade ka hareup. Sanajan kitu, ieu téh kompléks (jeung ngembang) manual teknis, jadi naon bisa Sadérék téh ngagunakeun hiji validator Aria pikeun nyeken ningali lamun ramatloka anjeun boga isu naon anjeun tiasa alamat. Mozilla ogé boga hiji pituduh beuki dideukeutan mun ngamimitian kalawan Aria.