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 önemli erişilebilirlik sorunudur. Şubat 2022'de, en çok ziyaret edilen bir milyon ana sayfanın% 83,9'unda bu sorun vardı. 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 tek 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, önerilen oran değerlerini ise Renk Seçici'de görüntüleyebilirsiniz.

    Kontrast oranları, alternatif renklerin oranını ölçmek için bir Renk Seçici içeren bir ipucu olarak sunulur. Rasyon için AA ve AAA notlandırması mevcuttur.

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

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

  • Tüm kontrast sorunlarını CSS'ye Genel Bakış ve (önizleme) Sorunlar panellerinde görebilirsiniz.

    CSS'ye Genel Bakış panelinde ve Sorunlar sekmesinde listelenen kontrast sorunları.

  • Sayfanızın tüm kullanıcılarınız için nasıl göründüğünü anlamak üzere görme bozukluklarını taklit edin.

    Oluşturma sekmesinde seçilen ve görüntü alanında taklit edilen bulanık görme.

Daha uygulamalı bir öğrenme deneyimi için Web sitenizi daha okunaklı hale getirme eğitim makalesine göz atın.

Daha fazla bilgi için: