İçeriği main İçine Koyma ve Yalnızca Bir main Kullanma

Her sayfanın tek bir yıldızı vardır: kendine özgü içeriği. main öğesi, üstbilgi ve altbilgilerden ayrı olarak bu içeriğin bulunduğu yerdir.

Bir sayfada tam olarak bir main yer işareti bulunmalıdır. Kullanıcılar tek bir ana hedef beklediği için iki main kafalarını karıştırır.

Makale, form veya gösterge paneli gibi sayfanın temel içeriğini main içine koyun. Kullanıcının gerçekten gelme nedeni olan şeyi.

Site logosu, genel gezinme ve altbilgi bağlantıları gibi tekrarlanan içerikler main öğesinin dışında bulunur; çünkü bunlar bu sayfaya özgü değildir.

Atlama bağlantısı, klavye kullanan kullanıcıların her sayfada tekrarlanan üstbilgiyi geçip doğrudan içeriğe gidebilmesi için main öğesini gösterir.

Atlama bağlantısının odağı kendi başına sekmeyle ulaşılabilir hâle getirmeden içine taşıyabilmesi için main öğesine -1 değerinde tabindex ekleyin.

İkinci bir main öğesine ihtiyaç duyarsanız, biri dışındakilerin tümü görünümden gizlenmelidir. Aynı anda yalnızca tek bir görünür main öğesine izin verilir.

main öğesi article, aside, nav, header veya footer içinde bulunamaz. Sayfa gövdenizin en üst düzeyinde yer alır.

Çok eski tarayıcılar için yedek olarak role değerini main olarak ekleyebilirsiniz; ancak günümüzde doğru seçim yerel main öğesini kullanmaktır.

Tek bir main olduğunda ekran okuyucu kullananlar bir tuşa basarak her sayfada, her seferinde doğrudan içeriğe ulaşır. 🎯

Önce header, sonra nav, ardından tek bir main ve son olarak footer. Bu öngörülebilir yapı, sayfanın kulakla taranmasını kolaylaştırır.

Benzersiz içeriği tek bir main içine koymayı, tekrarlanan bölümleri dışarıda tutmayı ve main öğesini atlama bağlantısının hedefi olarak kullanmayı öğrendiniz. 🙌