Erişilebilirliğe giriş: Bölüm 3

Erişilebilirliğe genel bakışımızın ilk makalesinde, bir sitenin algılanabilir olma standartlarını tartıştık. Bir sonraki bölümde, bir sitenin çalışabilir olması için gereksinimlerden bahsettik. Erişilebilirliğe genel bakışımızın son makalesinde, erişilebilir web sitelerinin son iki ilkesini ele alacağız: anlaşılır ve sağlam. Anlaşılabilir, yüzeyde oldukça açıklayıcı geliyor. Ama sağlam? Bu ne demek oluyor? Bunu öğrenmek için buradayız.

Anlaşılır olandan başlayalım.

anlaşılır

Standartlar şunları belirtir: “Kullanıcı arayüzünün bilgisi ve çalışması anlaşılabilir olmalıdır.” İçerik açısından bakıldığında, bu "açıkçası (göz devirir)" gibi görünüyor ve haklısınız. Bir sitenin anlaşılabilir olması ilkesi açık bir kavram olmalıdır, ancak tıpkı bir buzdağı gibi, yüzeyde olan ve altında olan tamamen farklı iki şeydir.

Bir sitenin anlaşılabilir olması için üç ana noktayı kapsaması gerekir: okunabilir olmalı, öngörülebilir olmalı ve kullanıcı girdisi söz konusu olduğunda yardım sağlamalıdır. Bir kullanıcı, içeriğinizi bir dil açısından okuyabilmeli, sitenin tahmin edilebilir bir şekilde davranmasını sağlayabilmeli ("çoğu" web sitesinin davranış biçimi) ve girdi sağlaması istendiğinde temel yönergeler verebilmelidir (bir kişi üzerindeki etiketleri düşünün). biçim).

Dil, anlaşılabilirlik standartlarının büyük bir bölümünü oluşturur. Temel düzeyde bu, ana HTML lang niteliğini kullanmak anlamına gelir. WordPress temaları bunu varsayılan olarak yapmalıdır. lang özelliği A düzeyinde bir standarttır, yani Bölüm 508 yasası tarafından gerekli kılınmıştır. Temanız yoksa, başka erişilebilirlik sorunlarıyla karşılaşmanız olasıdır. Sonuç olarak başka bir temayı ciddi olarak düşünmek isteyebilirsiniz.

Anlaşılır bir sitenin daha ciddi yönlerinden biri, odak uygulandığında ne olduğudur. Bu serinin son makalesinde odaklanmayı çok tartıştık, ancak tekrar ele alınması gerekiyor. Bir öğe odaklandığında, o öğenin bağlamı değişmemelidir. Bu, bir düğmenin yalnızca odak uygulanarak etkinleştirilmemesi gerektiğini söylemenin bilimsel bir yolu. Kendinizi klavyeyle gezinen bir kişinin yerine koyun. Bir sonraki bağlantıya geçmek için sekme tuşuna basıyorsunuz ve aniden yeni bir sayfa yükleniyor. Neler olduğunu anlar mısın?

Erişilebilirliğe giriş: 1. Bölüm

Erişilebilirlik, duymaya devam ettiğiniz, ancak tam olarak anlayamayabileceğiniz bir terimdir. Bu kısmen çünkü kelimenin kendisi biraz kafa karıştırıcı olabilir. Kök kelime, erişim, kavramın şu gibi şeylere bağlı görünmesini sağlar...

Anlaşılabilirlik standardı, özellikle de öngörülebilirlik yönü, beklenen düğme davranışlarının neden bu kadar önemli olduğudur. Kullanıcı, düğmeyi etkinleştirene kadar (tıklayın veya enter tuşuna basın) bir form göndermemelidir. Fareyle üzerine gelmek veya üzerine tıklamak, üzerine gelme veya odak CSS durum değişikliği uygulamaktan başka hiçbir şeyi değiştirmemelidir.

Öngörülebilirliğin bir diğer önemli unsuru da sitenizin tasarımını içerir. Fareyle üzerine gelme ve odak durumları gibi şeyler site genelinde tutarlı olmalıdır. Bu, kullanıcıların, özellikle görsel zorlukları olanların durum değişikliklerini daha etkili bir şekilde görmelerini sağlar. Düğme metnini hemen okuyamayabilirler, ancak renk kontrastında bir değişiklik fark ederek, öğenin üzerine geldiklerini veya odaklandıklarını anlayacaklardır. Bu sadece iyi bir tasarım değil, aynı zamanda iyi erişilebilirliktir.

Bu noktada, anlaşılabilirlik standartlarının çoğunun AAA düzeyinde olduğunu belirtmek önemlidir. Kanunen gerekli olmasa da, bu onların dikkate alınmaması gerektiği anlamına gelmez. Örneğin, standart 3.1.5'i alın – Okuma Düzeyi, hedef kitlenize bağlı olarak kayan bir ölçekte çalışır. Bu standart ortaokul okuma düzeyine atıfta bulunur. Bu, çoğu modern Amerikan gazetesi için standart olan yaklaşık 6. sınıf okuma düzeyine eşittir, ancak konuya bağlı olarak gazeteler bile bu standardı takip etmez.

Web için yazarken, tüketicilerinizi göz önünde bulundurmalısınız. Hedefiniz doktora çalışmaları yapan araştırmacılarsa içeriğiniz de benzer düzeyde olmalıdır. Ancak genel halk için yazıyorsanız, Flesch-Kincaid Okuma Ölçeği gibi bir şeyi hesaba katmak isteyeceksiniz. WordPress siteniz için Yoast SEO eklentisini kullanıyorsanız, Flesch ölçeği testi yerleşiktir. Pasif sesi, geçiş kelimelerini ve cümlelerinizin uzunluğunu değerlendirerek size bir döküm sağlayacaktır. Yine, hedef kitlenizi aklınızda bulundurun. Yoast denetleyicisi, genel bir kitle için yazdığınızı varsayar. Amacınız Yoast'tan yeşil bir çek değil, hedef kitleniz için kaliteli içerik olmalıdır.

Anlaşılabilirliğin son önemli kısmı girdi yardımıdır. En azından bu iki anlama gelir: metin hata mesajları ve form girdilerinizdeki etiketler. Kullanıcılara her bir form girişinin ne için olduğu söylenmeli ve bir hata oluştuğunda metin ile bilgilendirilmelidir. Bunlar, yasa standartlarının gerektirdiği iki A düzeyidir. Gravity Forms veya Caldera Forms gibi popüler form eklentilerinden birini kullanıyorsanız, basit alanlar için hata mesajları bölümünde zaten yer almışsınızdır. Yine de öğelerinizin etiketlendiğinden emin olmanız gerekir. Doğru etiketleme tamamen kendi konusudur, ancak şimdilik mantıklı talimatlar sağladığınızdan emin olun (ad alanı için “Ad”, bir e-posta alanı için “E-posta”).

güçlü

Erişilebilirliğe giriş: 2. Bölüm

Erişilebilirliğe genel bakışımızın ilk makalesinde, bir sitenin algılanabilir olma standartlarını tartıştık. Bu temel ilk adım çok önemlidir, ancak resmin tamamından uzaktır. Biz anne olduktan sonra...

Erişilebilirliğin son ilkesi, bir sitenin/dijital içeriğin sağlam olup olmadığıdır. Spesifik olarak, "içerik, yardımcı teknolojiler de dahil olmak üzere çok çeşitli kullanıcı aracıları tarafından güvenilir bir şekilde yorumlanabilecek kadar sağlam olmalıdır." Kısacası: teknolojiden bağımsız olarak çalıştığından emin olun. Sağlam bir siteyi içeren yalnızca iki standart vardır ve her ikisi de Bölüm 508 yasasının gerektirdiği A düzeyidir.

Sağlam bir site, HTML standartlarını izleyen sitedir. Elemanlar tam olarak oluşturulur ve gerektiğinde kapatılır. Bir <p> etiketi açarsanız, paragraf bittiğinde onu kapatın. "Açıkçası"nın başka bir örneği ama hatalar oluyor. Canlı yayına geçmeden önce sitenizi bir HTML doğrulama hizmeti aracılığıyla çalıştırın. W3C ücretsiz bir hizmet sunar. Kullan, hatalarını düzelt ve gitmen iyi olacak.

Sağlam bir sitenin diğer yönü, WAI-ARIA'nın (Web Erişilebilir Girişimi - Erişilebilir Zengin İnternet Uygulamaları) veya ARIA'nın gerçekten devreye girdiği yerdir. ARIA başlı başına bir konu ama kısacası sadece gerektiğinde kullanmanız gerekiyor. Bazı örnekler, form etiketi görünmez olduğunda, bir form öğesini ARIA ile etiketliyor. Bunu yapmak, form öğesinin başka nasıl etiketlendiğine bağlı olarak, anlaşılırlığın girdi yardımı ile ilgili olarak sizi güvence altına alacaktır.

Çözüm

Web erişilebilirliği, yüzeyde karmaşık bir konu gibi görünüyor. Bazı yönlerden öyle, ancak çoğu zaman çözümler basittir. Erişilebilir bir siteye sahip olmak, her potansiyel kullanıcının keyif alabileceği bir siteye sahip olmaktır. İş açısından bu, potansiyel müşteri havuzunuzu derinleştirir. Daha da önemlisi, insani bir bakış açısından, kimseyi dışlamıyorsunuz.

Önümüzdeki birkaç ay boyunca, bu genel bakış dizisinde sunduğumuz bazı konuların daha derinlerine ineceğim. O zamana kadar standartları gözden geçirin ve sitelerinizi gözden geçirin. Düzeltilmesi gerekenlerin bir listesini yapın ve standart seviyeye (A, AA veya AAA) göre öncelik verin. Kendiniz düzeltemiyorsanız, bir erişilebilirlik danışmanı kiralayın. Tüm potansiyel kullanıcılarınız için interneti geliştirmenize yardımcı olmayı çok isterler.