Checklist aksesibilitas untuk website perusahaan: halaman karier, PDF, halaman investor, dan formulir

Checklist website perusahaan: navigasi, karier dan lamaran kerja, PDF dan laporan tahunan, video, formulir, banner cookie, dan pernyataan aksesibilitas.

Tim Redaksi FixReports7 menit baca

Website perusahaan jarang menjual sesuatu secara langsung, sehingga masalah aksesibilitas di dalamnya mudah terabaikan. Padahal di sanalah orang melamar pekerjaan, investor membaca laporan tahunan, jurnalis mencari siaran pers, dan pelanggan mencari detail kontak, dan setiap tugas itu bisa terhalang oleh sebuah hambatan: formulir lamaran kerja yang tidak bisa diselesaikan dengan keyboard, laporan tahunan yang dipublikasikan sebagai PDF tanpa tag, video tanpa teks keterangan, banner cookie yang menjebak fokus. Checklist ini membahas WCAG 2.2 Level AA berdasarkan bagian-bagian yang dimiliki sebagian besar website perusahaan, beserta apa yang perlu dicek di masing-masing bagian.

Poin penting

  • WebAIM menemukan kegagalan WCAG yang terdeteksi di 95,9% halaman beranda satu juta situs teratas pada 2026; teks berkontras rendah (83,9%) dan teks alt yang hilang (53,1%) adalah yang paling umum (WebAIM (terbuka di tab baru)).
  • WCAG berlaku untuk dokumen yang dipublikasikan di situs, seperti PDF, sama seperti untuk halaman web; W3C memublikasikan teknik untuk membuat PDF yang aksesibel (W3C (terbuka di tab baru)).
  • Video rekaman memerlukan teks keterangan (caption) (1.2.2, Level A) dan audiodeskripsi jika visualnya membawa informasi yang tidak ada di audio (1.2.5, AA) (W3C (terbuka di tab baru)).
  • Dalam panduan tahun 2022, Departemen Kehakiman Amerika Serikat menyatakan bahwa ADA berlaku untuk layanan web milik bisnis yang terbuka untuk umum, tanpa menetapkan standar teknis tertentu (ADA.gov (terbuka di tab baru)).
  • W3C menyediakan panduan dan generator gratis untuk menulis pernyataan aksesibilitas (W3C (terbuka di tab baru)).

Mengapa aksesibilitas penting di website perusahaan?

Karena pengunjung yang bergantung padanya sering kali justru orang yang paling ingin Anda jangkau: kandidat, pelanggan, mitra, dan investor. Organisasi Kesehatan Dunia (WHO) memperkirakan bahwa 1,3 miliar orang, sekitar satu dari enam, mengalami disabilitas yang signifikan (WHO (terbuka di tab baru)). Jauh lebih banyak lagi yang menggunakan keyboard alih-alih mouse, memperbesar teks, atau membaca di ponsel di bawah cahaya terang.

Ada juga sisi kepatuhan, yang berbeda-beda menurut negara dan siapa yang dilayani situs tersebut. Badan sektor publik di Uni Eropa wajib memenuhi Web Accessibility Directive; bisnis yang menjual kepada konsumen di Uni Eropa mungkin tercakup dalam European Accessibility Act; di Amerika Serikat, Departemen Kehakiman menyatakan bahwa ADA berlaku untuk layanan web milik bisnis yang terbuka untuk umum (ADA.gov (terbuka di tab baru)). Situs yang murni business-to-business mungkin berada di luar cakupan sebagian undang-undang ini, tetapi pelanggan besar semakin sering menanyakan aksesibilitas kepada pemasok mereka. Panduan kami tentang European Accessibility Act dan surat somasi ADA menjelaskan konteksnya; ini bukan nasihat hukum.

Apa yang perlu dicek di setiap halaman?

Masalah-masalah ini berasal dari template bersama, jadi memperbaikinya sekali akan memperbaiki seluruh situs:

  • Kontras: teks isi minimal 4.5:1 terhadap latar belakangnya, teks besar 3:1 (1.4.3). Teks abu-abu muda dan teks putih di atas warna merek adalah kegagalan yang biasa. Cek kontras warna menguji pasangan warna apa pun.
  • Keyboard: setiap link, menu, dan tombol dapat dijangkau dengan Tab dan digunakan dengan Enter atau Spasi, dengan indikator fokus yang terlihat (2.1.1, 2.4.7). Mega menu dan carousel sering bermasalah.
  • Skip link dan landmark: cara untuk melompati header langsung ke konten utama (2.4.1), serta landmark header, nav, main, dan footer.
  • Judul: satu H1 per halaman dan struktur judul yang logis (1.3.1), agar pengguna pembaca layar dapat memindai halaman.
  • Teks link: link yang tetap bermakna di luar konteksnya, bukan “Baca selengkapnya” yang diulang sepuluh kali (2.4.4).
  • Bahasa: atribut lang di setiap halaman, dan pada bagian teks dalam bahasa lain (3.1.1, 3.1.2), agar pembaca layar melafalkannya dengan benar.
  • Zoom dan reflow: konten tetap dapat digunakan pada zoom 200% dan lebar 320 piksel tanpa menggulir horizontal (1.4.4, 1.4.10).

Bagaimana membuat halaman karier dan lamaran kerja yang aksesibel?

Bagian karier adalah tempat hambatan paling jelas dampaknya: kandidat yang tidak dapat menyelesaikan lamaran tidak dapat dipertimbangkan.

  • Daftar lowongan: filter dan pencarian harus berfungsi dengan keyboard dan mengumumkan jumlah hasil kepada pembaca layar (4.1.3).
  • Formulir lamaran: setiap kolom memerlukan label yang terlihat (3.3.2), error harus dijelaskan dalam teks (3.3.1), dan tombol unggah file harus memiliki nama aksesibel.
  • Batas waktu: jika formulir memiliki batas waktu, beri peringatan dan izinkan orang memperpanjang waktunya (2.2.1).
  • Sistem pelacakan pelamar pihak ketiga: banyak perusahaan menggunakan sistem eksternal untuk lamaran. Mintalah Accessibility Conformance Report dari vendornya, uji sendiri alur lamaran dengan keyboard, dan sediakan cara alternatif untuk melamar, seperti email, yang dicantumkan di halaman karier.
  • Asesmen dan wawancara video: pastikan setiap tes online atau alat wawancara video mendukung pembaca layar, teks keterangan, dan waktu tambahan jika diminta.

Bagaimana memublikasikan PDF dan laporan tahunan yang aksesibel?

Laporan tahunan, laporan keberlanjutan, brosur, dan dokumen kebijakan sering hanya dipublikasikan sebagai PDF, dan banyak yang tidak memiliki tag: pembaca layar membacanya sebagai satu blok teks, atau tidak sama sekali.

  • Utamakan HTML untuk konten penting. Halaman web lebih mudah dibuat aksesibel, lebih baik di ponsel, dan lebih mudah dicari.
  • Jika Anda memublikasikan PDF, beri tag. Ekspor dari dokumen sumber (Word, InDesign) dengan tag diaktifkan, agar judul, daftar, tabel, dan urutan baca tetap terjaga. Standar PDF/UA (ISO 14289) mendefinisikan PDF yang aksesibel.
  • Cek hal-hal penting: judul dokumen, bahasa dokumen, teks alternatif untuk grafik dan gambar, header tabel yang sebenarnya, dan urutan baca yang logis. Adobe Acrobat Pro memiliki pemeriksa aksesibilitas bawaan; PAC adalah pemeriksa gratis untuk Windows.
  • Dokumen hasil pindaian adalah gambar teks dan memerlukan OCR serta tag, atau versi HTML.
  • Tabel keuangan: beri markup pada baris dan kolom header; di HTML, gunakan <th> dengan scope.

Bagaimana dengan video, webcast, dan podcast?

  • Teks keterangan (caption) untuk semua video rekaman yang berisi ucapan (1.2.2, A), dan untuk webcast langsung (1.2.4, AA). Caption otomatis perlu dicek: nama, angka, dan istilah teknis sering salah.
  • Audiodeskripsi jika informasi penting hanya bersifat visual, seperti teks di slide yang tidak dibacakan pembicara (1.2.5, AA). Sering kali solusi paling sederhana adalah pembicara mendeskripsikan slide-nya.
  • Transkrip untuk podcast dan konten yang hanya berupa audio (1.2.1, A).
  • Kontrol pemutar: pemutar sematan harus dapat dioperasikan dengan keyboard, dan suara yang diputar otomatis lebih dari tiga detik memerlukan cara untuk menjeda atau menghentikannya (1.4.2).

Panduan W3C tentang membuat audio dan video yang aksesibel membahas perencanaan, caption, dan deskripsi (W3C (terbuka di tab baru)).

Bagaimana membuat formulir kontak, peta, dan informasi lokasi yang aksesibel?

  • Formulir: label, pesan error yang jelas, dan tidak ada CAPTCHA yang hanya mengandalkan membaca teks terdistorsi atau memecahkan teka-teki; sediakan alternatif (W3C (terbuka di tab baru)).
  • Detail kontak sebagai teks: nomor telepon, alamat email, dan alamat kantor ditulis di halaman, bukan hanya dalam gambar atau peta.
  • Peta: peta sematan sulit digunakan dengan pembaca layar; alamat dan petunjuk arah dalam bentuk teks adalah alternatif yang aksesibel.
  • Widget chat: pastikan widget dapat dibuka, digunakan, dan ditutup dengan keyboard, serta tidak menutupi konten yang sedang difokus (2.4.11).

Sering, karena banner ini muncul pertama kali dan berada di atas segalanya.

  • Banner harus dapat dijangkau dan digunakan dengan keyboard, dan Tab harus bisa meninggalkannya (2.1.2, No Keyboard Trap) (W3C (terbuka di tab baru)).
  • Tombolnya memerlukan nama yang jelas dan kontras yang cukup; “Tolak” harus sama mudah ditemukan seperti “Terima”.
  • Banner tidak boleh menyembunyikan elemen yang sedang difokus di halaman di belakangnya (2.4.11).

Pemindaian kami dimulai di beranda Anda dengan banner cookie masih tampil, karena itulah yang pertama kali ditemui pengguna keyboard, dan melaporkan jebakan fokus jika Tab tidak bisa melewatinya.

Apakah Anda memerlukan pernyataan aksesibilitas?

Badan sektor publik di Uni Eropa wajib memublikasikannya. Bagi perusahaan, pernyataan ini biasanya bersifat sukarela, meskipun European Accessibility Act mewajibkan layanan yang tercakup untuk memberikan informasi tentang cara layanan tersebut memenuhi persyaratannya. Pernyataan yang baik menyebutkan standar yang Anda targetkan, keterbatasan yang diketahui, cara orang melaporkan masalah atau meminta konten dalam format lain, dan kapan pernyataan itu terakhir ditinjau. W3C memublikasikan panduan dan generator gratis (W3C (terbuka di tab baru)).

Tulislah dengan jujur: mengklaim kepatuhan penuh setelah pemindaian otomatis adalah risiko tersendiri, karena pengujian otomatis tidak dapat memeriksa semuanya.

Bagaimana sebaiknya menguji website perusahaan?

  1. Jalankan pemindaian otomatis pada beranda, halaman karier, artikel berita, halaman kontak, dan setiap formulir. Cek aksesibilitas gratis kami menguji halaman-halaman penting di browser sungguhan terhadap WCAG 2.2 A dan AA, dan cek teks alt mencantumkan setiap gambar di sebuah halaman.
  2. Uji dengan keyboard: navigasikan menu, lamar sebuah lowongan, dan kirim formulir kontak hanya dengan keyboard.
  3. Cek dokumen: buka PDF terpenting Anda dengan pembaca layar atau pemeriksa aksesibilitas PDF.
  4. Tonton video Anda dengan caption menyala dan suara dimatikan.
  5. Minta penyandang disabilitas mencoba tugas-tugas utama; cara ini mengungkap masalah yang tidak bisa diprediksi checklist mana pun.

Pertanyaan yang sering diajukan

Apakah WCAG berlaku untuk PDF?

Ya. WCAG berlaku untuk konten web, termasuk dokumen yang dipublikasikan di sebuah situs. W3C memublikasikan teknik khusus untuk memenuhi WCAG dalam file PDF.

Situs karier kami dikelola pihak ketiga. Apakah itu tanggung jawab kami?

Dari sudut pandang kandidat, itu adalah proses lamaran Anda. Mintalah Accessibility Conformance Report dari vendornya, uji alurnya, dan sediakan cara alternatif untuk melamar. Apakah Anda memiliki tanggung jawab hukum bergantung pada yurisdiksi Anda.

Apakah caption otomatis memenuhi WCAG?

Hanya jika akurat. Caption otomatis sering salah pada nama, angka, dan istilah; tinjau dan koreksi sebelum mengandalkannya.

Apakah overlay aksesibilitas cukup untuk website perusahaan?

Tidak. Overlay tidak memperbaiki kode dasar, dokumen, atau video. Lihat panduan kami tentang overlay aksesibilitas dan perintah FTC.

Standar apa yang sebaiknya ditargetkan website perusahaan?

WCAG 2.2 Level AA adalah versi saat ini dan target yang umum; banyak undang-undang dan kebijakan masih mengacu pada WCAG 2.1 AA, yang juga terpenuhi oleh situs yang memenuhi 2.2 AA.

Sumber

Semua panduan