Geliştirici Araçları İpuçları: Düşük kontrastlı metinleri keşfetme ve düzeltme

Sofia Emelianova
Sofia Emelianova

Düşük kontrastlı metin, web'deki en yaygın erişilebilirlik sorunudur. Şubat 2022'de, en popüler milyon ana sayfanın% 83,9'unda bu sorun yaşandı. Daha fazla bilgi için WebAIM Million 2022 raporuna göz atın.

Chrome Geliştirici Araçları, tüm kontrast sorunlarını bir bakışta keşfetmenize ve bunları tek bir tıklamayla düzeltmenize olanak tanır.

Aşağıdakileri nasıl yapacağınızı öğrenmek için videoyu izleyin:

  • Kontrast oranlarını, denetleyici modunun ipucunda ve önerilen oran değerlerini Renk Seçici'de görüntüleyebilirsiniz.

    Kontrast oranları, alternatif renklerin oranını ölçmek için bir Renk Seçici ile birlikte bir ipucunda mevcuttur. AA ve AAA derecelendirmesi mevcuttur.

  • WebAIM yönergelerine uymak için Renk Seçici'de önerilen renkleri seçin veya kontrast oranı çizgilerinin altında bir renk seçin.

    Önerilen kontrast oranı çizgileri, Renk Seçici'nin tonlar önizlemesinde bulunur.

  • CSS'ye Genel Bakış ve (önizleme) Sorunlar panellerinde kontrastla ilgili tüm sorunları keşfedin.

    CSS'ye genel bakış panelinde ve Sorunlar sekmesinde listelenen kontrast sorunları.

  • Sayfanızın tüm kullanıcılarınıza nasıl göründüğünü anlamak için görme bozuklukları emülasyonu yapın.

    Oluşturma sekmesinde seçili olan ve görüntü alanında emüle edilen bulanık görüş.

Daha uygulamalı bir öğrenme deneyimi için Web sitenizi daha okunabilir hale getirme başlıklı eğiticiyi inceleyin.

Daha fazla bilgi edinmek için aşağıdaki makaleleri inceleyin: