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

Sofya Emelianova
Sofya Emelianova

Düşük kontrastlı metin, web'deki en önemli erişilebilirlik sorunudur. Şubat 2022'de ilk milyon ana sayfanın% 83, 9'unda bu sorun yaşanmıştır. Daha fazla bilgi için WebAIM Million 2022 raporunu inceleyin.

Chrome Geliştirici Araçları, tüm kontrast sorunlarını bir bakışta keşfetmenizi ve tek bir düğmeyi tıklayarak gidermenizi sağlar.

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

  • Kontrast oranlarını inceleyici 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 sunulur. Rasyonun AA ve AAA derecelendirmeleri mevcuttur.

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

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

  • CSS'ye Genel Bakış ve (önizleme) Sorunlar panellerindeki tüm kontrast sorunlarını keşfedin.

    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 amacıyla görme bozukluğu emülasyonu yapın.

    Oluşturma sekmesinde seçilen 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ğitime bakın.

Daha fazla bilgi edinmek için aşağıdaki makalelere bakın: