Cisco x Yell IT Ortak Markalı Örnek Olay İncelemesi

Uyumluluk durumu

İnternetin herkes tarafından kullanılabilir ve erişilebilir olması gerektiğine inanıyoruz ve mümkün olan en geniş kitlenin erişebileceği bir web sitesi sağlamayı taahhüt ediyoruz, Koşullar ve yetenekler ne olursa olsun.

Bunu yerine getirmek için, World Wide Web Consortium'un (W3C) Web İçeriği Erişilebilirlik Yönergeleri 2.1'e (WCAG 2.1) AA düzeyinde mümkün olduğunca sıkı bir şekilde bağlı kalmayı hedefliyoruz. Bu yönergeler, web içeriğinin çok çeşitli engelleri olan kişiler için nasıl erişilebilir hale getirileceğini açıklamaktadır. Bu yönergelere uymak, web sitesinin erişilebilir olmasını sağlamamıza yardımcı olur Görme engelliler, motor bozukluğu olanlar, görme bozukluğu olanlar, zihinsel engelliler ve daha fazlası.

Bu web sitesi, her zaman mümkün olduğunca erişilebilir olmasını sağlamak için çeşitli teknolojiler kullanmaktadır. Belirli özelliklere sahip kişilerin web sitesine erişebilmesini sağlayan bir erişilebilirlik arayüzü kullanıyoruz. web sitesinin kullanıcı arayüzünü (UI) ayarlamak ve kişisel ihtiyaçlarına göre tasarlamak için engelli.

Ayrıca, web sitesi arka planda çalışan ve erişilebilirlik seviyesini sürekli olarak optimize eden yapay zeka tabanlı bir uygulama kullanmaktadır. Bu uygulama web sitesinin HTML'sini düzeltir, işlevselliğini ve davranışını görme engelli kullanıcılar tarafından kullanılan ekran okuyucular ve motor bozukluğu olan bireyler tarafından kullanılan klavye işlevleri için uyarlar.

Bir arıza tespit ettiyseniz veya iyileştirme için fikirleriniz varsa, sizden haber almaktan mutluluk duyarız. Aşağıdaki e-postayı kullanarak web sitesinin operatörlerine ulaşabilirsiniz

Ekran okuyucu ve klavye navigasyonu

Web sitemizde ARIA (Erişilebilir Zengin İnternet Uygulamaları) tekniğinin yanı sıra çeşitli davranış değişiklikleri uygulanarak görme engelli kullanıcıların ekran okuyucular web sitesinin işlevlerini okuyabilir, anlayabilir ve keyfini çıkarabilir. Ekran okuyucusu olan bir kullanıcı sitenize girer girmez, hemen şunları alır Sitenizde etkin bir şekilde gezinebilmeleri ve çalışabilmeleri için Ekran Okuyucu Profilini girmeleri istenir. İşte web sitemizin en önemli ekran okuyucu gereksinimlerinden bazılarını nasıl karşıladığı, kod örneklerinin konsol ekran görüntülerinin yanı sıra:

1. Ekran okuyucu optimizasyonu: web sitesi güncellenirken bile sürekli uyumluluk sağlamak için web sitesinin bileşenlerini yukarıdan aşağıya öğrenen bir arka plan süreci yürütüyoruz. Bu süreçte, ARIA nitelikler kümesini kullanarak ekran okuyuculara anlamlı veriler sağlıyoruz. Örneğin, doğru form etiketleri sağlıyoruz; eyleme geçirilebilir simgeler (sosyal medya simgeleri, arama simgeleri, alışveriş sepeti simgeleri vb.) için açıklamalar; form girdileri için doğrulama kılavuzu; düğmeler, menüler, modal diyaloglar (açılır pencereler) gibi öğe rolleri, ve diğerleri. Ayrıca, arka plan süreci web sitesinin tüm görüntülerini tarar ve ALT (alternatif metin) etiketi olarak doğru ve anlamlı bir görüntü-nesne-tanıma tabanlı açıklama sağlar tanımlanmamış görüntüler için. Ayrıca bir OCR (optik karakter tanıma) teknolojisi kullanarak görüntünün içine gömülü metinleri de çıkaracaktır. Ekran okuyucu ayarlamalarını herhangi bir zamanda açmak için kullanıcıların Alt+1 klavye kombinasyonuna basmaları yeterlidir. Ekran okuyucu kullanıcıları ayrıca Ekran okuyucu modunu açmak için otomatik duyurular alırlar web sitesine girdikleri anda.

   Bu ayarlamalar JAWS ve NVDA dahil olmak üzere tüm popüler ekran okuyucularla uyumludur.

2. Klavye navigasyon optimizasyonu: Arka plan işlemi ayrıca web sitesinin HTML'sini ayarlar ve web sitesini klavye ile çalıştırılabilir hale getirmek için JavaScript kodunu kullanarak çeşitli davranışlar ekler. Bu, Tab ve Shift+Tab tuşlarını kullanarak web sitesinde gezinme, ok tuşlarıyla açılır menüleri çalıştırma, Esc ile kapatma, Enter tuşunu kullanarak düğmeleri ve bağlantıları tetikleme, ok tuşlarını kullanarak radyo ve onay kutusu öğeleri arasında gezinme ve Boşluk veya Enter tuşuyla doldurma yeteneğini içerir. Ek olarak, klavye kullanıcıları Alt+1'e tıklayarak veya klavye ile gezinirken sitenin ilk öğeleri olarak her zaman kullanılabilen hızlı gezinme ve içerik atlama menüleri bulacaktır. Arka plan süreci ayrıca tetiklenen açılır pencereleri, klavye odağını göründükleri anda onlara doğru hareket ettirerek ve odağın bunun dışına çıkmasına izin vermeyerek işler.

   Kullanıcılar ayrıca belirli öğelere atlamak için "M" (menüler), "H" (başlıklar), "F" (formlar), "B" (düğmeler) ve "G" (grafikler) gibi kısayolları kullanabilirler.

Web sitemizde desteklenen engelli profilleri

• Epilepsi Güvenli Modu: Bu profil, yanıp sönen veya yanıp sönen animasyonlardan ve riskli renk kombinasyonlarından kaynaklanan nöbet riskini ortadan kaldırarak epilepsi hastalarının web sitesini güvenli bir şekilde kullanmasını sağlar.
• Görme Engelli Modu: Bu mod, web sitesini Görme Bozukluğu, Tünel Görüşü, Katarakt, Glokom ve diğerleri gibi görme engelli kullanıcıların rahatlığı için ayarlar.
• Bilişsel Engellilik Modu: Bu mod, Disleksi, Otizm, CVA ve diğerleri gibi bilişsel bozuklukları olan kullanıcıların web sitesinin temel öğelerine daha kolay odaklanmalarına yardımcı olmak için farklı yardımcı seçenekler sunar.
• DEHB Dostu Mod: Bu mod, DEHB ve Nörogelişimsel bozuklukları olan kullanıcıların dikkat dağıtıcı unsurları önemli ölçüde azaltırken ana web sitesi öğelerini daha kolay okumalarına, göz atmalarına ve bunlara odaklanmalarına yardımcı olur.
• Körlük Modu: Bu mod, web sitesini JAWS, NVDA, VoiceOver ve TalkBack gibi ekran okuyucularla uyumlu olacak şekilde yapılandırır. Ekran okuyucu, görme engelli kullanıcılar için bilgisayar ve akıllı telefonlara yüklenen bir yazılımdır ve web siteleri bununla uyumlu olmalıdır.
• Klavye Gezinme Profili (Motor Engelli): Bu profil, motor engelli kişilerin klavyedeki Tab, Shift+Tab ve Enter tuşlarını kullanarak web sitesini kullanabilmelerini sağlar. Kullanıcılar ayrıca belirli öğelere atlamak için "M" (menüler), "H" (başlıklar), "F" (formlar), "B" (düğmeler) ve "G" (grafikler) gibi kısayolları kullanabilir.

Ek kullanıcı arayüzü, tasarım ve okunabilirlik ayarlamaları

1. Yazı tipi ayarlamaları - kullanıcılar, boyutunu artırabilir ve azaltabilir, ailesini (türünü) değiştirebilir, aralığı, hizalamayı, satır yüksekliğini ve daha fazlasını ayarlayabilir.
2. Renk ayarlamaları - kullanıcılar açık, koyu, ters çevrilmiş ve tek renkli gibi çeşitli renk kontrast profillerini seçebilirler. Ayrıca, kullanıcılar 7'den fazla farklı renklendirme seçeneği ile başlıkların, metinlerin ve arka planların renk şemalarını değiştirebilirler.
3. Animasyonlar - epileptik kullanıcılar bir düğmeye tıklayarak çalışan tüm animasyonları durdurabilir. Arayüz tarafından kontrol edilen animasyonlar arasında videolar, GIF'ler ve CSS yanıp sönen geçişler bulunur.
4. İçerik vurgulama - kullanıcılar bağlantılar ve başlıklar gibi önemli öğeleri vurgulamayı seçebilir. Ayrıca yalnızca odaklanılan veya üzerine gelinen öğeleri vurgulamayı da seçebilirler.
5. Ses kapatma - işitme cihazı olan kullanıcılar otomatik ses çalma nedeniyle baş ağrısı veya başka sorunlar yaşayabilir. Bu seçenek, kullanıcıların tüm web sitesini anında sessize almasını sağlar.
6. Bilişsel bozukluklar - Vikipedi ve Vikisözlük ile bağlantılı bir arama motoru kullanarak bilişsel bozukluğu olan kişilerin ifadelerin, baş harflerin, argo sözcüklerin ve diğerlerinin anlamlarını çözmelerini sağlıyoruz.
7. Ek işlevler - kullanıcılara imleç rengini ve boyutunu değiştirme, yazdırma modunu kullanma, sanal klavyeyi etkinleştirme ve daha birçok işlev seçeneği sunuyoruz.

Tarayıcı ve yardımcı teknoloji uyumluluğu

Kullanıcılarımızın kendileri için en uygun araçları mümkün olduğunca az sınırlama ile seçebilmeleri için mümkün olan en geniş tarayıcı ve yardımcı teknoloji yelpazesini desteklemeyi amaçlıyoruz. Bu nedenle, hem Windows hem de MAC kullanıcıları için Google Chrome, Mozilla Firefox, Apple Safari, Opera ve Microsoft Edge, JAWS ve NVDA (ekran okuyucular) dahil olmak üzere kullanıcı pazar payının %95'inden fazlasını oluşturan tüm büyük sistemleri destekleyebilmek için çok çalıştık.

Notlar, yorumlar ve geri bildirimler

Herkesin web sitesini kendi ihtiyaçlarına göre ayarlayabilmesi için elimizden gelenin en iyisini yapmamıza rağmen, hala tam olarak erişilebilir olmayan, erişilebilir olma sürecinde olan veya erişilebilir hale getirmek için yeterli teknolojik çözümden yoksun olan sayfalar veya bölümler olabilir. Yine de, erişilebilirliğimizi sürekli olarak iyileştiriyor, seçeneklerini ve özelliklerini ekliyor, güncelliyor ve iyileştiriyor ve yeni teknolojiler geliştiriyor ve benimsiyoruz. Tüm bunlar, teknolojik gelişmeleri takip ederek en uygun erişilebilirlik seviyesine ulaşmayı amaçlamaktadır. Her türlü yardım için lütfen şu adrese ulaşın