İçeriğinizi taşınabilir ve erişilebilir hale getirmenin 10 harika yolu

İçerik

• Erişilebilirlik bir "özellik" değildir
• Platformları tanımlama
• İçeriği taşınabilir ve erişilebilir tutmak
• 1. HTML5 ile başlayın
• 2. WAI-ARIA
• 3. doctype kullanma
• 4. HTML5 belge etiketleri
• 5. Kötü bağlantılar
• 6. Resimler - ALT ve TITLE
• İnsanların bilmesini sağlayın
• Özet
• Teşekkür
• Kaynaklar

Kerie iPhone'unu yazdığında flüt çalıyormuş gibi görünüyor. Yüzüne yakın tutuyor ve parmakları inanılmaz bir hızda hareket ediyor. Yazmayı bitirdi ve az önce yazdığı mesajı okumam için telefonunu bana verdi. Mükemmel bir yazım ve dilbilgisine sahip ve iPhone'un dokunmatik klavyesini kullanırken yapabileceğimden çok daha hızlı yazılıyordu.

Kerie, parmaklarını telefonun yüzünde kelimelere dönüşen desenlerle hareket ettirmesine yardımcı olmak için Fleksy adlı bir uygulama kullanıyor. Ayrıca telefonuyla haberleri okuyor, radyo uygulamalarını dinliyor, Twitter'ı kontrol ediyor ve tren saatlerini arıyor. O tamamen kör.

"Yayınlamak", farklı kişiler için farklı şeyler ifade eder. Bazı insanlar için basılı, fiziksel bir iş hacmi üretmek anlamına gelir. Diğer insanlar, yayınlamayı yazılı eserleri cihazlar ve uygulamalar aracılığıyla dağıtma yeteneği ile ilişkilendirir. İnsanlar gittikçe daha sık bir şekilde yayınlamayı, içeriği herhangi bir biçimde, bir makaleyi bir bloga göndermek veya bir Google Plus gönderisini güncellemek anlamına geliyor olarak, içeriğin keyfini çıkarmak için kullanılabilir hale getirmek olarak düşünüyor.

Gerçek şu ki, beklentiler kullanıcılar arasında farklılık gösterir ve bu beklentiler zamanla değişir. Bir zamanlar bir blogdaki en son yazıyı coşkuyla tüketen okuyucular, artık o blog gönderisini veya herhangi bir makale veya kitabı, kendileri için uygun olan her yerde ve her zaman okuyabilmelerini bekliyorlar. Bugün içerik bizi bir blogdan Reeder'a, bir telefondaki bir iPad'deki Instapaper'a, Whispernet aracılığıyla bir Kindle'a gönderilen e-postayla gönderilen bir sürüme kadar takip ediyor.

Herkesin okuma iş akışı farklıdır ve ekran okuyucu, yüksek kontrast veya büyütülmüş metin gibi erişilebilirlik özelliklerine ihtiyaç duyanlar için bu iş akışı, yazarlar ve yayıncılar küçük ama gerekli biçimlendirme ayrıntılarını dikkate almadığında bazen onarılamayacak şekilde bozulur. Bunu "erişilebilirlik kutusunu işaretlemek" olarak düşünmeyin. Bunun yerine, içeriğinizi birçok potansiyel müşteri için etkili bir şekilde kara kutuya dönüştürdüğünüzü fark edin.

Erişilebilirlik bir "özellik" değildir

Erişilebilir kontrollerin işitme ve görme bozukluğu olan kişiler tarafından kullanıldığı doğru olsa da, bunlardan yararlanan birçok başka insan da var. Az gören biri, ekrandaki içeriği daha kolay okumak için yazı tipi boyutlarını ayarlayacaktır. Renk körü olan bir kişi, renk paletini ayarlama yeteneğini takdir eder, böylece kırmızı uyarı metni gibi şeyler gerçekten göze çarpar. Uzun süre işe gidip gelen kişiler, kendilerine okunan makaleleri dinlemek için ekran okuyucuları kullanır. Anadili olmayan konuşanlar, yeni bir dili anlamalarına yardımcı olmak için altyazılı video ve ses kullanır. Tüm bu senaryolar, içeriğiniz için daha geniş bir kapsamı, gelişmiş kullanıcı deneyimini ve empatiyi ve muhtemelen daha da fazla geliri temsil eder.

Erişilebilirliğin ne anlama geldiğine dair harika bir genel bakış için Ian Hamilton’ın makalesine bakın.

Platformları tanımlama

İçeriğimizi okumayı kolaylaştırmak için hangi biçimlere odaklanabileceğimiz hakkında bazı tanımlarla başlayalım:

• HTML: HTML5 ile web, yazarların ve yayıncıların çalışmalarını sergilemeleri için daha da iyi bir yerdir. Gibi yeni etiketler makale, Bölüm, başlık ve altbilgi artık birçok tarayıcıda uygulanmaktadır ve yazınıza anlamsal bağlam eklemek için yarı güvenilir bir şekilde kullanılabilir. Ek olarak, yaklaşan CSS3 sayfa modülü, etkinleştirmek için daha sabit bir sayfa okuma deneyimi arayanlar için de ilgi çekici olabilir.
• EPUB: EPUB, Uluslararası Dijital Yayıncılık Forumu'nun (IDPF) resmi standardıdır. EPUB3, Ekim 2011'de onaylandı ve yayınların, önceki statik yönergelerden ziyade HTML / CSS ile uyumlu olanlara daha yakın, daha stil sahibi ve özelleştirilebilir içeriğe sahip olmasına izin veriyor.
• MOBI: Mobipocket'in kısaltması olan MOBI, Kindle ve diğer dijital okuyucular tarafından kullanılan bir formattır. Yine EPUB'dan daha az özelleştirilebilir, ancak burada ele alıyoruz çünkü isterseniz onu Amazon'da içerik yayınlarken kullanabilirsiniz. AbilityNet'ten Robin Christopherson'a göre, Kindle'ın bazı modellerine görme engelli kullanıcılar erişebilir; ancak iOS'taki Kindle uygulaması değil. Kindle’ın yeni formatı olan KF8 şu anda Kindle Fire tarafından destekleniyor ve yakında en yeni nesil Kindle e-ink cihazlarına ve Kindle okuma uygulamalarına sunulacak.
• PDF: PDF, web'de her yerde bulunan bir varlık haline geldi. Bunu buraya ekliyorum çünkü çoğu tabletin PDF'leri okumak ve bunlarla birlikte yardımcı teknolojiyi etkinleştirmek için iyi, yerleşik teknolojisi var. PDF ile belirleyici faktör, nasıl oluşturulduğudur. İrlanda Ulusal Engellilik Kurumu'nda erişilebilirlik geliştirme danışmanı Alan Dalton'a göre, "PDF'leri erişilebilir hale getirebilirsiniz; ancak çoğu insan yapmaz. Araçlarının kötü ürünler ürettiğinin farkında değiller. Benim yöntemim olsaydı, yaptığımız her şey HTML olun. " Gezinme ve erişilebilirlik bir yana, PDF'ler de farklı boyutlara iyi uyum sağlamaz ve bir akıllı telefonda PDF okumaya çalışan herkes, bunu yapmak için gereken garip sıkıştırma, yakınlaştırma ve kaydırmaya aşinadır.

Bu kategoriye girmeyenler, içeriğinizi alıp büyük resimlere dönüştüren uygulamalardır. Bu, görünüm ve stilin platformlar arasında aynı olmasını sağlayabilirken, kitlenizin çoğunu engelliyorsunuz ve aynı zamanda çok ağır bir indirme oluşturuyorsunuz. Retina ekranlar ve çift boyutlu görüntülerden bahsetmeye başladığımızda bu sorun daha da kötüleşiyor. Okumak istediğiniz bir şeyin reddedilmesinin nasıl bir şey olduğu hakkında bir fikir edinmek için (yine de yine de ücretini ödemek zorunda kalırsınız), iOS'ta VoiceOver aracılığıyla çoğunlukla erişilemez olan Gazetelik uygulamaları hakkındaki yorumlara bakın.

Erişilebilir bir teknoloji kullanıcısı için bu tür dergilerin neye benzediğini görmek için, bu dergileri bir dergi ile okumaya çalışmanın sinir bozucu deneyimini gösteren video yerleştirmelerime bakın.
VoiceOver gibi erişilebilirlik aracı:

İçeriği taşınabilir ve erişilebilir tutmak

Taşınabilir formatlara odaklanmak, daha fazla tarayıcıda, telefonda, dijital okuyucu cihazında ve okuma uygulamasında mutlu bir şekilde yaşamak için içeriğimizi kullanmamızı sağlar. Özel bir stili ve harika bir deneyimi korurken, bu farklı formatlar arasında iyi bir şekilde çevrilebildiğinden emin olmak için içeriğimize ne yapmamız gerekiyor?

Kitlelerinin olabildiğince geniş olmasını isteyen ve içeriklerini birçok kullanıcı için kara kutuya kilitlemek istemeyen kişiler için aşağıda bazı yönergeleri bir araya getirdim. Bu teknikler, blog yayınlarından uzun biçimli gazeteciliğe ve kendi yayınlamayı düşündüğünüz diğer çalışmalara kadar her şeye uygulanabilir:

1. HTML5 ile başlayın

Belgelerinizi başlangıçta HTML5 ile oluşturduğunuzda, gelecekte endişelenmeniz gereken daha az şey vardır. HTML5 işaretlemesi, belgelerinizde gezinmeyi ve diğer biçimlere çevirmeyi kolaylaştırmaya yardımcı olur. Baştan itibaren anlamsal bilgileriniz varsa, yayınlarınızı diğer formatlara önemli ölçüde daha az 'uyarlayacaksınız'.

2. WAI-ARIA

WAI-ARIA, Web Erişilebilirlik Girişimi - Erişilebilir Zengin İnternet Uygulamaları paketidir. Protokoller ve Biçimler Çalışma Grubu (PFWG) tarafından oluşturulan bir dizi kılavuzdur.
W3C. WAI-ARIA, web içeriğini ve uygulamaları engelli kişiler için daha erişilebilir hale getirmenin bir yolunu tanımlar ve Ajax, HTML, JavaScript ve ilgili teknolojilerle geliştirilen dinamik içerik ve gelişmiş kullanıcı arayüzü kontrollerine yardımcı olur. Bu makaledeki tekniklerden bazıları WAI-ARIA yönergelerinden gelmektedir ve bu makale tüm özellikleri kapsayacak kadar uzun olmasa da, bunların neden önerildiği ve en iyi uygulamalar hakkında daha fazla ayrıntı için incelemenizi tavsiye ederim. bunları uygulamak.

3. doctype kullanma

Belirli bir belge türünün kullanılması, ilişkili HTML kodunun erişilebilirliğini etkilemese de, bir belge türü kullanmanın önemli nedeni, tarayıcının tuhaflık modunun tetiklenmediğinden emin olmaktır. Basitçe kullan ! DOCTYPE html> bunun olmamasını sağlamak için.

4. HTML5 belge etiketleri

Bir belgenin uygun şekilde gezinmesi, erişilebilirlik endeksinde yüksek olan faktörlerdir. Görüştüğüm erişilebilir teknolojinin birçok kullanıcısı, içerik sağlayıcıları ve geliştiricilerin belgelerini gezinme özelliği için düzgün şekilde işaretlememelerine ilişkin hayal kırıklıklarını dile getirdi. Bu etiketler, belgenizin bölümleri için çok sayıda div kullanmaktan daha fazla bağlam sağlar.

• Üstbilgi ve Altbilgi her ikisi de bir sayfada birden çok kez kullanılabilir. Belgenin ilgili ana üstbilgisini veya altbilgisini belirtebilirler veya makaleler veya bölümler içindeki üstbilgi / altbilgi bilgileri için kullanılabilirler.
• Bir kenara bir kitaptaki kenar çubukları gibi, belgeyi tamamlayan ancak anlaşılması için kesinlikle çok önemli olmayan bölümler için kullanmak için iyi bir etikettir.
• Bölümler mantıklı olan fikirleri ayırmanın veya içeriği bir arada gruplandırmanın yollarıdır.
• Nesne içeriğin geri kalanı olmadan var olabilecek bağımsız, bağımsız parçalardır. Bu etiketleri uygun şekilde kullanmak, içeriğinizin yapısının doğru şekilde yorumlandığından emin olmanıza yardımcı olur.

5. Kötü bağlantılar

CSS ile, bağlantılarda ve düğmelerde arka plan resimleri kullanmak mümkündür. Bu, web tasarımcıları için güzel bir efekt çünkü tipografi üzerinde daha fazla kontrol sağlıyor. Ancak, insanların metin açıklamaları eklemeyi unutmasına neden oldu. Görüntünün içinde metin kullanıyor olsanız bile, erişilebilir kalmasını sağlamak için emin olun. Bu, SEO gibi şeyleri de etkileyebilir ve
uluslararasılaşma.

Misal:

a href = "/ contact"> / a>

Bu kötü.

a href = "/ contact"> Bize Ulaşın / a>

Çok daha iyi.

6. Resimler - ALT ve TITLE

İnsanlar genellikle ikisini de içerir alt veya Başlık görüntülerindeki öznitelikler, ancak ikisi de çoğu zaman yanlış anlaşıldıkları ve bu nedenle gereksiz göründükleri için değil. Karışıklığı gidermek için, Başlık bir araç ipucunda görünebilecekler gibi tavsiye niteliğindeki bilgileri temsil edebilir. Bu, birçok kişinin bloglarında kullandığı bir teknik olan bir görüntünün üzerine fareyle geldiğinizde size ek bilgi de verebilir. Bununla birlikte, dokunmatik cihazların artmasıyla bu tür bilgiler daha az kullanışlı hale geliyor.

Alt diğer yandan yardımcı teknoloji tarafından kullanılır ve öğeye bağlam kazandırır. Kullanmalısın alt resimlerinize ekleyin ve yararlı bilgiler olduğundan emin olun. Kullanma img alt = "" src = "1348.webp">

İnsanların bilmesini sağlayın

İçeriğiniz birden çok biçimde mevcutsa, sitenizde bunu keşfetmenin bir yolu olduğundan emin olun. Muhtemelen "Bu e-postayı görüntülemekte sorun yaşıyorsanız, çevrimiçi
Birçok e-posta haber bülteninin en üstünde "version" mesajı yer alır. İçeriğiniz için aynısını yapmayı bir alıştırma yapın. Erişilebilir bir PDF veya sesli sürümün yanı sıra bir ePub'a sahipseniz, kullanıcıların bu bilgileri bulabileceğinden emin olun. içeriğin bulunabilir ve okunabilir olduğundan emin olmak için test etme.