Navigasi visual sering menandai halaman saat ini dengan warna atau garis bawah. aria-current="page" menyampaikan hubungan yang sama kepada teknologi bantu tanpa mengubah tujuan tautan.

<nav aria-label="Tutorials">
  <a href="/tutorials/">All tutorials</a>
  <a href="/tutorials/forms/" aria-current="page">Forms</a>
</nav>

Gunakan nilai yang menggambarkan hubungan

  • Gunakan halaman untuk halaman saat ini dalam sekumpulan halaman.
  • Gunakan lokasi untuk langkah saat ini dalam suatu proses atau lokasi dalam struktur yang lebih luas jika maknanya sesuai.
  • Tetapkan aria-current hanya pada item atau item yang benar-benar terkini dalam kumpulan navigasi tersebut.

Pertahankan keadaan visual dan semantik secara bersamaan

Turunkan gaya aktif dan nilai arus aria dari status rute yang sama. Ketidakcocokan menceritakan kisah yang berbeda kepada pengguna yang dapat melihat dan pembaca layar.

Periksa rute bersarang serta halaman indeks sehingga item navigasi induk tidak ditandai terkini untuk setiap tujuan yang tidak terkait.