Engelsiz bir Web ortamı nasıl oluşturulur?
2020'de engelsiz Web ortamına hepimiz dikkat etmeye başlayalım.
Yazar | Andrew Koenig-Bautista
Çevirmen | Crescent Moon, Baş Editör | Tu Min
Aşağıdaki çeviridir:
Dünyadaki engelli insan sayısı bir milyarı aştı
ABD nüfusunun dörtte biri (% 26) bir tür engele sahiptir. Her hastalık kullanıcının internette gezinmesini doğrudan etkilemese de, birçok hastalık biraz sorun çıkarır.
Dünya Bankası'na göre:
"Engellilerin normal insanlara göre daha düşük eğitim, kötü sağlık, daha düşük istihdam seviyeleri ve daha yüksek yoksulluk oranları gibi olumsuz sosyo-ekonomik sonuçlardan muzdarip olma olasılığı daha yüksektir."
Engelliler, kapsayıcı olma çabasında büyük zorluklarla karşı karşıyadır. Ve biz geliştiriciler, bu engellerden bazılarını benzersiz bir şekilde aşma ve yenilerini durdurma fırsatına sahibiz. Yeni yılın başında engelsiz bir ortam yaratmak için yapabileceğimiz basit çabalara bir göz atalım.
Yardımcı Teknolojiye Giriş
Yardımcı teknoloji, engelli kişilerin kişisel ihtiyaçları ve tercihlerine göre İnternet'te gezinmesini sağlayan işlevleri ifade eder. Milyonlarca insan her gün internette gezinmek için bu teknolojileri kullanıyor. Bu araçların kullanımının anlaşılması, engelsiz ortamlar oluşturma yeteneğini geliştirebilir. Aşağıda bazı yardımcı teknolojilere kısa bir genel bakış bulunmaktadır.
Ekran okuyucu
Bu yazılım programları, tarayıcıda sunulan metni okuyabilir ve bir sentezleyici aracılığıyla konuşmaya dönüştürebilir veya bir braille ekranı aracılığıyla bunu braille'e dönüştürebilir. Ekran okuyucular, bir sayfada belirli içeriğin bulunması veya bir menü gezinme aracı gibi davranma gibi daha gelişmiş özellikler de sağlayabilir.
Konuşma tanıma yazılımı
Bu yazılımlar, bilgisayarların insan sesli komutlarını işlemesine yardımcı olabilir. Apple'ın Siri'si ve Amazon'un Alexa'sı böyle bir yazılımdır. Bazı insanlar bu teknolojinin fazlasıyla olduğunu düşünse de engelliler için bu yazılımlar kesinlikle gereklidir.
Özel klavye
Standart klavye kullanamayan kullanıcılar için, bilgisayar giriş araçları olarak özel klavyeler kullanılabilir.Bu klavyeler, hareket bozukluğu olan kişilerin (serebral palsi veya ambliyopi gibi) ihtiyaçlarını karşılamak için özel olarak özelleştirilmiştir.
Geliştiriciler ne yapabilir?
Bu yardımcı teknolojiler engelliler için kendi yöntemleriyle bir ağ sağlar ve geliştiriciler de engelsiz bir Web ortamı oluşturmak için kendi güçleriyle katkıda bulunabilir. Bugünden itibaren şu adımı atabilirsiniz:
Resme bir alternatif sağlayın
Ekran okuyucular, görüntülerin Alt özelliğine erişerek görsel içeriği okuyabilir ve ayrıca sesli web sitelerine göz atmayı veya ses girişi yazılımını kullanmayı etkinleştirmiş engelli kişiler için kolaylık sağlayabilir. Görsel, web sayfasını anlamak için gerekli olan içeriğe sahipse, alternatif metin sağlamalısınız.
Ek olarak, görüntü düğmeler veya bağlantılar içeriyorsa, alternatif metin de sağlanmalıdır. Alt özniteliğini sağlamanın gerekli olup olmadığı duruma bağlıdır, ancak genel testte bunun hakkında düşünmelisiniz: Böyle bir görüntü yoksa, kullanıcının web sayfasını anlamasını etkiler mi? Görüntü tamamen dekoratif ise, boş bir metin değişimi sağlayabilirsiniz: alt = "".
Metne anlamlı anahtar sözcükler ekleyebildiğiniz için, web'in erişilebilirliğini artırmanın yanı sıra, alternatif metin sağlamak, web sayfasının arama motoru optimizasyonuna da yardımcı olabilir.
Anlamlı HTML yazın
Anlamsal olarak doğru HTML yazmak, web uygulamalarının erişilebilirliğini artırabilir. Normal HTML yalnızca bazı yaygın HTML öğelerini içerir. < h1 > En önemli makale başlığını işaretlemek için etiketler kullanılmalıdır. < p > Belirli bir paragrafı göstermelidir.
Bu görevler açık görünebilir, ancak bazen kodumuzun neden beklenen şekilde sunulamayacağını düşünmek için zaman harcamak istemiyoruz. Tembellik veya kaza nedeniyle oluşturulan bu HTML beklenmedik sonuçlar getirebilir. Bazı geliştiriciler, en iyi kodun çalışabilen kod olduğunu söyler, ancak erişte tarzı kodun çok fazla karmaşıklık getireceğini, bunlardan biri web sitesinin erişilebilirliğini azaltmaktır.
Anlamsal HTML, sayfanın sunumunun üzerinde, ekran okuyucular ve özel klavyeler tarafından okunabilen bir anlam katmanı sağlar. Açık HTML, yardımcı teknolojilerin kullanımını kolaylaştırabilir.
Form
Formlar için de benzer ilkeler geçerlidir. Formlar, Web etkileşiminde vazgeçilmez bir rol oynar. Görsel olarak açıkça işaretlenmenin yanı sıra, formun alanları ve kontrolleri de doğru şekilde işaretlenmelidir. < etiket > Öğeler vb.
Doğru işaretlenmiş etiketlere klavyeler, ekran okuyucular ve ses girişi ile erişilebilir. Ayrıca form, kullanıcılara formu nasıl kullanacaklarını ve dolduracaklarını da açıklamalıdır.
Sayfanın içeriğini doğru şekilde düzenleyin
İyi içerik yapısı, anlamsal HTML'den ayrılamaz. Ekran okuyucularına güvenen kullanıcıların web sayfasının ana hatlarını anlamak için genellikle yazılımı yazılım aracılığıyla okumaları gerekir. Başlık yoksa veya doğru başlık yoksa, sitede gezinmek daha da zorlaşacaktır.
Kullanıcılar web içeriğine, belirlenmiş başlıklara, paragraflara, sıralı / sırasız listelere vb. Göz attıklarında, ekran okuyucular da HTML öğelerini okuyacaktır. İyi yapılandırılmış bir web sayfası örneği (MDN'den):
< h1 > Başlığım < / h1 > < p > Bu belgemin ilk bölümü. < / p > < ol > < li > Burada < / li > < li > için bir liste < / li > < li > sen okumalısın < / li > < / ol > < h2 > Benim alt başlığım < / h2 > < p > Bu, belgemin ilk alt bölümü. İnsanların bu içeriği bulabilmelerini çok isterim! < / p > < h2 > 2. alt başlığım < / h2 > < p > Bu benim içeriğimin ikinci alt bölümü. Bence sonuncudan daha ilginç. < / p >Ses altyazıları sağlayın
Görme engelli kişiler, görüntüler nedeniyle baş ağrısı yaşayacak ve benzer şekilde, işitme engelli kişiler ses veya video içeriğine erişemeyecektir. Multimedya web sitelerinin erişilebilirliğini iyileştirmek için, transkriptler ve altyazılar sağlamalıyız.
Altyazılar:
-
Senkronizasyon: metin, ses ile senkronize görüntülenmelidir
-
Eşdeğeri: Altyazılar ve metin, ses içeriğine eşdeğer olmalıdır
-
Erişilebilirlik: Altyazılara ihtiyaç duyanlar için erişilebilir olmalıdır
Web sitesi erişilebilirliğini neden önemsemeliyiz?
Erişilebilir web uygulamaları, olabildiğince çok kullanıcının erişmesine izin vermek için dikkatlice tasarlanmış uygulamalardır. W3'e göre erişilebilirlik yeniliği teşvik edebilir, marka gücünü artırabilir, pazar erişimini genişletebilir ve yasal riskleri en aza indirebilir. Erişilebilir web siteleri, arama sonuçlarında daha üst sıralarda yer alır ve ayrıca bakım maliyetlerini azaltabilir ve izleyici erişimini artırabilir.
Daha da önemlisi, erişilebilirlik bir web sitesine çok fazla güç verebilir. Erişilebilir web siteleri kapsayıcı olduğu için, kimse hariç tutulmaz. Bu web siteleri, herkesin web sitesini kendi yöntemleriyle ziyaret etmesine izin verir.
Umarım yeni yılda engelsiz bir ortam yaratmak için benimle daha çok çalışabilirsiniz. İnternette gezinmek, bazı kişilerin ayrıcalığı değil, herkesin hakkı olmalıdır. Hepimiz engelsiz bir ortam, hatta tek bir kod satırı oluşturmaya katkıda bulunabiliriz.
Orijinal: https: // orta .com / daha iyi-programlama / web-geliştiricileri için-yeni-yıl-çözünürlüğü-2020'de-web-erişilebilirliğini-önceliklendir-e02ab51b0292
Bu makale bir CSDN çevirisidir, lütfen yeniden basımın kaynağını belirtin.
