Bildirim

1 Eylül 2021'den itibaren klasik Sites diğer kullanıcılar tarafından görüntülenemeyecektir. Yeni Sites'a nasıl geçiş yapabileceğinizi bugün öğrenin.

Sitenizi daha erişilebilir hâle getirme

Site oluştururken, aşağıdaki ipuçlarından yararlanarak sitenizin okunabilirliğini engelli kişiler dahil herkes için artırabilirsiniz.

Alternatif metin ekleme

Resimler, logolar, çizimler ve diğer grafikler için alternatif metin kullanın. Alternatif metin olmadığında, ekran okuyucu kullanıcıları yalnızca "resim" ifadesini duyar. Bazı resimler otomatik olarak alternatif metin içerdiğinden, alternatif metni her zaman kontrol etmeniz önerilir.

Eklenen görsellerde alternatif metin ekleme ve düzenleme işlemleri

  1. Resmi veya logoyu seçin.
  2. Diğer düzenleme seçenekleri Diğer ve sonra Alternatif metin ekleme bölümüne gidin.
  3. Açıklama alanına alternatif metni girin.

Arka plan resimlerinde alternatif metin ekleme ve düzenleme işlemleri

  1. Bilgisayardan, Google Sites'ta bir siteyi açın.
  2. Şu konumlardaki arka plan resimlerine alternatif metin ekleyebilirsiniz:
    • Site başlığınız: Üstbilginin sol alt tarafındaki Resim'i tıklayın.
    • Bölüm: Bölümün sağında, Bölüm renkleri  ardından Resim'i .
  3. Alternatif metin'i tıklayın.
  4. Açıklama alanına alternatif metin girin.

Özel temalı logolarda veya banner resimlerinde alternatif metin ekleme ve düzenleme işlemleri

Yeni özel temalara alternatif metin ekleme

  1. Bilgisayardan, Google Sites'ta bir siteyi açın.
  2. Sağ taraftan Temalar panelini seçin.
  3. "Özel" bölümünde Tema oluştur'u Resim ekle seçin.
  4. Logo veya banner resmi yüklemek için Resim ekle  ardından Yükle'yi tıklayın.
  5. Alternatif metin eklemek için, yüklenen resmi ardından Alternatif metin'i tıklayın.

Özel tema başlıklarında alternatif metin ekleme ve düzenleme işlemleri

  1. Bilgisayardan, Google Sites'ta bir siteyi açın.
  2. Sağ tarafta, Temalar panelini seçin.
  3. "Özel" bölümünde, özel temanızın sağ üst köşesinden Diğer Diğer ardından Düzenle'yi seçin.
  4. "Resimler" bölümünde başlık resmini ardından Alternatif metin'i tıklayın.
  5. Açıklama alanına alternatif metin girin.

Özel temalar hakkında daha fazla bilgi edinin.

Yüksek renk kontrastı kullanma

Yüksek renk kontrastı, metin ve resimlerin daha kolay okunup anlaşılmasını sağlar. Web İçeriği Erişilebilirlik Kuralları (WCAG) 2.0, büyük metinler için minimum 4,5:1, diğer metinler ve resimler içinse 7:1 oranının kullanılmasını önermektedir. Örneğin, beyaz bir arka planda açık gri metin kullanmaktan kaçının.

Renk kontrastını artırma önerilerini incelemek ve bunları sitenize uygulamak için Chrome Geliştirici Araçları'nı kullanabilirsiniz.

Bilgilendirme amaçlı bağlantı metni kullanma

Ekran okuyucular bağlantı taraması yapabilir. Dolayısıyla bilgilendirme amaçlı bağlantı metni kullanmak faydalı olur. Bağlantı metni olarak sayfanın başlığını kullanmak en iyisidir. Örneğin, profil sayfanıza bağlantı oluşturuyorsanız bağlantı metni "profilim" olmalı; "burayı tıklayın" gibi bir metin veya tam URL içermemelidir.

Metin boyutunu ve hizalamasını kontrol etme

Sitenizi kolay okunur hâle getirmek için mümkün olduğunca büyük ve sola hizalanmış metinler kullanın. İki yana yaslanmış metinlerde kelimelerin arasında ekstra boşluk olduğu için bu tür metinlerin okunması daha güçtür.

Biçimlendirmeyi desteklemek için metni kullanma

Anlamı iletmek için yalnızca görsel biçimlendirme ile yetinmemeniz önerilir. Ekran okuyucular, kalın yazı tipi veya vurgu gibi biçimlendirme değişikliklerini okuyamayabilir. Örneğin, metnin önemli bir bölümünü işaretlemek için "Önemli" kelimesini ekleyin.

Numaralı ve madde işaretli listeleri kullanma

Google Dokümanlar ve Google Slaytlar, erişilebilirlik için bazı listeleri otomatik olarak algılar ve biçimlendirir. Örneğin, dokümanınızda 1. yazarak yeni bir satıra başlarsanız, yeni satır otomatik olarak numaralı listedeki ilk öğe olur. Madde işaretli ve numaralı listeleri nasıl biçimlendireceğinizi öğrenin.

Arama
Aramayı temizle
Aramayı kapat
Ana menü
9937387965874049483
true
Yardım Merkezinde Arayın
true
true
true
true
true
70
false
false