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:
Ö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.
Başlıklar ve önemli noktalar yayınına bakın konulu videomuzu izleyin.