Mengapa Kebolehcapaian Penting Tahap WCAG
Pelajari pematuhan WCAG A, AA, AAA serta sebabnya penting dari segi undang-undang dan etika
Mengapa Kebolehcapaian Penting Tahap WCAG ialah pelajaran HTML Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran HTML Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus HTML Academy merangkumi sejumlah 4 pelajaran.
Apakah Kebolehcapaian Web?
Kebolehcapaian web bermaksud memastikan orang kurang upaya boleh melihat, memahami, menavigasi dan berinteraksi dengan web:
- Masalah penglihatan — buta, penglihatan terhad, buta warna
- Masalah pergerakan — tidak dapat menggunakan tetikus
- Masalah pendengaran — pekak
- Ketidakupayaan kognitif — disleksia, ADHD, masalah ingatan
Mengapa Kebolehcapaian Penting
Kebolehcapaian penting atas pelbagai sebab:
- Hak asasi manusia — semua orang berhak mendapat akses kepada web
- Keperluan undang-undang — ADA, Seksyen 508, Akta Kebolehcapaian EU
- Kes perniagaan — 15% penduduk dunia mempunyai ketidakupayaan (1 bilion orang)
- SEO — laman yang boleh diakses sering mendapat kedudukan lebih baik
- UX yang lebih baik untuk semua — kesan laluan landai: kapsyen membantu dalam persekitaran bising
WCAG: Apakah Maksudnya
WCAG (Garis Panduan Kebolehcapaian Kandungan Web) ialah piawaian antarabangsa untuk kebolehcapaian web yang diterbitkan oleh W3C:
- Versi semasa: WCAG 2.1 (diguna pakai secara meluas), WCAG 2.2 (2023)
- WCAG 3.0 sedang dibangunkan
- Disusun berdasarkan 4 prinsip: POUR
Prinsip POUR
WCAG berasaskan empat prinsip teras. Kandungan mestilah:
- Perceivable — boleh dilihat dan difahami oleh pengguna
- Operable — boleh dikendalikan oleh pengguna
- Understandable — boleh difahami
- Robust — berfungsi dengan teknologi bantuan semasa dan masa hadapan
Tahap Pematuhan WCAG
WCAG mempunyai tiga tahap pematuhan:
- Tahap A — minimum; mesti dipenuhi. Tanpanya, kumpulan utama akan tersisih.
- Tahap AA — disyorkan untuk kebanyakan laman web; diwajibkan oleh kebanyakan undang-undang
- Tahap AAA — ideal tetapi tidak diwajibkan; piawaian yang sangat tinggi
Contoh Tahap A
Keperluan penting Tahap A:
- Semua imej mempunyai teks alt
- Semua audio mempunyai transkrip atau kapsyen
- Tiada kandungan berkelip lebih daripada 3 kali sesaat (risiko sawan)
- Pengguna boleh menjeda, menghentikan atau menyembunyikan kandungan bergerak
- Semua fungsi boleh diakses dengan papan kekunci
Contoh Tahap AA
Keperluan Tahap AA (sasaran piawai):
- Nisbah kontras teks: sekurang-kurangnya 4.5:1
- Penunjuk fokus antara muka pengguna kelihatan
- Mengubah saiz teks kepada 200% tidak merosakkan reka letak
- Borang mempunyai label yang betul
- Mesej ralat mengenal pasti dan menerangkan ralat
- Navigasi yang konsisten merentas halaman
Contoh Tahap AAA
Keperluan Tahap AAA (aspirasi):
- Nisbah kontras teks: sekurang-kurangnya 7:1
- Tafsiran bahasa isyarat untuk audio
- Tahap bacaan: tidak lebih tinggi daripada darjah 9
- Beban kognitif diminimumkan
- Had masa sesi boleh dimatikan
Keperluan Undang-undang Mengikut Wilayah
Undang-undang kebolehcapaian web di seluruh dunia:
- USA — ADA (Akta Orang Kurang Upaya Amerika), Seksyen 508 (persekutuan)
- EU — Akta Kebolehcapaian Eropah (EAA) — berkuat kuasa pada 2025
- UK — Akta Kesaksamaan 2010, peraturan sektor awam
- Kanada — AODA, ACA
- Australia — DDA (Akta Diskriminasi Ketidakupayaan)
Kes Perniagaan untuk Kebolehcapaian
Laman yang boleh diakses memberi manfaat kepada semua orang:
- Kapsyen membantu dalam persekitaran bising
- Kontras warna yang baik membantu dalam cahaya matahari yang terang
- Navigasi papan kekunci membantu pengguna berpengalaman
- Bahasa yang jelas membantu penutur bukan asli
- 15% pengguna mempunyai ketidakupayaan — pasaran yang besar
Bermula dengan WCAG
Cara mula membina laman yang boleh diakses:
- Gunakan elemen HTML semantik dengan betul
- Uji dengan papan kekunci: bolehkah anda menggunakan laman tanpa tetikus?
- Semak nisbah kontras dengan Pemeriksa Kontras WebAIM
- Tambahkan teks alt pada semua imej yang bermakna
- Jalankan audit kebolehcapaian Lighthouse
- Uji dengan pembaca skrin percuma (NVDA atau VoiceOver)
Semakan Pantas
Apakah tahap pematuhan WCAG yang paling lazim diwajibkan oleh undang-undang kebolehcapaian?
Imbas Kembali: Tahap WCAG
Perkara asas WCAG:
- POUR: Boleh dilihat, Boleh dikendalikan, Boleh difahami, Kukuh
- Tahap A — minimum; mesti lulus
- Tahap AA — disyorkan; diwajibkan oleh kebanyakan undang-undang
- Tahap AAA — ideal; tidak diwajibkan untuk keseluruhan laman
- Mulakan dengan HTML semantik, navigasi papan kekunci dan teks alt
Pelajari HTML dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 40
- Pelajaran
- 159
Soalan Lazim
Adakah pelajaran “Mengapa Kebolehcapaian Penting Tahap WCAG” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran HTML Academy, termasuk “Mengapa Kebolehcapaian Penting Tahap WCAG”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus HTML Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Mengapa Kebolehcapaian Penting Tahap WCAG”?
Pelajari pematuhan WCAG A, AA, AAA serta sebabnya penting dari segi undang-undang dan etika Anda berlatih HTML Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan HTML Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran HTML Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Mengapa Kebolehcapaian Penting Tahap WCAG” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran HTML Academy ini?
Ya. Setiap pelajaran HTML Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Mengapa Kebolehcapaian Penting Tahap WCAG
- Hierarki Tajuk untuk Pembaca Skrin
- Teks Alt Imej Bila dan Cara Menggunakannya
- Navigasi Papan Kekunci dan Susunan Fokus