Erişilebilirlik: Metinlerinizi ve Grafiklerinizi Hazırlama

3ドル
Görme güçlüğü çeken ziyaretçiler, bir site sayfalarının ön planı ile arka planı arasındaki farkı ayırt etmekte zorlanabilirler. Bu nedenle sitenizdeki renk kontrastını kontrol etmenizi ve gerektiği gibi ayarlamanızı öneririz.
このページには、このような情報が掲載されています:

Önerilerimiz

Farklı görme ihtiyaçları olan ziyaretçiler için erişilebilirliği artırmak için aşağıdakileri öneriyoruz:
  • 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.
Bilmenizde fayda var:
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 kodlarını bulma

Renk kodlarını kullandığınız site oluşturucuda (Studio Editor, Wix Editor vb.) bulabilirsiniz.
スタジオエディター
Wixエディター
ADI
  1. İlgili ögeyi seçin (metin, şerit arka planı, konteyner kutusu vb.).
  2. Editörün sağ üst köşesindeki Denetçiyi Aç simgesine  tıklayın.
  3. タサルム sekmesine tıklayın.
  4. Renk seçiciyi açmak için renk kutusuna tıklayın.
  5. Kodu görmek için rengin üzerine gelin.
Studio Editor'daki renk seçici. İmleç bir rengin üzerinde geziniyor ve kod panelde vurgulanıyor.
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.

Renk kontrastını ayarlama

Site sayfalarınızdaki düşük renk kontrastını bulmak ve ayarlamak için Erişilebilirlik Sihirbazı'nı kullanabilirsiniz. Sihirbaz, sitenizi olası erişilebilirlik sorunlarına karşı tarayan ve sitenizin erişilebilirliğini iyileştirmeye devam etmek için gelişmiş ayarları etkinleştirmenize olanak tanıyan bir araçtır.
Bilmeniz gerekenler:

Kontrastı ayarlamak için:

  1. Ayarlar'ı seçin.
  2. Erişilebilirlik Sihirbazı'nı seçin.
  3. Sitemi Tara'ya tıklayın.
  4. Renk Kontrastı başlıklı kartları seçin.
  5. Metni ve arka plan rengini ayarlamak için kaydırıcıyı kullanın.
  6. Değişiklikleri Uygula'yı seçin.
Sihirbaz'da bir renk kontrastı açık. Kontrast ayarlandı ve imleç Değişiklikleri Uygula'nın üzerinde geziniyor.
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.

それは何ですか?

|