ArtikelPanduan Pemula untuk Aksesibilitas Web
Diterbitkan: 2022-08-12Aksesibilitas web telah menjadi berita banyak akhir-akhir ini. Baru-baru ini, sebuah kasus yang melibatkan Domino's Pizza berpotensi sampai ke Mahkamah Agung dalam apa yang bisa menjadi keputusan penting yang akan membentuk masa depan aksesibilitas web.
Situs web yang dapat diakses hanyalah situs yang dapat dilihat, dioperasikan, dan dipahami oleh penyandang disabilitas. Mereka bekerja dengan baik dengan teknologi bantu seperti pembaca layar, menyediakan media alternatif untuk gangguan lain dan memungkinkan navigasi menggunakan perangkat selain mouse.
Situs yang tidak dapat diakses mengecualikan basis pelanggan potensial dan meningkatkan kemungkinan tuntutan hukum berdasarkan Judul III ADA. Dan itu dapat merusak peringkat pencarian – lebih lanjut tentang itu di bawah.
Kira-kira satu dari delapan orang di Amerika Serikat memiliki disabilitas. Jika definisi tersebut diperluas untuk mencakup mereka yang mengalami gangguan sedang, jumlah itu melonjak menjadi hampir satu dari lima.
Kegagalan untuk mengakomodasi audiens yang begitu besar membatasi dampak positif situs web terhadap bisnis Anda – belum lagi kemampuan merek Anda untuk beresonansi dengan orang-orang dan menginspirasi kepercayaan. Membangun situs web yang dapat diakses yang dapat digunakan di sebanyak mungkin browser dan oleh sebanyak mungkin orang dapat membantu bisnis Anda – tetapi ini juga merupakan hal yang benar untuk dilakukan.
Tujuan dari panduan ini adalah untuk membantu Anda memahami aksesibilitas web sehingga Anda dapat mengembangkan merek Anda dan melayani tamu situs web Anda dengan lebih baik – karena memang seperti itulah mereka. Bukan pengunjung; bukan pelanggan; tetapi tamu yang mengandalkan Anda untuk membantu mereka menemukan informasi yang mereka cari. Dalam panduan ini, kami akan membahas hal berikut:
- Apa itu Aksesibilitas Web?
- Manfaat Aksesibilitas
- Peraturan Aksesibilitas
- Standar Aksesibilitas
- Pengujian Aksesibilitas: Otomatis vs. Manusia
- Risiko Ketidakpatuhan
- Penilaian Mandiri Aksesibilitas
- Pakar dan Sumber Daya yang Bermanfaat
Pada saat kami selesai, Anda akan memiliki pemahaman yang jelas tentang semua hal yang terkait dengan aksesibilitas web dan akses ke beberapa sumber daya yang relevan untuk membantu Anda melakukan penilaian situs web Anda sendiri. Mari selami!
Apa itu Aksesibilitas Web?
Mari kita mulai dengan mendefinisikan aksesibilitas. Menurut W3C (World Wide Web Consortium), “Aksesibilitas web berarti penyandang disabilitas dapat menggunakan Web. Lebih khusus lagi, aksesibilitas Web berarti bahwa penyandang disabilitas dapat melihat, memahami, menavigasi, dan berinteraksi dengan Web, dan bahwa mereka dapat berkontribusi ke Web. Aksesibilitas web juga bermanfaat bagi orang lain, termasuk orang tua dengan kemampuan yang berubah karena penuaan.”
Saat kami membangun situs web di BrandExtract, kami menguji setiap versi browser yang digunakan oleh lebih dari 1% audiens pelanggan kami. Masuk akal jika situs web dapat digunakan di sebanyak mungkin browser sehingga kami tidak mengecualikan calon pelanggan, mitra, atau karyawan. Meskipun ini mempengaruhi total biaya situs web mereka, kami tidak pernah harus meyakinkan siapa pun bahwa ini adalah upaya yang berharga.
Manusia berhak mendapatkan pertimbangan yang sama - jika tidak lebih - sebagai browser web.
Hal pertama yang cenderung kita pertimbangkan ketika membahas aksesibilitas web adalah kegunaan situs untuk pengunjung tunanetra, tetapi gangguan penglihatan hanya satu kategori disabilitas. Gangguan pendengaran, fisik dan kognitif sama pentingnya dan harus ditangani dengan cara yang berbeda.
Individu dengan gangguan ini dapat menggunakan berbagai alat bantu untuk membantu menavigasi web dengan lebih mudah. Situs web yang dapat diakses hanyalah situs yang bekerja dengan baik dengan perangkat bantu ini dan berusaha memberikan pengalaman pengguna yang meminimalkan kebutuhan akan perangkat bantu.
Manfaat Aksesibilitas
Perencanaan yang baik adalah kunci untuk membangun situs web yang berkualitas tinggi dan dapat digunakan. Butuh ketelitian dan proses yang baik. Merencanakan UX dan pekerjaan desain Anda seputar aksesibilitas meningkatkan standar untuk detail dalam pekerjaan Anda. Peningkatan ketekunan memastikan situs web Anda berkinerja baik untuk manusia dan robot.
Detail yang sama yang dapat menginformasikan pembaca layar atau teknologi bantu lainnya juga berguna untuk robot mesin telusur yang merayapi dan mengindeks situs Anda. Menurut Blog Pusat Webmaster Google, situs yang dapat diakses lebih mudah diindeks oleh mesin pencari Google yang dapat menghasilkan kecocokan yang lebih baik dan peringkat yang lebih tinggi. Google telah menekankan fakta ini selama lebih dari satu dekade.
Banyak hal yang kami lakukan untuk membuat situs web lebih mudah diakses oleh pengguna dengan keterbatasan juga membantu pengguna lain. Font lebih besar, kontras lebih baik
Peraturan Aksesibilitas
Penafian cepat: Saya bukan pengacara. Keputusan yang Anda buat untuk menerapkan sesuatu yang kurang dari kepatuhan penuh terhadap semua peraturan yang dijelaskan di bawah ini (dan yang dihilangkan) memiliki risiko dan harus melibatkan tim hukum Anda. Mereka memiliki kualifikasi yang tepat untuk menilai risiko dan konsekuensi dari kegagalan untuk mematuhi peraturan ini. "Anda bisa dituntut" bukan hanya taktik penjualan yang menakutkan.
Peraturan aksesibilitas berbeda-beda di setiap negara. Berikut adalah beberapa yang perlu Anda ketahui.
Amerika Serikat
Di Amerika Serikat, Anda pasti sudah familiar dengan American with Disabilities Act of 1990, Amended (ADA), Section 255 of Telecommunications Act of 1996, the Air Carrier Access Act of 1986 dan the 21st Century Communications and Video Accessibility Act of 2010 (CVA).
Pemerintah Amerika Serikat
Jika Anda membuat situs web untuk lembaga pemerintah AS atau entitas yang menerima dana dari pemerintah, Anda juga perlu mengetahui Bagian 504 dari Undang-Undang Rehabilitasi AS tahun 1973 dan Bagian 508 dari Undang-Undang Rehabilitasi AS yang sama.
Uni Eropa
Jika Anda berbasis di atau melakukan bisnis penting di Uni Eropa (UE), Anda
Kanada
Dan jika Anda melakukan bisnis di Kanada, pastikan Anda mengetahui Undang-Undang Hak Asasi Manusia Kanada dan Kebijakan Komunikasi dan Identitas Federal. Banyak negara lain juga memiliki peraturan masing-masing.
Sangat wajar untuk merasa kewalahan. Tidak ada individu atau perusahaan kecil
Standar Aksesibilitas
Sebagian besar peraturan diambil dari standar WCAG 1.0 dan WCAG 2.0 sebagai pedoman untuk membangun situs web yang dapat diakses. Kedua standar ini dibangun dan dipelihara oleh Kelompok Kerja Pedoman Aksesibilitas Konten Web, sebuah konsorsium pengembang web dan pakar yang diundang dari berbagai perusahaan dan organisasi.
Kelompok kerja WCAG adalah salah satu dari banyak kelompok kerja di bawah W3C (World Wide Web Consortium). W3C adalah komunitas standar internasional yang bertanggung jawab atas HTML, CSS, dan banyak teknologi lain yang bergantung pada web.
WCAG 1.0 dan 2.0 sebagian besar akan memandu Anda ke tempat yang sama, tetapi WCAG 2.0 memiliki heuristik yang lebih mudah diukur. Situs web yang sesuai dengan WCAG 1.0 kemungkinan besar akan sesuai dengan WCAG 2.0. Semua situs yang sesuai dengan WCAG 2.0 akan sesuai dengan WCAG 1.0. Perbedaan antara keduanya terletak pada bagaimana mereka mengatur pedoman. Mengutip situs web W3C:
WCAG 1.0 diatur di sekitar pedoman yang memiliki pos pemeriksaan, yang merupakan prioritas 1, 2, atau 3. Dasar untuk menentukan kesesuaian dengan WCAG 1.0 adalah pos pemeriksaan.
WCAG 2.0 diatur berdasarkan empat prinsip desain aksesibilitas Web. Setiap prinsip memiliki pedoman, dan setiap pedoman memiliki kriteria keberhasilan yang dapat diuji di level A, AA, atau AAA . Dasar untuk menentukan kesesuaian dengan WCAG 2.0 adalah kriteria keberhasilan.
WCAG adalah standar yang berkembang. WCAG 2.1 telah mencapai status rekomendasi kandidat dan dapat diadopsi dalam undang-undang baru pada awal musim panas 2018. WCAG 2.1 adalah tambahan pada WCAG 2.0. Dengan kata lain, situs konforman 2.1 akan menjadi konforman 2.0 dan 1.0 sehingga masuk akal untuk menargetkan WCAG 2.1 dalam setiap inisiatif baru.
Mari kita lakukan perincian hierarki WCAG 2.1. Empat prinsip desain dasar yang dikemukakan adalah:
- Komponen informasi dan antarmuka pengguna harus disajikan dengan cara yang dapat mereka pahami.
- Komponen antarmuka pengguna dan navigasi harus dapat dioperasikan.
- Informasi dan pengoperasian antarmuka pengguna harus dapat dimengerti.
- Konten harus cukup kuat sehingga dapat diinterpretasikan secara andal oleh berbagai macam agen pengguna, termasuk teknologi bantu.
Di dalam masing-masing prinsip tersebut terdapat serangkaian pedoman. Misalnya, di bawah prinsip pertama kita akan menemukan pedoman berikut:
- Buat konten yang dapat disajikan dengan cara yang berbeda (misalnya tata letak sederhana) tanpa kehilangan informasi atau struktur.
Di bawah pedoman itu kami menemukan kriteria keberhasilan ini:
- Informasi, struktur, dan hubungan yang disampaikan melalui presentasi dapat ditentukan secara terprogram atau tersedia dalam teks.
- Ketika urutan di mana konten disajikan mempengaruhi maknanya, urutan membaca yang benar dapat ditentukan secara terprogram.
- Instruksi yang diberikan untuk memahami dan mengoperasikan konten tidak hanya mengandalkan karakteristik sensorik komponen seperti bentuk, ukuran, lokasi visual, orientasi, atau suara.
- Arti dari setiap kolom input yang mengumpulkan informasi tentang pengguna dapat ditentukan secara terprogram ketika:
- Bidang input memiliki arti yang memetakan ke nama bidang IsiOtomatis HTML 5.2; dan
- Konten diimplementasikan menggunakan teknologi dengan dukungan untuk mengidentifikasi makna yang diharapkan dari data input formulir.
- Dalam konten yang diimplementasikan menggunakan bahasa markup, tujuan Komponen Antarmuka Pengguna, ikon, dan wilayah dapat ditentukan secara terprogram.
Setiap prinsip memiliki satu atau banyak pedoman dan masing-masing pedoman tersebut memiliki satu atau banyak kriteria keberhasilan. Draf WCAG 2.1 saat ini memiliki empat prinsip, empat belas pedoman, dan tujuh puluh delapan kriteria keberhasilan. Sebuah situs web harus diaudit terhadap semua kriteria ini untuk memastikan kesesuaian dengan standar dan sebagian besar kriteria ini melibatkan beberapa tes.
Tapi tunggu, masih ada lagi. Masing-masing sukses

Tingkat A (minimal)
Mengatasi fitur aksesibilitas web paling dasar, tetapi umumnya tidak mencapai aksesibilitas luas
Tingkat AA (kisaran menengah)
Mengatasi hambatan paling umum bagi pengguna penyandang disabilitas dan menyelaraskan dengan Revisi 508 Standar
Tingkat AAA (tertinggi)
Mengatasi tingkat aksesibilitas web tertinggi, tetapi tidak direkomendasikan sebagai kebijakan umum, karena tidak mungkin memenuhi semua kriteria untuk beberapa konten.
Pilih dengan hati-hati tingkat kesesuaian yang ingin Anda capai dengan situs web karena akan berdampak signifikan pada jadwal dan anggaran.
Pengujian Aksesibilitas: Otomatis vs. Manusia
Ada alat dan layanan online gratis yang akan melakukan pengujian otomatis terhadap satu halaman web atau bahkan seluruh situs. Alat dapat berupa plugin browser, aplikasi desktop mandiri, layanan yang dihosting sendiri, layanan online gratis
Alat otomatis favorit kami adalah:
- tenon.io - Tenon adalah SaaS yang dapat melakukan pencarian sesuai permintaan melalui browser atau API. Harga tergantung pada jumlah permintaan API (pemindaian) yang perlu Anda lakukan. Ini didokumentasikan dengan sangat baik dan dapat dengan mudah dimasukkan ke dalam SAM, CMS BrandExtract.
- AATT (Alat Pengujian Aksesibilitas Otomatis) oleh Paypal - AATT adalah aplikasi node.js yang berjalan sebagai layanan. Itu dapat memindai satu halaman atau seluruh situs, dan dapat dikonfigurasi sehingga dapat mengakses halaman web non-publik (dilindungi kata sandi). Permintaan pemindaian dapat dikirimkan melalui API dengan respons yang dikembalikan dalam format JSON yang mudah diurai. AATT juga mudah diintegrasikan dengan SAM.
kapak Alat Pengembang oleh Sistem Dequeue - kapak tersedia di plugin browser untuk Chrome dan Firefox. Ini memperluas alat pengembang bawaan browser dan membuat laporan yang bagus dan mudah diuraikan dengan rekomendasi yang jelas.
Alat-alat ini cepat dan mudah digunakan tetapi bukan obat mujarab. Banyak pedoman yang diajukan dalam dokumen WCAG ditulis dengan cara yang memerlukan penguraian dan evaluasi yang cermat. Bagaimana pedoman itu berlaku untuk desain unik bisa menjadi subjektif. Mengapa kata-katanya tidak jelas? Pedoman ini harus terbukti di masa depan.
Karena web dan teknologi terkait adalah media yang berkembang, pedoman tersebut perlu diterapkan pada teknologi, perangkat, dan antarmuka yang belum ditemukan.
Selain itu, alat pengujian otomatis tidak dapat merasakan pengalaman pengguna dengan cara yang sama seperti manusia. Ada pengukuran yang dapat Anda kerjakan untuk melakukan pekerjaan yang sangat baik, seperti apakah font memenuhi kriteria ukuran dan kontras minimum atau tidak. Tetapi ada banyak variabel lain yang lebih sulit diukur. Misalnya, apakah makna diagram cukup tersampaikan dalam teks?)
Di situlah manusia masuk. Pengujian situs web oleh manusia adalah proses yang disengaja dan ketat yang dapat memakan waktu ratusan jam. Tetapi sangat penting untuk membangun empati antara audiens Anda dan merek Anda.
Dalam skenario yang sempurna, pengujian harus dilakukan dengan pengguna yang memiliki gangguan yang sama dengan yang Anda tangani, dan keahlian untuk mengetahui apa yang benar dan apa yang salah dengan situs web.
Satu-satunya cara praktis untuk menemukan tim ahli ini adalah dengan melakukan outsourcing ke pihak ketiga terkemuka yang berspesialisasi dalam pengujian aksesibilitas. Mempekerjakan manusia untuk menguji situs web untuk aksesibilitas bisa sangat mahal. Anda mungkin mendapati bahwa meminta manusia menguji halaman yang lebih kompleks dan interaktif adalah kompromi yang hemat biaya.
Risiko Ketidakpatuhan
Kita semua ingin percaya bahwa kita akan membangun situs web inklusif hanya karena itu adalah hal yang benar untuk dilakukan. Tapi kenyataannya, terkadang niat baik kita akan melebihi dompet kita. Mengapa perusahaan harus menghabiskan ribuan dolar untuk membuat situs webnya dapat diakses?
Salah satu alasannya adalah untuk meminimalkan risiko. Bahkan jika Anda tidak memberikan layanan langsung kepada konsumen, Anda mungkin masih berisiko ditemukan melanggar satu atau lebih peraturan.
Pertimbangkan pengguna yang mencari pekerjaan di dalam organisasi Anda tetapi dikecualikan karena database pekerjaan online Anda tidak dapat diakses. Bagaimana dengan investor yang tidak memiliki akses ke keuangan perusahaan Anda? Ketika hal-hal ini terjadi, Anda dapat ditemukan melanggar peraturan.
Tidak ada entitas pemerintah yang menghabiskan waktu mereka menjelajahi web, mengaudit situs, dan mencari situs web yang tidak memenuhi pedoman aksesibilitas web. Tidak ada pemeriksa yang "menandatangani" saat situs web Anda siap untuk ditayangkan.
Ini sepenuhnya tergantung pada organisasi Anda untuk memastikan pekerjaan dilakukan dengan baik. Anda bertanggung jawab untuk memilih mitra yang menganggap serius aksesibilitas web dan memiliki sumber daya, baik internal maupun eksternal, untuk memastikan pekerjaan dilakukan dengan benar.
Sulit untuk mengukur kemungkinan dituntut dan biaya selanjutnya, tetapi bahkan tuntutan hukum yang tidak berdasar yang segera diberhentikan dapat merugikan perusahaan ribuan dolar dalam biaya hukum. Dan jika terbukti bahwa Anda telah melakukan upaya yang tidak memadai untuk membuat situs web Anda dapat diakses, Anda mungkin akan kalah (atau terpaksa harus puas).
Lebih dari 260 tuntutan hukum aksesibilitas web diajukan pada tahun 2016 dan jumlahnya meningkat secara signifikan pada tahun 2017. Ini tidak termasuk kasus-kasus yang diselesaikan tanpa melalui proses pengadilan. Bicaralah dengan pengacara Anda untuk mengetahui kemungkinan yang sebenarnya, tetapi ketahuilah bahwa risikonya nyata.
Jika Anda tertarik untuk mempelajari lebih lanjut tentang risiko ketidakpatuhan, saya sangat merekomendasikan posting blog ini oleh Karl Groves. Ini adalah pandangan yang seimbang, didukung oleh bilangan real. Ingatlah bahwa itu ditulis beberapa tahun yang lalu, dan lanskap telah berubah dengan jumlah tuntutan hukum yang diajukan.
Penilaian Mandiri Aksesibilitas
Mudah-mudahan, pada titik ini, Anda memiliki pemahaman yang baik tentang topik kegunaan. Tapi itu benar-benar alami untuk merasa kewalahan. Membuat perbaikan kecil adalah awal yang baik untuk mengurangi risiko dan potensi kerusakan dari tuntutan hukum. Berikut beberapa langkah yang dapat Anda lakukan:
Nilai risiko Anda
Konsultasikan dengan tim hukum Anda dan hitung (sebaik mungkin) risiko Anda. Mintalah mereka mencari catatan publik untuk litigasi yang sedang berlangsung dan baru-baru ini di bidang ini. Apakah trennya naik? Berapa persen yang berhasil? Apakah industri Anda terlihat lebih banyak aktivitas? Apa yang dapat merugikan organisasi Anda dari tuntutan hukum, baik dalam dolar maupun dampak negatifnya terhadap merek Anda? Bagaimana dengan pendapatan yang hilang?
Teliti biayanya
Jika Anda sedang membangun situs baru, minta mitra pengembangan Anda membuat item baris dengan biaya untuk memastikan bahwa pekerjaan mereka memenuhi standar WCAG 2.1 menggunakan alat pengujian aksesibilitas otomatis. Juga, pertimbangkan untuk bertemu dengan konsultan aksesibilitas pihak ketiga yang memiliki sumber daya untuk melakukan pengujian manusia. Dapatkan harga dari mereka secara langsung sehingga mereka dapat bekerja secara independen dari pengembang Anda.
Lakukan matematika
Kedengarannya tidak berperasaan, tetapi kenyataannya adalah Anda harus menentukan apakah risikonya lebih besar daripada biayanya. Di BrandExtract, kami percaya bahwa untuk sebagian besar situs web bisnis-ke-bisnis (B2B), pengujian otomatis menyeluruh untuk kesesuaian WCAG 2.0 Level A saat diluncurkan dan pembaruan besar apa pun adalah solusi hemat biaya yang menunjukkan upaya nyata untuk membuat situs web dapat diakses. Untuk situs web yang menghadap konsumen, atau situs web dengan interaktivitas yang kaya dan kompleks, pengujian yang lebih menyeluruh mungkin diperlukan. Sekali lagi, Anda harus berkonsultasi dengan profesional hukum untuk mendapatkan pemahaman yang jelas dan akurat tentang risiko ketidakpatuhan.
Tetapkan rencana untuk peluncuran
Jika situs web Anda menghadap konsumen, masuk akal untuk melakukan pengujian dengan manusia pada peluncuran situs baru atau kapan pun situs tersebut mengalami perubahan besar. Untuk situs B2B tanpa banyak kerumitan atau interaksi yang kaya, pengujian situs secara otomatis mungkin sudah cukup.
Tetapkan rencana pemeliharaan
Setiap rencana yang Anda ajukan harus mencakup pengujian berkelanjutan yang terjadi sesuai permintaan atau secara otomatis pada jadwal reguler. Pengujian manusia adalah sesuatu yang hanya diperlukan ketika sebuah situs web mengalami revisi dan/atau desain ulang yang signifikan.
Pakar dan Sumber Daya yang Bermanfaat
Saat meneliti bagaimana mencapai kesesuaian, Anda akan menemukan bahwa solusinya tidak selalu jelas. Untungnya, kami memiliki Proyek A11Y. Proyek A11Y adalah organisasi komunitas yang berfokus untuk membuat pedoman aksesibilitas web lebih mudah dipahami dan diterapkan. Ini menawarkan saran khusus untuk pola desain umum, artikel tentang aksesibilitas, daftar acara yang dikuratori, dan daftar periksa untuk memastikan Anda telah mencapai semua langkah penting.
“A11Y” adalah numeronym yang sering digunakan di media sosial dan media terbatas ruang lainnya untuk merujuk pada Aksesibilitas. Anda cukup membacanya sebagai "Aksesibilitas" dan menggunakannya untuk membantu mengungkap sumber daya lainnya.
- Proyek A11Y
- Inisiatif Aksesibilitas Web W3C
- W3C
- WCAG 1.0
- WCAG 2.0
- WCAG 2.1 (Rekomendasi Kandidat)
- Bagian508.gov
- Memilih Alat Evaluasi Aksesibilitas Web
kapak Alat pengembang- Alat Pengujian Aksesibilitas Otomatis
- Alat pengujian online Tenon.io
- TinyMCE A11yChecker
- Tuntutan Aksesibilitas, Troll, dan Taktik Menakut-nakuti
- Juga terima kasih khusus kepada Kim Testa di Biro Aksesibilitas Internet. Grupnya menawarkan pengujian otomatis dan manusia dan saya merasa lebih pintar karena telah berbicara dengannya (meskipun kesalahan apa pun dalam artikel ini adalah kesalahan saya sendiri).
Sedikit Wawasan Ekstra
SAM menawarkan tiga kemungkinan integrasi untuk membantu pemeriksaan aksesibilitas otomatis:
- Plug-in TinyMCE A11yChecker adalah add-on gratis untuk editor HTML tertanam SAM dan dapat diaktifkan berdasarkan permintaan untuk SAM versi 3.2 dan yang lebih baru.
- Integrasi dengan instance AATT yang dihosting BrandExtract dapat digunakan pada SAM 3.2 atau yang lebih baru.
- Integrasi dengan tenon.io dapat diimplementasikan pada SAM 3.2 atau yang lebih baru.
Memiliki situs web yang dapat diakses bukan hanya tentang menghindari risiko ketidakpatuhan. Lebih penting lagi, ini tentang melakukan yang benar oleh setiap pengguna dan secara konsisten memenuhi janji merek Anda. Jika Anda menginginkan panduan tambahan tentang membangun situs web yang dapat diakses, lihat episode podcast kami tentang aksesibilitas web atau jangan ragu untuk menghubungi tim kami.
