Hız, mobil uyum ve erişilebilirlik

Ziyaretçilerin çoğu siteyi telefondan, çoğu zaman zayıf bir bağlantıyla açar. Şablonlar bunun için hazırlanmıştır; senin teknik bir ayar yapman gerekmez.

Kendiliğinden yapılanlar

• Fotoğraflar ekran boyutuna göre küçültülür ve hafif WEBP biçiminde sunulur; ekranda görünmeyen fotoğraflar kaydırınca yüklenir.
• Yazı tipleri yalnız gereken karakterlerle yüklenir; yazı tipi yüklenirken sayfa kaymaz.
• Video, ziyaretçi oynatana kadar yüklenmez; ölçüm araçları yalnız izin verilince yüklenir.
• Sayfalar sunucuda önbelleğe alınır; değiştirince önbellek kendiliğinden yenilenir.
• Telefonda üstte Menü düğmesi, altta Hızlı iletişim çubuğu durur.

Dört şablon da sayfa hızı (Google Lighthouse) ve erişilebilirlik (WCAG 2.2 AA ölçütleri) açısından telefonda ve masaüstünde denetlenmiştir: klavyeyle gezinme, ekran okuyucu etiketleri, yeterli renk karşıtlığı, “İçeriğe geç” bağlantısı.

Senin yapabileceklerin

• Rengi seçerken okunurluk uyarısına uy (Renkler).
• Örnek işlere başlık yaz: başlık, fotoğrafın açıklaması (alt metin) olarak da kullanılır ve ekran okuyucular bunu okur.
• Referans logolarına firma adını yaz.
• Yazılarda ara başlık (##) kullan ve bağlantı metnini anlamlı yaz (“buraya tıklayın” yerine “ışıklı tabela fiyatları”).
• Çok büyük (15 MB'a yakın) fotoğrafları yüklemeden önce küçültmek yüklemeyi hızlandırır.