Erişilebilirlik Açıklaması


Emirates.com'daki erişilebilirlik özellikleri

Sitede gezinmenize yardımcı olmak için emirates.com'da birçok özelliği kullanıma aldık. Aşağıda okumanızı tavsiye ettiğimiz kapsamlı bir liste bulunmaktadır. Takvim kontrolleri gibi daha karmaşık bileşenlerin yanı sıra şu anda zorluklar yaşadığımız çeşitli detaylarda gezinmenize yardımcı olmak için kullanışlı yöntemler ekledik. Sitemizin kullanılabilirliğini test etmek ve yaşadığınız deneyimleri geliştirmek için Amerikan Körler Vakfı ve Körler için Kraliyet Ulusal Enstitüsü gibi bir çok kuruluşla birlikte çalıştık. Daha önce de belirttiğimiz gibi emirates.com'u WCAG 2.0 Seviye AA'ya göre tasarladık ve NVDA ve FireFox ile başarıyla çalışan bir site oluşturduk. Bu ekran okuyucularının son sürümlerini kullanmanızı öneriyoruz. Bu bizim attığımız ilk adım ve yakın gelecekte diğer ekran okuyucuları daha iyi desteklemek için geliştirmeler yapmaya devam edeceğiz.

Özellikler

İçeriğe atla: Sayfada gezinmenize yardımcı olmak için sayfanın en üstünde, logomuzdan önce bir içeriğe atlama bağlantısı yer alıyor.

Görüntüler: Bilgi sağlayan tüm görüntülere (metin görüntülerine) açıklayıcı "alt" etiketleri ve tüm dekoratif amaçlı görüntülere boş "alt" etiketleri uyguladık. Sınırlı yerlerde "alt" etiketlerine gereksinimini ortadan kaldırmak için içeriğin etrafına gizli metinler ekledik. Ekran okuyucu kullanıcıları için bu bilgileri ekleyerek "alt" etiketlerine göre daha zengin bir deneyim sunduğumuzu düşünüyoruz. Bunu yaparken erişilebilirlik iş ortaklarımıza danıştık.

Formlar: Tüm formlara klavye ile erişilebilmektedir ve form alanının ne olduğunu anlayabilmeniz için programlanmış etiketler kullanılmaktadır. Rezervasyon motorumuzun çeşitli yerlerinde özel form alanları kullandık ve standart bir etkileşim sağlamak için çok çalıştık.

Tablolar: Sitemizde çok sayıda tablo kullanılıyor olmasına karşın ekran okuyucuların sütunlarda ya da satırlarda yazan bilgileri okumasını önlemek için yalnızca gösterim amaçlı tablolara gösterim rolü verdik. Tüm veri tablolarına uygun başlıklar verdik. Tüm karmaşık tablolar özetlere sahiptir.

Başlıklar: Site içinde içeriğin uygun biçimde bölünmesi için başlıklar oluşturduk.

Bağlantılar: Ne yaptıklarını bilmenizi ve içeriği genel olarak anlamanızı sağlamak için açıklayıcı bağlantı adları verdik. Bir bağlantının yeni bir pencerede/sekmede açılacağını anlamanız için gizli metinler yerleştirdik.

ARIA Yer İşaretleri: Bunu bol bol kullandık ve genellikle sayfanın ana içeriği etrafında yalnızca role=”main” özelliğini ekledik. Aynı zamanda içeriğin bölünmesine yardımcı olmak için role=”complimentary” özelliğini de kullandık.

ARIA kullanımı: dinamik bir siteye sahip olduğumuzdan, deneyiminizi geliştirmek ve bilgilendirilmiş kararlar verebilecek gereken bilgileri almanızı sağlamak için çeşitli ARIA rolleri, özellikleri ve durumları kullandık. Bu özelliklerden yararlanmak için modern bir ekran okuyucuya sahip modern bir tarayıcı kullanmanızı öneriyoruz.

Javascript Kullanımı: Bunları tüm sitede, size daha iyi bir deneyim sağlamak amacıyla bazı erişilebilirlik özelliklerini değiştirmek için kullandık. Daha iyi bir deneyim için Javascript'i açık bırakmanız önerilmektedir.

Klavye kullanıcıları için kontroller

Takvim: Takvimdeyken, tarihler arasında geçiş yapmak için yukarı, aşağı, sol ve sağ oklarını kullanın.

Esnek tarih tablosu: Esnek tarihlere sahip bir uçuş ararken bunu görebilirsiniz. Tablodayken farklı tarihlere ilerlemek için ok tuşlarını kullanabilirsiniz. Bu durum, zamanlarınıza/bütçenize uygun tarihler seçmenize izin verecektir.

Kural ve Koşullar: Klavye kullanıcıları için ekranda gösterilen ek talimatlar yer almaktadır.

Bilinen sorunlar

ARIA Uygulama Rolü: Role=”application” özelliğinin kullanılması ve bundan ayrı bir sekmeye çıkılmasının, bir önceki bağlantının, odaktaki bağlantı ile değiştirilmesi sorununun farkındayız. Bu durum iki yerde meydana gelmektedir:

  1. Rezervasyonunuzu Yönetin'de, herhangi bir seçenek (ör. fazla bagaj) devre dışı bırakıldığında özel bir araç ipucu yer alır. Bu araç ipucu, klavye ile erişilebilmesi için role=”application” özelliğine sahiptir.
  2. Özel takvimin, klavye ile erişilebilmesi için role=”application” özelliğine sahip olduğu içerik sayfaları. Sekme sırasındaki bir sonraki öğe, “mobile enabled” bağlantısıdır ancak önce bir önceki araç ipucunu okumaktadır (ör. “uçuş numarası yardımı”).

Bu sorunun çözülmesi için NVDA topluluğunda bir kayıt oluşturulmuştur(harici bir web sitesi açar).

Onay Kutusu durumu: NVDA, alt ana sayfaya doğru ilerlediğinizde gösterilen rezervasyon bileşeninde durumun (işaretli/işaretsiz) ilk değişimini duyurmamaktadır. Daha sonraki değişikliklerde (işaretleme ve işareti kaldırma) durum, NVDA tarafından duyurulmaktadır.

Formlar modu: Bir uçuş rezervasyonu yapma bileşeni içinde silme seçeneği ile bir havalimanı kaldırıldığında odak, form alanına geri dönmekte ancak NVDA otomatik olarak form moduna geçmemektedir. Dolayısıyla hemen yazmaya başlamayı denediğinizde herhangi bir bilgi girilmemektedir. Eğer kendiniz form moduna girerseniz bu işlev normal biçimde çalışmaktadır.