Ana içeriğe geç

3.1.1 Sayfanın Dili

Her web sayfasının birincil dili, yardımcı teknolojilerin içeriği doğru şekilde yorumlayıp sunabilmesi için programatik olarak tanımlanmalıdır.

SC Kodu: 3.1.1 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#language-of-page

Genel Tanım​

WCAG SC 3.1.1, her web sayfasının varsayılan insan dilinin programatik olarak belirlenmesini gerektirir. Bu, yardımcı teknolojilerin doğru okuma diline geçebilmesini, uygun telaffuz kurallarını ve aksanları yükleyebilmesini ve geleneksel tarayıcıların metni doğru şekilde görüntüleyebilmesini sağlar. Dilin doğru tanımlanması, engelli kullanıcıların içeriği daha iyi anlamalarına yardımcı olur.

Faydalar​

  • Geliştirilmiş Ekran Okuyucu İşlevselliği: Ekran okuyucuların sayfanın dilini ve lehçesini tanımasını sağlar. Bu, dile özgü gerekli kuralların ve noktalama işaretlerinin işlenmesine yardımcı olur.

Ana Amaç​

Yardımcı teknolojilerin ve tarayıcıların içeriği doğru bir şekilde görüntüleyip yorumlayabilmesi için her web sayfasının varsayılan dilinin doğru şekilde tanımlanmasını sağlamak amacıyla: Belgenin dili karışık ise, sayfada öncelikle kullanılan dil öncelik kazanır. İki dil eşit olarak kullanılıyorsa, ilk gelen dil belgenin varsayılan dili olarak kullanılır.
Bunu sağlamak için, her sayfanın <html> etiketine 'lang' özniteliğini eklememiz gerekir.

En İyi Uygulamalar​

  • lang özniteliğini kullanın: Web sitenizin her sayfasında <html> öğesinde lang özniteliğinin bulunduğundan emin olun. <html lang="en-US">
  • Doğru Dil Kodları: Gerekirse bölgesel farklılıkları da dahil ederek uygun dil kodunu kullanın (örneğin, Amerikan İngilizcesi için "lang="en-US" ve İngiliz İngilizcesi için "lang="en-GB").
  • Tutarlı Uygulama: lang özelliğini web sitenizin tüm sayfalarında tutarlı bir şekilde uygulayın.

Örnekler ve Açıklamalar​

Örnek: Örnek Uygulama​

Bir HTML Belgesinin İçeriğini Fransızca Olarak Tanımlama

Nelerden Kaçınılmalı?

Senaryo: Bir web sayfası Fransızca konuşan kullanıcılar için tasarlanmıştır, ancak HTML kodunda dil doğru şekilde tanımlanmamıştır.

HTML/CSS

<!doctype html >
<html lang = "fr" >
  <head>
    <meta charset = "utf-8" >
    <title >document écrit en français</title >
  </head>​​
  <body>​​
    ... belge écrit en français ...
  </body>​​
</html>​​

Açıklama: lang özniteliği olmadan, ekran okuyucular, metinden sese dönüştürme yardımcı teknolojileri ve tarayıcılar sayfanın dilini belirleyemez; bu da yanlış telaffuz ve görüntüleme sorunlarına yol açabilir.

Ne Yapılmalı?

HTML/CSS

<!doctype html >
<html lang = "fr-FR" >
  <head>
    <meta charset = "utf-8" >
    <title >document écrit en français</title >
  </head>​​
  <body>​​
    ... belge écrit en français ...
  </body>​​
</html>​​

Açıklama: lang='fr-FR' özniteliğini ekleyerek, sayfanın dili açıkça Fransa Fransızcası olarak tanımlanır. Bu, ekran okuyucuların ve diğer yardımcı teknolojilerin doğru dili, telaffuz kurallarını, aksanları kullanmasını ve tarayıcıların metni doğru şekilde işlemesini sağlar. Bu basit ekleme, Fransa'dan Fransızca konuşan kullanıcılar için erişilebilirliği ve kullanıcı deneyimini önemli ölçüde iyileştirir.