Gezinmeyi iyileştirmek için HTML5 önemli nokta öğeleri kullanılır

main, nav ve aside gibi HTML5 öğeleri önemli nokta olarak çalışır, sayfada hangi özel bölgelere Ekran okuyucular ve diğer yardımcı teknolojiler atlayabilir. Önemli nokta öğelerini kullanarak sitenizde gezinme deneyimini önemli ölçüde iyileştirebilirsiniz kullanıcılara yöneliktir. Daha fazla bilgi için Deque Üniversitesi'nin HTML 5 ve ARIA Önemli Noktaları.

Önemli noktaları manuel olarak kontrol etme

W3C'nin önemli nokta öğeleri listesini kullanın kullanın. Örneğin:

<header>
  <p>Put product name and logo here</p>
</header>
<nav>
  <ul>
    <li>Put navigation here</li>
  </ul>
</nav>
<main>
  <p>Put main content here</p>
</main>
<footer>
  <p>Put copyright info, supplemental links, etc. here</p>
</footer>

Aynı zamanda Microsoft'un Erişilebilirlik Analizleri uzantısı kullanın:

web.dev&#39;in Accessibility Insights uzantısıyla vurgulanan önemli noktaların gösterildiği ekran görüntüsü

Önemli noktaları etkili bir şekilde kullanma

  • Sayfanızın ana bölümlerini tanımlamak için önemli nokta öğeleri kullanın yerine <div> veya <span> gibi genel öğeleri kullanın.
  • Sayfanızın yapısını göstermek için önemli noktalar kullanın. Örneğin, <main> öğesi doğrudan alakalı tüm içerikleri içermelidir. bu nedenle her sayfa için yalnızca bir tane olmalıdır. MDN'nin içerik bölümleme öğelerinin özeti konusuna bakın her önemli noktanın nasıl kullanılacağını öğrenmek için.
  • Önemli noktaları akıllıca kullanın. Çok fazla önemli nokta olması aslında nedeniyle gezinmeyi daha zorlaştırabilir, kolayca geçmelerini engeller.
ziyaret edin. için faydalı olacak kullanıcı arayüzü veya içerik yapısı.

Başlıklar ve önemli noktalar yayınına bakın konulu videomuzu izleyin.

Kaynaklar