Nâng CaoHTML iconHTML

Skip links là gì và tại sao cần?

Skip link là <a> ẩn ở đầu trang, hiện ra khi nhận focus bằng Tab đầu tiên, cho phép nhảy thẳng đến #main-content.

  • Giúp keyboard/screen reader users không phải tab qua toàn bộ navigation (có thể 30+ links) ở mỗi trang.
  • Implement: <a class="skip-link" href="#main">Bỏ qua navigation</a> + CSS .skip-link { position: absolute; top: -40px } .skip-link:focus { top: 0 }.
  • WCAG 2.4.1 yêu cầu bypass mechanism.
  • Test: nhấn Tab ngay sau khi load trang, link phải hiện ra.

Xem toàn bộ HTML cùng filter theo level & chủ đề con.

Mở danh sách HTML