main, nav ve aside gibi HTML5 öğeleri, ekran okuyucuların ve diğer yardımcı teknolojilerin sayfadaki özel bölgelere veya yer işaretlerine atlayabileceği özel bölgeler olarak işlev görür.
Yer işareti öğelerini kullanarak, yardımcı teknoloji kullanıcıları için sitenizdeki gezinme deneyimini önemli ölçüde iyileştirebilirsiniz.
Daha fazla bilgi için Deque University'nin HTML 5 ve ARIA Dönüm Noktaları başlıklı makalesine göz atın.
Dönüm noktalarını manuel olarak kontrol etme
Sayfanızın her ana bölümünün bir yer işareti öğesi içerdiğini kontrol etmek için W3C'nin yer işareti öğeleri listesini 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>
Sayfa yapınızı görselleştirmek ve yer işaretlerinde bulunmayan bölümleri yakalamak için Microsoft'un Erişilebilirlik Analizleri uzantısı gibi araçları da kullanabilirsiniz:
Dönüm noktalarını etkili bir şekilde kullanma
<div>veya<span>gibi genel öğelere güvenmek yerine, sayfanızı önemli bölümlere ayırmak için yer işareti öğelerini kullanın.- Sayfanızın yapısını belirtmek için yer işaretlerini kullanın.
Örneğin,
<main>öğesi sayfanın ana fikriyle doğrudan ilgili tüm içeriği içermelidir. Bu nedenle, sayfa başına yalnızca bir tane olmalıdır. Her bir yer işaretinin nasıl kullanılacağını öğrenmek için MDN'nin içerik bölümlendirme öğeleriyle ilgili özetine bakın. - Dönüm noktalarını dikkatli bir şekilde kullanın. Çok fazla yer işareti olması, yardımcı teknoloji kullanıcılarının istedikleri içeriğe kolayca atlamasını engellediği için gezinmeyi daha zorlaştırabilir.
Daha fazla bilgi için Başlıklar ve yer işaretleri başlıklı makaleyi inceleyin.