WCAG 3.1.2 · AA Seviyesi · ADA Title II

ADA ve yabancı dildeki bölümler

Başka dilde yazılmış ifade ve bölümleri işaretleyin; yardımcı teknoloji telaffuzu değiştirebilsin. Duyurular ve dil seçiciler.

Bir sayfa birden fazla dil konuştuğunda

Bir sayfa büyük ölçüde Türkçe olsa da içinde İngilizce bir duyuru, Arapça bir karşılama ya da alıntılanmış bir hukuk deyimi bulunabilir. Tüm sayfayı Türkçe okuyan yardımcı teknoloji bu bölümleri bozar. WCAG 2.1, 3.1.2 başarı ölçütü (AA düzeyi), her bölümün veya ifadenin insan dilinin programatik olarak belirlenebilmesini ister; HTML’de bu, yabancı metni saran öğede bir lang niteliği demektir.

İşaretlemeniz gerekmeyenler

Ölçüt dört istisna tanır:

  • Özel adlar; bir kişi ya da marka gibi.
  • Teknik terimler; "hertz" veya "habeas corpus" gibi.
  • Dili belirsiz sözcükler; dili tespit edilemeyenler.
  • Çevreleyen metnin gündelik diline girmiş sözcükler; Türkçe metinde "ofis" ya da "randevu" gibi.

Yani başka bir dilde olduğu açık olan bölümleri ve ifadeleri işaretlersiniz; ödünç alınmış her sözcüğü değil. Bir terimin dile yerleşip yerleşmediğinden emin değilseniz, Türkçe konuşan bir okuyucunun onu Türkçe mi telaffuz edeceğini düşünün.

Kamu sitelerinde nerede önemli? (ADA açısı)

Dil erişimi duyuruları kamu sayfalarının vazgeçilmezidir: sağlık merkezi sayfasında "Interpreters are available in Spanish" gibi bir satır, tercüman bulunabilirliği bannerları, çevrilmiş acil durum duyuruları ve üst bilgideki dil seçici. Dil seçici sık görülen bir zayıf noktadır; çünkü dil adları kendi dillerinde yazılır ama işaretlenmez. Ekran okuyucuya güvenen ve bu hizmetlere ihtiyaç duyan kişi, bozuk konuşmayı atlamakta en çok zorlanan kişidir. Site geneli örüntüler için yaygın engeller sayfasına bakın.

Kod örnekleri: duyurular, dil seçici, alıntılar, sağdan sola yazı

İlçe sağlık merkezi sayfasında tercüman duyurusu

Hatalı
<p>Tercüman hizmeti vardır. Interpreters are available in Spanish.</p>
Doğru
<p>Tercüman hizmeti vardır. <span lang="en">Interpreters are available in Spanish.</span></p>

Üst bilgideki dil seçici

Hatalı
<nav aria-label="Dil">
  <a href="/en/">English</a>
  <a href="/ar/">العربية</a>
  <a href="/de/">Deutsch</a>
</nav>
Doğru
<nav aria-label="Dil">
  <a href="/en/" lang="en" hreflang="en">English</a>
  <a href="/ar/" lang="ar" hreflang="ar">العربية</a>
  <a href="/de/" lang="de" hreflang="de">Deutsch</a>
</nav>

Kütüphane sayfasında alıntılanan karşılama yazısı

Hatalı
<blockquote>
  Willkommen in der Stadtbibliothek. Wir öffnen um 9 Uhr.
</blockquote>
Doğru
<blockquote lang="de">
  Willkommen in der Stadtbibliothek. Wir öffnen um 9 Uhr.
</blockquote>

Okul kayıt duyurusunda Arapça bölüm

Hatalı
<p>مرحباً بكم في التسجيل المدرسي</p>
Doğru
<p lang="ar" dir="rtl">مرحباً بكم في التسجيل المدرسي</p>

Yerel uygulamalar

Yerel platformlar dili kendi erişilebilirlik API’leri aracılığıyla metin aralıklarına bağlar; bunlar yukarıdaki web örneklerinin kapsamında değildir. Tasarım kuralı olarak yabancı dildeki bölümleri kısa, ayrı metin öğelerinde tutun ki tek tek etiketlenebilsin.

Test etme

  1. Sayfayı okuyarak tarayın ve başka dilde olan her bölümü veya ifadeyi, menü etiketleri dahil, not edin.
  2. Bu öğeleri inceleyin ve doğru koda sahip bir lang niteliği arayın.
  3. Otomatik dil geçişini destekleyen bir ekran okuyucuyla dinleyin ve işaretlenen bölümde sesin değiştiğini kontrol edin.
  4. Araçlar: betikler lang taşıyan öğeleri listeleyebilir ve geçersiz kodları işaretleyebilir. Hiçbir araç işaretlenmemiş yabancı metni güvenilir biçimde bulamaz; bu yüzden asıl denetim insan okumasıdır.

Kaçınılacak hatalar

  • Tek bir bölümü "düzeltmek" için sayfa dilini yabancı dile çevirmek.
  • Yalnızca bir ifade yabancıyken tüm paragrafı lang ile sarmak.
  • lang="ingilizce" ya da lang="ing" yazmak. İngilizce kodu en’dir.
  • İşaretlenmesi gerekmeyen özel adları veya teknik terimleri işaretleyip az fayda için gürültü yaratmak.

Yayına almadan önce

  • Başka dildeki her tam bölüm veya ifade geçerli bir lang ile sarılmış.
  • Dil seçici etiketleri kendi dil kodlarını taşıyor.
  • En iyi uygulama: sağdan sola yazılan bölümler ayrıca dir="rtl" taşıyor.

Kaynaklar

Standart sürümü: WCAG 2.1 (W3C Tavsiye Kararı, 5 Haziran 2018); Title II web kuralında adı geçen sürüm. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz. Bağlayıcı metin için ADA yasasının ve yönetmeliklerinin resmî metinlerini esas alın ve size nasıl uygulandığını bir avukata sorun.

Corpowid, Gartner tarafından tanınan bir platformdur.

Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.

Corpowid hakkında sorularınız mı var?

Bizimle iletişime geçin.

Size en kısa sürede geri dönüş sağlayacağız.