Recraftory

Accessibility - Pengenalan

Accessibility (disingkat a11y) adalah praktik membuat web yang dapat diakses oleh semua orang, termasuk pengguna dengan disabilitas visual, motorik, kognitif, atau auditori.

Mengapa Accessibility Penting?

  • Inklusi — ~15% populasi dunia memiliki disabilitas
  • Hukum — banyak negara mewajibkan aksesibilitas (ADA, AODA, EAA)
  • SEO — konten yang accessible juga lebih mudah diindeks mesin pencari
  • UX — fitur aksesibilitas memudahkan semua pengguna (keyboard shortcuts, captions)
  • Bisnis — market yang lebih luas dan risiko litigasi lebih kecil

Empat Prinsip WCAG

Web Content Accessibility Guidelines (WCAG) berbasis 4 prinsip (POUR):

PrinsipDefinisi
PerceivableInformasi harus dapat dipersepsikan oleh semua indera
OperableInterface harus dapat dioperasikan oleh semua pengguna
UnderstandableInformasi dan operasi harus mudah dipahami
RobustKonten harus kompatibel dengan berbagai teknologi assistif

Level Kepatuhan

  • A — minimum, blokir akses
  • AA — target standar untuk kebanyakan situs
  • AAA — tertinggi, tidak selalu dapat dicapai untuk semua konten

Contoh Masalah Aksesibilitas Umum

  • Gambar tanpa alt text untuk screen reader
  • Warna sebagai satu-satunya cara menyampaikan informasi
  • Form tanpa label yang terhubung
  • Konten yang tidak dapat diakses via keyboard
  • Layout yang bergeser saat konten dimuat (poor CLS)

Tools untuk Audit

  • Lighthouse (Chrome DevTools)
  • axe DevTools
  • WAVE (Web Accessibility Evaluation Tool)
  • NVDA / VoiceOver (screen reader testing)