Erişilebilirlik, klavye, ekran okuyucu, ses kontrolü, büyüteç kullanan veya sadece parlak güneş ışığında küçük bir telefon tutan insanlar için çalışan bir site inşa etmek demektir. Neredeyse tamamen iyi tasarım ve iyi SEO ile örtüşür. Her şeyi bir anda çözmenize gerek yok — en çok insanı etkileyen değişikliklerle başlayın.
Gerçekten okuyabileceğiniz metin
- Arka planına karşı yeterli kontrasta sahip gövde metni. En az 4,5:1 kontrast oranı hedefleyin.
- Düzeni bozmadan %200'e kadar yeniden boyutlandırılabilen metin.
- Görsellere gömülü metin yerine gerçek metin.
Fare olmadan çalışan bir sayfa
Siteyi yalnızca Tab tuşuyla kullanmayı deneyin. Her bağlantı ve kontrol, mantıklı bir sırayla, nerede olduğunuzu görebilmeniz için görünür bir odak çerçevesiyle erişilebilir olmalıdır. Yalnızca hover veya tıklamaya yanıt veren açılır menüler, modallar ve menüler klavye ve ekran okuyucu kullanıcılarını çıkmazda bırakır.
Ekran okuyucunun gezinebileceği yapı
- Bir
<h1>, sonra sıralı başlıklar — ekran okuyucu kullanıcıları bunların arasında bir içindekiler tablosu gibi atlar. - İşaretler:
<header>,<nav>,<main>,<footer>. - Açıklayıcı bağlantı metni — "fiyatlandırma rehberimizi okuyun", "buraya tıklayın" değil.
- Anlamlı görselleri tanımlayan
altmetni; süsleme için boşalt.
İnsanların doldurabileceği formlar
Her alanın görünür, ilişkilendirilmiş bir <label>'a ihtiyacı vardır. Hatalar yalnızca renkle değil metinle açıklanmalı ve atıfta bulundukları alanın yanına yerleştirilmelidir. Bir sorunu belirtmek için yalnızca kırmızı bir kenarlığa güvenmeyin.
Hareket ve medya
- Büyük animasyonlar için "hareketi azalt" ayarına saygı gösterin.
- Sesi otomatik oynatmayın.
- Bilgi taşıyan videolar için altyazı sağlayın.
Neden aynı zamanda bir iş kararı
Erişilebilir bir site daha çok müşteriye ulaşır, eski cihazlarda ve yavaş bağlantılarda daha sağlamdır, yapı temiz olduğu için genellikle daha iyi sıralanır ve erişilebilirliğin düzenlendiği pazarlarda yasal riski azaltır. İş çoğunlukla pahalı bir eklenti değil, tasarım ve geliştirme sırasında uygulanan disiplindir.
Kısacası
Kontrast, klavye erişimi, başlık yapısı ve etiketli formlarla başlayın — bu etkinin çoğunu kapsar. teslim ettiğimiz her siteye dahildir; mevcut sitenizi bize gönderin, en hızlı kazanımları gösterelim.