10 skvělých způsobů, jak zajistit, aby byl váš obsah přenosný a přístupný

Obsah

• Přístupnost není „funkcí“
• Definování platforem
• Udržování obsahu přenosného a přístupného
• 1. Začněte s HTML5
• 2. WAI-ARIA
• 3. Použití doctype
• 4. Značky dokumentu HTML5
• 5. Špatné odkazy
• 6. Obrázky - ALT versus TITLE
• Dejte vědět lidem
• souhrn
• Poděkování
• Zdroje

Když Kerie píše na svém iPhone, vypadá to, že hraje na flétnu. Drží si ji těsně u obličeje a prsty se jí pohybují neuvěřitelným tempem. Dokončí psaní a podá mi telefon, abych si přečetl zprávu, kterou právě napsala. Má perfektní pravopis a gramatiku a bylo psáno mnohem rychleji, než jsem dokázal při používání dotykové klávesnice iPhone.

Kerie používá aplikaci s názvem Fleksy, která jí pomáhá pohybovat prsty po tváři telefonu ve vzorcích, které se mění ve slova. Také čte zprávy, poslouchá rozhlasové aplikace, kontroluje Twitter a pomocí telefonu hledá časy vlaků. Je úplně slepá.

„Publikování“ znamená různé věci pro různé lidi. Pro některé lidi to znamená produkci vytištěného fyzického objemu práce. Jiní lidé spojují publikování se schopností distribuovat písemná díla prostřednictvím zařízení a aplikací. Lidé stále častěji považují publikování za zpřístupnění obsahu pro zábavu v jakémkoli formátu, ať už to znamená přesunutí článku na blog nebo aktualizaci příspěvku Google Plus.

Realita je taková, že očekávání se mezi uživateli liší a tato očekávání se časem mění. Čtenáři, kteří kdysi nenasytně konzumovali nejnovější příspěvek na blogu, nyní očekávají, že si tento blogový příspěvek nebo jakýkoli článek či knihu mohou přečíst kdekoli a kdykoli je to pro ně výhodné. Dnes nás obsah sleduje od blogu přes Reeder po telefonu přes Instapaper na iPadu po e-mailovou verzi zaslanou přes Whispernet společnosti Kindle.

Pracovní postup pro čtení je u každého jiný a pro ty, kteří vyžadují funkce usnadnění přístupu, jako je čtečka obrazovky, vysoký kontrast nebo zvětšený text, je tento pracovní postup přerušený, někdy nenapravitelně, když autoři a vydavatelé nezohledňují drobné, ale nezbytné podrobnosti formátování. Nepovažujte to za „nezaškrtnutí políčka přístupnosti“. Místo toho si uvědomte, že svůj obsah efektivně přeměňujete na černou skříňku pro mnoho potenciálních zákazníků.

Přístupnost není „funkcí“

I když je pravda, že přístupné ovládací prvky používají jedinci se sníženým sluchem a zrakem, existuje mnoho dalších lidí, kteří z nich také těží. Někdo se slabozrakostí upraví velikosti písma, aby snáze četl obsah na obrazovce. Osoba, která je barvoslepá, oceňuje schopnost upravit paletu barev tak, aby skutečně vynikly věci, jako je červený varovný text. Lidé s dlouhým dojížděním používají čtečky obrazovky k poslechu článků, které jim čtou. Rodilí mluvčí používají video a zvuk s titulky, aby jim pomohli porozumět novému jazyku. Všechny tyto scénáře představují širší rozsah pro váš obsah, lepší uživatelské prostředí a empatii a možná ještě vyšší výnosy.

Skvělý přehled o tom, co znamená přístupnost, najdete v článku Iana Hamiltona.

Definování platforem

Začněme několika definicemi toho, na jaké formáty se můžeme zaměřit, aby byl náš obsah lépe čitelný:

• HTML: S HTML5 je web ještě lepším místem pro autory a vydavatele, aby předvedli svou práci. Nové značky jako článek, sekce, záhlaví a zápatí jsou nyní implementovány v mnoha prohlížečích a lze je použít částečně spolehlivě k přidání sémantického kontextu do vašeho psaní. Nadcházející modul stránky CSS3 může být také zajímavý pro ty, kteří hledají více zkušeností s pevným čtením stránky.
• EPUB: EPUB je oficiální standard Mezinárodního fóra pro digitální publikování (IDPF). Soubor EPUB3 byl schválen v říjnu 2011 a umožňuje, aby publikace měly více stylizovaný a přizpůsobitelný obsah, blíže tomu, co umožňuje HTML / CSS, spíše než předchozí statičtější pokyny.
• MOBI: MOBI, zkratka pro Mobipocket, je formát používaný Kindle a dalšími digitálními čtečkami. Je opět méně přizpůsobitelný než EPUB, ale zde to popisujeme, protože jej můžete použít při publikování obsahu na Amazonu, pokud se rozhodnete. Podle Robina Christophersona z AbilityNet jsou některé modely Kindle přístupné nevidomým uživatelům; aplikace Kindle pro iOS však není. KF8, nový formát Kindle, je v současné době podporován Kindle Fire a brzy bude uveden na nejnovější generaci zařízení e-ink Kindle a aplikace pro čtení Kindle.
• PDF: PDF se stalo na webu všudypřítomnou entitou. Zahrnuji to sem, protože většina tabletů má dobrou vestavěnou technologii pro čtení souborů PDF a umožňuje s nimi pomocnou technologii. U souboru PDF je rozhodujícím faktorem způsob, jakým byl vytvořen. Podle Alana Daltona, poradce pro rozvoj přístupnosti v irském Národním úřadu pro postižení, „Můžete zpřístupnit soubory PDF; ale mnoho lidí ne. Neuvědomují si, že jejich nástroje produkují špatné produkty. Kdybych měl svoji cestu, všechno, co děláme, by být HTML. “ Kromě navigace a přístupnosti se soubory PDF také dobře nepřizpůsobují různým velikostem a kdokoli, kdo se pokusil přečíst soubor PDF na smartphonu, je obeznámen s nepříjemným sevřením, přiblížením a posouváním.

To, co do této kategorie nespadá, jsou aplikace, které vezmou váš obsah a promění ho ve velké obrázky. I když by to mohlo zajistit stejný vzhled a styl napříč platformami, blokujete hodně svého publika a zároveň vytváříte velmi těžké stahování. Tento problém se zhoršuje, když začneme hovořit o displejích Retina a obrázcích dvojí velikosti. Chcete-li získat představu o tom, jaké to je být odepřen něčemu, co si chcete přečíst (přesto za to přesto musíte zaplatit), přečtěte si komentáře o tom, že aplikace Kiosku jsou většinou nepřístupné přes VoiceOver v iOS.

Chcete-li zjistit, jak tyto typy časopisů vypadají pro přístupného technického uživatele, podívejte se na mé vložené video, které ukazuje frustrující zážitek ze snahy číst tyto časopisy pomocí
nástroj pro usnadnění přístupu, jako je VoiceOver:

Udržování obsahu přenosného a přístupného

Zaměření na přenosné formáty nám umožňuje zvládnout náš obsah tak, abychom mohli šťastně žít ve více prohlížečích, telefonech, digitálních čtecích zařízeních a aplikacích pro čtení. Co musíme udělat s naším obsahem, abychom se ujistili, že dokáže dobře překládat mezi těmito různými formáty při zachování vlastního stylu a skvělých zkušeností?

Níže jsem sestavil několik pokynů pro lidi, kteří chtějí, aby jejich publikum bylo co nejširší a kteří nechtějí uzamknout svůj obsah do černé skříňky pro mnoho uživatelů. Tyto techniky lze aplikovat na všechno, od příspěvků na blogu, přes dlouhodobou žurnalistiku, až po jakékoli jiné práce, které uvažujete o vlastním vydávání:

1. Začněte s HTML5

Vytvářením dokumentů zpočátku pomocí HTML5 máte v budoucnu méně starostí. Značky HTML5 vám pomohou zajistit snadnou navigaci v dokumentech a jejich překlad do jiných formátů. Pokud budete mít od začátku sémantické informace, své publikace do jiných formátů provedete podstatně méně „retro“.

2. WAI-ARIA

WAI-ARIA je iniciativa Web Accessibility Initiative - Accessible Rich Internet Applications suite. Jedná se o soubor pokynů vytvořených Pracovní skupinou pro protokoly a formáty (PFWG)
W3C. WAI-ARIA definuje způsob, jak zpřístupnit webový obsah a aplikace lidem s postižením, a pomáhá s dynamickým obsahem a pokročilými ovládacími prvky uživatelského rozhraní vyvinutými s Ajaxem, HTML, JavaScriptem a souvisejícími technologiemi. Některé techniky v tomto článku pocházejí z pokynů WAI-ARIA, a přestože tento článek není dostatečně dlouhý na to, aby pokryl celou specifikaci, doporučuji vám podívat se na podrobnější informace o tom, proč jsou doporučené a osvědčené postupy pro jejich provádění.

3. Použití doctype

I když použití konkrétního doctype samo o sobě neovlivňuje přístupnost přidruženého kódu HTML, důležitým důvodem pro použití doctype je zajistit, aby nebyl aktivován režim chirks prohlížeče. Jednoduše použijte ! DOCTYPE html> aby se tak nestalo.

4. Značky dokumentu HTML5

Správná navigace v dokumentu ovlivňuje vysokou část jeho indexu přístupnosti. Mnoho uživatelů přístupných technologií, s nimiž jsem hovořil, vyjádřilo frustraci z toho, že poskytovatelé obsahu a vývojáři řádně neoznačují své dokumenty pro navigační schopnosti. Tyto značky dávají částem dokumentu více kontextu než použití mnoha divů.

• Záhlaví a Zápatí lze na stránce použít vícekrát. Mohou označovat příslušné hlavní záhlaví nebo zápatí dokumentu, nebo je lze použít pro informace o záhlaví / zápatí v článcích nebo sekcích.
• Stranou je vhodná značka pro sekce, jako jsou postranní pruhy v knize, které doplňují dokument, ale nejsou naprosto zásadní pro jeho pochopení.
• Sekce jsou způsoby, jak rozdělit nápady nebo seskupit obsah, který dává smysl.
• Články jsou nezávislé, samostatné kousky, které by mohly existovat bez zbytku obsahu. Správné použití těchto značek pomáhá zajistit správnou interpretaci struktury vašeho obsahu.

5. Špatné odkazy

S CSS je možné použít obrázky na pozadí na odkazy a tlačítka. To je pěkný efekt pro webové designéry, protože poskytuje větší kontrolu nad typografií. Vedlo to však k tomu, že lidé zapomněli zahrnout textové popisy. Ujistěte se, že i když v obrázku používáte i text, zajistěte, aby zůstal přístupný. To může také ovlivnit věci jako SEO a
internacionalizace.

Příklad:

a href = "/ contact"> / a>

Je to špatné.

a href = "/ contact"> Kontaktujte nás / a>

Mnohem lepší.

6. Obrázky - ALT versus TITLE

Lidé často zahrnují buď alt nebo titul atributy, ale ne oba, protože jsou často nepochopeny, a proto se zdají být nadbytečné. Chcete-li vyčistit zmatek, titul může představovat poradní informace, jako jsou ty, které se mohou objevit v nápovědě. To vám také může poskytnout další informace, když umístíte kurzor na obrázek, což je technika, kterou mnoho lidí používá na svých blogech. S růstem dotykových zařízení se však tento druh informací stává méně užitečným.

Alt na druhé straně je používán pomocnou technologií a dává kontext prvku. Musíte použít alt a ujistěte se, že jsou to užitečné informace. Použitím img alt = "" src = "1348.webp">

Dejte vědět lidem

Pokud je váš obsah k dispozici ve více formátech, ujistěte se, že existuje způsob, jak to na vašem webu zjistit. Pravděpodobně jste viděli „Pokud máte potíže se zobrazením tohoto e-mailu, přečtěte si online
„verze“ v horní části mnoha e-mailových zpravodajů. Pro svůj obsah je zvykem udělat totéž. Pokud máte přístupnou verzi PDF nebo zvukovou verzi i soubor ePub, ujistěte se, že uživatelé mohou tyto informace najít. testování, aby se zajistilo, že je obsah vyhledatelný a čitelný.