Erişilebilir bir dijital kartvizit, düşük görme, renk körlüğü, titreyen el ya da yaşlı göz gibi durumlarda da kullanılabilen sayfadır. Bu, küçük bir azınlık meselesi değil: güneş altında ekrana bakan herkes aynı sorunları yaşar.
İyi haber, erişilebilirliği sağlayan şeylerin çoğu sayfayı herkes için iyileştirir.
Renk kontrastı
Metin ile arka planı arasındaki kontrast oranı en az 4.5:1 olmalıdır. Büyük başlıklarda 3:1 yeterlidir.
Açık gri zemin üzerine açık gri yazı, tasarım dergisinde şık durur ama telefonda dışarıda okunmaz.
Renkli şablon seçerken yazı renginin otomatik olarak koyulaşıp açılması önemlidir. Koyu zeminde açık yazı, açık zeminde koyu yazı kuralı hiç bozulmamalı.
Renk körlüğü nüfusun yaklaşık yüzde sekizinde görülür. Bilgiyi yalnızca renkle anlatmayın; "yeşil olan aktif" yerine yanına bir etiket koyun.
Yazı boyutu ve satır aralığı
Gövde metni için 16 piksel altına inmeyin. Telefonda 14 piksel yazı, kırk yaş üstü için zorlayıcıdır.
Satır aralığını 1.4 ile 1.6 arasında tutun. Sıkışık satırlar gözün satır atlamasına yol açar.
Metni ortalamak yerine sola yaslamak uzun paragraflarda okumayı kolaylaştırır.
Tamamı büyük harf yazılmış kelimeler yavaş okunur; başlıklarda bile ölçülü kullanın.
Dokunma hedefleri
Tıklanabilir her öğe en az 44x44 piksel olmalıdır. Bu, parmak ucunun güvenli hedef alanıdır.
Küçük simgeler bu ölçüye ulaşmıyorsa çevresine boşluk ekleyin; görünür alan küçük kalsa da dokunma alanı büyür.
Yan yana duran iki bağlantı arasında en az 8 piksel boşluk bırakın. Aksi halde yanlışlıkla yanlış bağlantıya basılır.
Bu ölçüler titremeli el, kalın parmak ya da sarsılan araçta telefon kullanan herkes için fark yaratır.
Ekran okuyucu uyumu
Görme engelli kullanıcılar sayfayı ekran okuyucuyla dinler. Okuyucunun anlaması için yapının doğru olması gerekir.
Görsellerde alt metni. Logonuzun alt metni "logo" değil, "Kavun Kahve logosu" olmalı. Dekoratif görseller ise boş alt metinle geçilmeli.
Başlık sırası. Sayfada tek bir ana başlık olmalı, alt başlıklar sırayla ilerlemelidir.
Bağlantı metinleri. "Buraya tıklayın" hiçbir şey anlatmaz. "Instagram profilini aç" anlatır.
Simge butonları. Yalnızca simge içeren düğmelere erişilebilir bir ad verilmelidir; aksi halde okuyucu "düğme" der ve geçer.
Hareket ve animasyon
Titreşen, kayan ya da sürekli dönen öğeler bazı kullanıcılarda baş dönmesi yapar.
İşletim sistemlerinde "hareketi azalt" ayarı vardır. Sayfa bu tercihi görünce animasyonları durdurmalıdır.
Otomatik oynayan video ve ses koymayın. Kullanıcı başlatmadıkça bir şey oynamamalı.
Çok dilli kullanım da erişilebilirliktir
Sayfanın dili doğru işaretlenmezse ekran okuyucu metni yanlış telaffuz eder.
Yabancı misafirle çalışıyorsanız kartınızın dil desteği doğrudan erişilebilirlik konusudur. Dijital kartvizitte çok dilli kullanım yazımızda bunu ele aldık.
Hızlı kontrol listesi
Sayfayı telefonun yazı boyutunu en büyüğe alarak açın; bozuluyor mu bakın.
Ekranı doğrudan güneş altında kontrol edin; kontrast yetersizse orada anlarsınız.
Tek elle, başparmakla gezinmeyi deneyin; ulaşılamayan düğme var mı görün.
Renkleri gri tonlamaya çevirip bakın; bilgi kayboluyor mu anlarsınız.
Sık Sorulan Sorular
Erişilebilirlik yasal bir zorunluluk mu?
Kamu kurumları ve bazı sektörler için düzenlemeler vardır. Özel işletmelerde zorunluluk değişse de, erişilebilir sayfa daha geniş kitleye ulaşır.
Kontrast oranını nasıl ölçerim?
Ücretsiz kontrast denetleyici araçlar metin ve arka plan rengini girdiğinizde oranı hesaplar.
Koyu tema erişilebilirliği artırır mı?
Zorunlu değildir. Önemli olan seçilen temada kontrastın yeterli olmasıdır; kötü kurulmuş koyu tema da okunmaz.
Görsellere alt metni yazmak SEO'ya yarar mı?
Evet, arama motorları görseli alt metinden anlar. Erişilebilirlik ve arama görünürlüğü burada aynı yöne çalışır.