Hijyen ve Yapı Yöneticisi
Ekran okuyucular ve arama motorları için temiz bir tasarım — sayfa başına bir H1 başlığı, sayfa atlamaları yok.
"Başlık Hijyen ve Yapı Yöneticisi" ne anlama geliyor?
Başlıklar (<h1> değin <h6>Başlıklar, bir sayfanın içindekiler tablosu yapısını oluşturur. Ekran okuyucular, başlık kısayollarını kullanarak bölümler arasında gezinirken, arama motorları bunları konu haritaları olarak yorumlar. Başlık kullanımında en az bir başlık kullanmak önemlidir. <h1>, kesintisiz hiyerarşi (yok) h2 → h4-Atla), Başlıklar, sonrasında gelenleri açıklar.
Yükümlülük ve Fayda — WCAG 1.3.1.
WCAG 1.3.1 (Bilgi ve İlişkiler) A seviyesindedir. Üç resimli bir sayfa. h1s veya bir h4 hemen sonra h1 Anlamsal olarak sorunlu; ekran okuyucu kullanıcıları yönlerini kaybediyor, SEO zarar görüyor (Google, konu anlayışı için başlık ana hatlarını kullanıyor). Ayrıca: arka uçtaki tutarlı bir yapı yöneticisi, editör ekibinin başlıkları yanlışlıkla "büyük kalın metin" olarak kullanmasını engelliyor.
Bunu tam olarak nasıl çözeceğiz?.
- Sayfa başına tam olarak bir tane
<h1>(genellikle sayfa başlığı veya ana başlık). - Sorunsuz hiyerarşi:
h1 → h2 → h3, atlama yokh2doğrudan üzerineh4. - Arka uçtaki yapı yöneticisi, düzenleme sırasında ana hatları canlı olarak görüntüler; bu, örnekleme yerine görsel doğrulama anlamına gelir.
- Tema şablonları başlıkları tasarım nedenleriyle değil, anlamsal olarak oluşturur (hayır).
h3Sadece 24 piksel isteniyor diye değil - CSS bunun için var zaten). - Yayın öncesi kancasında linter: Başlık ihlali durumunda yayınlamayı engeller (isteğe bağlı).
- DigElite eklentisinde, her sayfa sınıfında canlı olarak bulunur: bilinçli
h1/h2/h3-Bölüm başına strateji.
Modül paketimizin ilgili yapı taşları
-
Tam klavye navigasyonu
WCAG 2.1.1Her fonksiyona fareye gerek kalmadan erişilebilir. Ekran okuyucu kullanıcıları için olmazsa olmaz, diğer herkes için de faydalı.
-
Otomatik denetim özellikli kontrast tarayıcı
WCAG 1.4.3Arka planda sürekli olarak karşılaştırmalı testler yapılıyor; hatalar, editör ekibi herhangi bir şey fark etmeden önce rapor ediliyor.
-
ARIA Canlı Bölgeleri
WCAG 4.1.3Dinamik içerik (form hataları, yükleme ekranı, mini sepetler) ekran okuyucu tarafından duyurulur.
-
Yapay zeka alternatif metin oluşturucu
WCAG 1.1.1Artık "açıklamasız resim" yok. Yapay zeka ilk taslağı sunuyor, editör ekibi ise onu iyileştiriyor.
Tam olarak bu modüle mi ihtiyacınız var?
15 dakikalık ön görüşme — siteniz için uygun olup olmadığını netleştireceğiz.
Daha fazla bilgi:
BFSG genel bakışı ·
Performans genel bakışı ·
BAFA fonlaması ·
Sıkça Sorulan Sorular
