Narik kawigatosan luwih akeh karo situs sing cocog karo kabutuhan saben wong
Kanthi nggawe situs web sampeyan bisa diakses dening wong sing ora duwe kabisan, sampeyan bakal bisa diakses dening kabeh wong. Ing kasunyatan, nggawe situs web sampeyan luwih gampang malah bisa mbantu wong golek situs web ing mesin telusur. Kenapa? Amarga mesin telusur nggunakake sawetara sinyal sing padha sing diwaca layar kanggo nemokake lan ngerteni isi situs web sampeyan.
Nanging apa sampeyan nggawe situs web diakses tanpa dadi ahli kodhe?
Punika sawetara tips lan trik sing meh sapisan karo kawruh HTML dhasar bisa digunakake kanggo nambah aksesibilitas situs web.
Alat Aksesibilitas Web
W3C nduwe daftar fantastis alat aksesibilitas web sing bisa digunakake minangka checker kanggo nemokake masalah potensial karo situs web sampeyan. Sing jarene, aku isih menehi saran nggolek sawetara njelajah karo maca layar lan ngalami kanggo dhewe.
Related Reading: Apa Teknologi Bantu lan Carane Apa Iku Bisa?
Understanding Screen Readers
Salah siji cara sing paling penting sampeyan bisa nambah aksesibilitas saka situs web sampeyan kanggo nggawe manawa bisa dipahami dening maca layar. Pembaca layar nggunakake swara disintesis kanggo maca teks ing layar. Sing muni cukup straightforward; Nanging, panelusur layar uga ora ngerti situs web sampeyan kanthi cara saiki.
Ing bab pisanan sampeyan pengin nggawe nyoba metu maca layar lan ndeleng carane dadi. Yen sampeyan ana ing Mac, coba nggunakake VoiceOver.
- Pindhah menyang Preferensi Sistem.
- Pilih Aksesibilitas.
- Pilih VoiceOver.
- Priksa kothak kanggo Aktifake VoiceOver.
Sampeyan bisa nguripake lan mateni kanthi nggunakake command-F5.
Yen sampeyan ana ing mesin Windows, sampeyan pengin ngundhuh NVDA. Sampeyan bisa ngeset lan nguripake lan mateni kontrol trabasan + alt + n.
Loro-lorone panelusur layar bisa digunakake kanthi ngidini pangguna nampilake keyboard (iki ndadekake rasa - yen sampeyan ora bisa ndeleng, nggunakake mouse bakal dadi tantangan) lan nggawe area fokus kanggo pandhu arah. Fokus yaiku ing ngendi papan "nuding," nanging biasane ditampilake minangka kothak sing disorot ing obyek fokus tinimbang kursor.
Sampeyan bisa ngganti pitch suara lan kacepetan ing swara kasebut yen setelan gawan ngganggu (lan sawise limang menit ngrungokake bacaan swara alon standar, padha biasane). Wong wuta biasane maca situs web karo layar sing dienggo nyetel kecepatan tinggi.
Sampeyan bisa mbantu nutup mata nalika sampeyan nindakake iki, nanging uga mbantu supaya wong bisa mbukak lan mbandhingake. Sawetara bab sing bisa ditemokake kanthi langsung nalika nyoba ngrungokake situs web sampeyan yaiku sawetara teks sing ora ana. Judul lan tabel bisa uga disimpulake. Gambar uga bisa diluncurake utawa bisa uga diarani "gambar" utawa samesthine ora bisa dielingake. Tabel cenderung dibaca minangka seri saka item tanpa konteks.
Sampeyan bisa, mugia, ndandani iki.
Alt-Tags utawa Atribut Alternatif
Atribut alt-tag utawa alternatif (alt) digunakake ing HTML kanggo njlèntrèhaké gambar. Ing HTML, katon kaya iki:
Sanajan sampeyan nggawe situs web sampeyan nganggo alat visual sing nyatakake kode HTML, sampeyan bakal meh duwe kesempatan kanggo ngetik gambar gambaran. Sampeyan ora bisa nglebokake apa-apa (alt = "") nanging luwih becik kanggo menehi saben gambaran minangka gambaran mbiyantu. Yen sampeyan wuta, apa sampeyan kudu ngerti babagan gambar kasebut? "Wanita" ora akeh pitulung, nanging uga "Gambar aliran desain gambar wanita kalebu aksesibilitas, kegunaan, branding, lan desain."
Tèks Judhul
Situs web ora sok nuduhake tag judhul HTML, nanging mbiyantu para pembaca layar. Priksa manawa saben kaca situs web nduweni judhul deskriptif (nanging ora akeh banget) sing ngandhani pengunjung apa kaca kasebut.
Menehi situs web sampeyan Good Information Hierarchy
Ngilangi potongan gedhe teks kanthi judul, lan, yen bisa, gunakake header kanthi hirarki H1, H2, H3 kanthi tepat. Ora mung nggawe situs web luwih gampang kanggo maca sing maca, dadi luwih gampang kanggo wong liya. Iku uga sinyal gedhe kanggo Google lan mesin telusur liyane supaya bisa luwih apik nggoleki situs web sampeyan.
Kajaba iku, sampeyan kudu nggawe manawa situs web sampeyan ana ing urutan isi sing mlebu log lan sampeyan ora duwe kothak informasi sing ora ana hubungane. Yen sampeyan nggunakake iklan, ndeleng yen iklan sampeyan ora seneng banget lan ngilangi teks ing situs web sampeyan uga kerep.
Nggawe luwih apik Tabel
Yen sampeyan nggunakake tabel HTML, sampeyan bisa nambah tulisan kanggo tabel kanthi nggunakake tag supaya bisa luwih gampang dimangerteni dening maca layar tinimbang mung nggawe judhul tabel kanthi teks kandel. Sampeyan uga bisa nambah elemen "ruang lingkup" lan label kanthi jelas baris lan kolom anyar ing meja supaya panelusur layar ora mung ngetok-ngemut serangkaian sel tabel tanpa menehi konteks apa-apa.
Keyboard Navigasi
Umumé, apa wae sing sampeyan lebokna ing situs web sampeyan kudu dadi bab sing dianggep wong nggunakake keyboard mung. Tegese tombol pandhu arah ora dienggo tombol animasi yen sampeyan ora bisa nggunakake pembaca layar (coba lan weruh yen sampeyan ora yakin - sawetara tombol diprogram kanggo nggunakake keyboard.)
Kaping Ketutup
Yen sampeyan nambah video utawa unsur audio menyang situs web, sampeyan kudu duwe tulisan. HTML5 lan akeh layanan streaming video (kayata YouTube) nyedhiyakake dhukungan teks captioning. Katrangan tertutup migunani ora mung kanggo aksesibilitas nanging uga kanggo pangguna sing bisa nelusur situs web sampeyan ing ngendi wae, ora bisa muter audio, kayata ing kantor utawa ing lokasi bisu.
Kanggo podcast utawa unsur audio liyane, nimbang nyedhiyakake transkrip teks. Ora mung migunani kanggo wong sing ora bisa ngrungokake audio, kanthi teks kasebut bakal luwih gampang Google lan mesin telusur liya ngindeks isi kasebut lan mbantu peringkat Google .
ARIA
Yen sampeyan pengin pindhah menyang level aksesibilitas tingkat lanjut, spesifikasi HTML5 ARIA utawa WAI-ARIA ngarahake dadi standar anyar maju. Nanging, iki minangka manual teknis sing rumit (lan berkembang), dadi apa sing bisa sampeyan gunakake yaiku nggunakake validator ARIA kanggo mindai kanggo ndeleng yen situs web sampeyan duwe masalah sing bisa ditangani. Mozilla uga duwe pandhuan sing luwih cedhak kanggo miwiti ARIA.