HTML Accessibility Wcag Skip Link Focus Keyboard

Ringkasan

Aksesibilitas (a11y) membuat halaman usable oleh semua orang, termasuk pengguna keyboard & screen reader. Prinsip WCAG: perceivable, operable, understandable, robust.

Konsep Dasar

• Skip link: <a href="#main" class="skip">Lewati ke konten</a> agar keyboard user langsung ke isi.
• Focus management: elemen interaktif harus bisa difokus & terlihat :focus-visible.
• Keyboard: semua aksi bisa dijalankan tanpa mouse.
• Kontras: teks vs latar cukup kontras (WCAG AA ≥ 4.5:1).

Cara Kerja / Struktur

html

<a class="skip" href="#main">Lewati ke konten</a>
<main id="main" tabindex="-1">...</main