Erişilebilirlik: Metinlerinizi ve Grafiklerinizi Hazırlama

2 dakikalık okuma
Görüş kısıtlılığı olan ziyaretçiler, sitenizdeki sayfaların arka planları ile ön planları arasındaki farkı ayırt etmekte zorlanabilir. Site erişilebilirliğini bu ziyaretçilere yönelik artırmanız için aşağıdakileri öneririz:
  • Metin rengi ve arka plan arasındaki renk kontrası oranını, normal metinler için 4.5:1 ve geniş metinler için 3:1 oranında ayarlayın. 
  • Grafikler ve kullanıcı arayüzü bileşenleri (form giriş kısmı kenarlıkları, yer tutucuları vb.) için en az 3:1 kontrast oranı. 
  • AAA düzeyi, normal metinler için en az 7:1, geniş metinler için 4.5:1 kontrast oranı gerektirir.
Not:
Geniş metin 14 punto ve üzeri olarak (yaklaşık 18px) ve kalın metin şeklinde 18 punto (yaklaşık 24px) olarak tanımlanır.
Renk Kontrastlarını Test Etme
Ön plan ve arka plan renklerini (renk kodları kullanarak) karşılaştırma yoluyla renk kontrastlarını test eden birçok site ve tarayıcı eklentisi vardır, örneğin Contrast Checker. Arka plan resmi üzerindeki metnin renk kontrastını test etmek için Colour Contrast Analyser aracını kullanmanızı öneririz, bu araç sayesinde arka plan rengini seçip test edebilirsiniz.
Sitenizde grafikler ve veriler mi gösteriliyor?
Yüksek kontrast renkleri, sitenizde veri göstermenin harika bir yoludur. Ancak yine de bilgiler arasındaki farkın ayırt edilebilmesi için (dokular ve desenler gibi) başka göstergeler de kullanmanızı öneririz.  
Sonraki Adım:
Sitenizin erişilebilirliğini geliştirmeye devam etmek için Yapılacaklar Listesine geri dönün.

Bu içerik yardımcı oldu mu?

|