← HTML38 / 46

Skip link untuk pengguna keyboard

Pengguna keyboard harus menekan Tab melewati seluruh menu sebelum mencapai isi halaman — di navigasi besar itu puluhan kali. Skip link adalah link pertama di halaman yang melompat langsung ke konten utama. Ia biasanya disembunyikan sampai difokuskan. Targetnya butuh id yang cocok.

👀 Contoh dulu

<a href="#isi">Langsung ke isi</a>
<nav>... 20 link menu ...</nav>
<main id="isi">
  <h1>Artikel</h1>
</main>

Hasilnya: Menekan Tab sekali lalu Enter langsung memindahkan fokus ke <main>, melewati seluruh menu.

💡 Tanda # pada href menunjuk ke id elemen di halaman yang sama — keduanya harus sama persis.

📝 Sekarang giliranmu

Buat link <a href="#konten"> bertuliskan Lewati ke konten di paling atas, lalu <main id="konten"> berisi <h1> apa pun.

Preview
← SebelumnyaBerikutnya →