Tarik lebih banyak pembaca dengan laman web yang memenuhi keperluan semua orang
Dengan membuat laman web anda diakses kepada orang kurang upaya, anda akhirnya membuat boleh diakses oleh semua orang. Bahkan, membuat laman web anda lebih mudah diakses bahkan dapat membantu orang mencari tapak web anda di enjin pencarian. Mengapa? Kerana enjin carian menggunakan beberapa isyarat yang sama yang dilakukan pembaca skrin untuk mencari dan memahami kandungan laman web anda.
Tetapi bagaimana anda membuat laman web yang boleh diakses tanpa menjadi pakar pengkod?
Berikut adalah beberapa petua dan kiat yang hampir semua orang yang mempunyai pengetahuan asas HTML boleh menggunakan untuk meningkatkan kebolehaksesan laman web mereka.
Alat Kebolehaksesan Web
W3C mempunyai senarai hebat alat kebolehaksesan web yang anda boleh gunakan sebagai pemeriksa untuk melihat potensi masalah dengan laman web anda. Yang berkata, saya masih mengesyorkan melakukan beberapa meneroka dengan pembaca skrin dan mengalaminya untuk diri sendiri.
Bacaan Berkaitan: Apakah Teknologi Pembantu dan Bagaimana Ia berfungsi?
Memahami Pembaca Skrin
Salah satu cara yang paling penting untuk meningkatkan kebolehcapaian laman web anda adalah untuk memastikan ia dapat difahami oleh pembaca skrin. Pembaca skrin menggunakan suara yang disintesis untuk membaca teks pada skrin. Itu kedengarannya agak mudah; Walau bagaimanapun, pembaca skrin mungkin tidak memahami laman web anda seperti yang anda buat pada masa ini.
Perkara pertama yang anda mungkin lakukan ialah mencuba pembaca skrin dan melihat bagaimana ia berlaku. Jika anda berada di Mac, cuba gunakan VoiceOver.
- Pergi ke Keutamaan Sistem.
- Pilih Kebolehcapaian.
- Pilih VoiceOver.
- Tandakan kotak untuk Aktifkan VoiceOver.
Anda boleh menghidupkan dan mematikannya menggunakan arahan-F5.
Jika anda berada di mesin Windows, anda mungkin mahu memuat turun NVDA. Anda boleh menetapkannya untuk menghidupkan dan mematikan dengan kawalan pintasan + alt + n.
Kedua-dua pembaca skrin beroperasi dengan membiarkan pengguna menavigasi oleh papan kekunci (ini masuk akal - jika anda tidak dapat melihat, dengan menggunakan tetikus akan menjadi cabaran) dan dengan mewujudkan kawasan fokus untuk navigasi. Tumpuannya adalah pada dasarnya keyboard "menunjuk", tetapi biasanya dipaparkan sebagai kotak diserlahkan di sekitar objek fokus bukan kursor.
Anda boleh menukar kedua-dua padang suara dan kelajuan di mana suara berbunyi jika tetapan lalai menjengkelkan (dan selepas kira-kira lima minit mendengar bacaan suara lambat standard, biasanya mereka). Orang buta biasanya membaca laman web dengan pembaca skrin mereka ditetapkan ke kelajuan tinggi.
Ia boleh membantu menutup mata anda seperti yang anda lakukan, tetapi ia juga boleh membantu membuka dan membandingkannya. Beberapa perkara yang mungkin anda perhatikan segera apabila anda cuba mendengarkan tapak web anda adalah bahawa beberapa teks mungkin kehabisan pesanan. Tajuk-tajuk dan jadual mungkin dapat dikurangkan. Imej mungkin dilangkau atau mereka mungkin berkata "imej" atau sesuatu yang sama tidak membantu. Jadual cenderung dibaca sebagai satu siri item tanpa konteks.
Anda boleh, mudah-mudahan, selesaikan ini.
Alt-Tags atau Atribut Alternatif
Alt alt atau atribut alternatif (alt) digunakan dalam HTML untuk menggambarkan imej. Dalam HTML, ia kelihatan seperti ini:
Walaupun anda membuat laman web anda dengan alat visual yang menyembunyikan kod HTML anda, anda hampir selalu mempunyai peluang untuk memasukkan penerangan imej. Anda boleh memasukkan apa-apa (alt = "") tetapi benar-benar lebih baik untuk memberikan setiap gambaran imej yang berguna. Jika anda buta, apa yang anda perlu tahu tentang imej itu? "Wanita" tidak banyak membantu, tetapi mungkin "Carta aliran lukisan wanita termasuk akses, kebolehgunaan, penjenamaan dan reka bentuk."
Teks Tajuk
Tapak web tidak selalu memaparkan tag tajuk HTML, tetapi berguna untuk pembaca skrin. Pastikan setiap laman web anda mempunyai tajuk deskriptif (tetapi tidak terlalu keras) yang memberitahu pengunjung tentang halaman tersebut.
Berikan Hierarki Maklumat Baik Laman Web Anda
Memecahkan ketulan besar teks dengan tajuk, dan, jika boleh, gunakan tajuk dengan H1, H2, H3 hirarki dengan sewajarnya. Bukan sahaja menjadikan laman web anda lebih mudah untuk pembaca skrin, ia menjadikannya lebih mudah untuk orang lain. Ia juga isyarat yang baik untuk Google dan enjin carian lain untuk membantu mereka mengindeks laman web anda dengan lebih baik.
Begitu juga, anda harus memastikan laman web anda berada dalam susunan kandungan logik dan anda tidak mempunyai kotak maklumat tidak berkaitan yang muncul. Jika anda menggunakan iklan, perhatikan bahawa iklan anda tidak terlalu mengganggu dan memecah teks di laman web anda terlalu kerap.
Buat Jadual Lebih Baik
Jika anda menggunakan jadual HTML, anda boleh menambah kapsyen ke jadual anda menggunakan tag untuk menjadikannya lebih mudah difahami oleh pembaca skrin dan bukannya hanya membuat tajuk jadual dalam teks tebal. Anda juga boleh menambah elemen "ruang lingkup" dan dengan jelas melabel baris dan lajur baru di dalam jadual anda supaya pembaca skrin tidak hanya mengetengahkan sel siri meja tanpa memberi sebarang konteks.
Navigasi Papan Kekunci
Secara umum, apa sahaja yang anda letakkan di tapak web anda haruslah sesuatu yang seseorang dapat berfikir dengan menggunakan papan kekunci sahaja. Itu bermakna butang navigasi anda tidak boleh dihidupkan butang jatuh turun jika anda tidak dapat menggunakannya dengan pembaca skrin (cuba dan lihat jika anda tidak pasti - beberapa butang diprogramkan untuk menggunakan papan kekunci.)
Kapsyen Tertutup
Jika anda menambah video atau elemen audio ke tapak web anda, mereka harus mempunyai kapsyen. HTML5 dan banyak perkhidmatan streaming video (seperti YouTube) menawarkan sokongan keterangan tertutup. Kapsyen tertutup berguna bukan sahaja untuk akses tetapi juga untuk pengguna yang mungkin melayari laman web anda di mana mereka tidak boleh memainkan audio, seperti di pejabat atau di lokasi yang bising.
Untuk podcast atau unsur audio lain, pertimbangkan untuk menyediakan transkrip teks. Bukan sahaja berguna untuk orang yang tidak dapat mendengar audio, dengan teks akan memudahkan Google dan enjin carian lain untuk mengindeks kandungan itu dan membantu ranking Google anda .
ARIA
Sekiranya anda ingin pergi ke peringkat akses yang lebih maju, spesifikasi HTML5 ARIA atau WAI-ARIA bertujuan untuk menjadi standard baru yang akan maju. Walau bagaimanapun, ini adalah manual teknikal yang kompleks (dan berkembang), jadi apa yang anda boleh lakukan ialah menggunakan pengesah ARIA untuk mengimbas untuk melihat jika tapak web anda mempunyai sebarang isu yang boleh anda hadapi. Mozilla juga mempunyai panduan yang lebih mendekati untuk memulakan dengan ARIA.