10 skvelých spôsobov, ako urobiť svoj obsah prenosným a prístupným

Obsah

• Prístupnosť nie je „funkciou“
• Definovanie platforiem
• Udržiavanie obsahu prenosného a prístupného
• 1. Začnite s HTML5
• 2. WAI-ARIA
• 3. Používanie doctype
• 4. Značky dokumentov HTML5
• 5. Zlé odkazy
• 6. Obrázky - ALT verzus TITLE
• Dajte vedieť ľuďom
• Zhrnutie
• Poďakovanie
• Zdroje

Keď Kerie píše na svojom iPhone, vyzerá to, že hrá na flaute. Drží si ju pri tvári a prsty sa jej hýbu neskutočným tempom. Dokončí písanie a podáva mi telefón, aby som si prečítal správu, ktorú práve napísala. Má perfektný pravopis a gramatiku a zadávalo sa oveľa rýchlejšie, ako som dokázal pri používaní dotykovej klávesnice iPhone.

Kerie pomocou aplikácie s názvom Fleksy pomáha pohybovať prstami po tvári telefónu vo vzoroch, ktoré sa menia na slová. Tiež číta telefónom správy, počúva rozhlasové aplikácie, kontroluje Twitter a vyhľadáva časy vlakov. Je úplne slepá.

„Publikovanie“ znamená pre rôznych ľudí rôzne veci. Pre niektorých ľudí to znamená vyprodukovať tlačený, fyzický objem práce. Iní ľudia si spájajú vydavateľstvo so schopnosťou distribuovať písomné diela prostredníctvom zariadení a aplikácií. Ľudia si čoraz častejšie myslia, že publikovanie predstavuje sprístupnenie obsahu pre zábavu v akomkoľvek formáte, či už to znamená presunutie článku do blogu alebo aktualizácia príspevku Google Plus.

Realita je taká, že očakávania sa medzi používateľmi líšia a tieto očakávania sa časom menia. Čitatelia, ktorí kedysi horlivo konzumovali posledný príspevok na blogu, teraz očakávajú, že si môžu tento blogový príspevok alebo akýkoľvek článok alebo knihu prečítať, kedykoľvek a kde to bude pre nich výhodné. Dnes nás obsah sleduje od blogu cez Reeder po telefóne cez Instapaper na iPade po e-mailovú verziu odoslanú cez Whispernet spoločnosti Kindle.

Pracovný postup čítania je pre každého iný a pre tých, ktorí požadujú funkcie dostupnosti, ako je čítač obrazovky, vysoký kontrast alebo zväčšený text, je tento pracovný postup prerušený, niekedy neopraviteľne, keď autori a vydavatelia nezohľadnia drobné, ale nevyhnutné podrobnosti formátovania. Nemyslite na to, že to nie je „začiarknutie políčka prístupnosti“. Namiesto toho si uvedomte, že svoj obsah efektívne premieňate na čiernu skrinku pre mnohých potenciálnych zákazníkov.

Prístupnosť nie je „funkciou“

Aj keď je pravda, že prístupné ovládacie prvky používajú jedinci so zníženým sluchom a zrakom, existuje z nich tiež veľa ďalších ľudí, ktorí z toho majú úžitok. Niekto so slabým zrakom upraví veľkosti písma, aby ľahšie čítal obsah na obrazovke. Farboslepý človek ocení schopnosť upraviť farebnú paletu tak, aby vynikli veci ako červený výstražný text. Ľudia s dlhým dochádzaním používajú na čítanie obrazoviek čítačky obrazovky, ktoré im čítajú. Nerodení hovoriaci používajú video a zvuk s titulkami, aby im pomohli pri porozumení nového jazyka. Všetky tieto scenáre predstavujú širší rozsah vášho obsahu, vylepšené používateľské skúsenosti a empatiu a možno ešte vyššie výnosy.

Veľký prehľad o tom, čo znamená dostupnosť, nájdete v článku Iana Hamiltona.

Definovanie platforiem

Začnime niekoľkými definíciami toho, na ktoré formáty sa môžeme zamerať, aby bol náš obsah ľahšie čitateľný:

• HTML: Vďaka HTML5 je web ešte lepším miestom pre autorov a vydavateľov na prezentáciu svojej práce. Nové značky ako článok, oddiel, hlavička a päta sú teraz implementované v mnohých prehľadávačoch a je možné ich spoľahlivo použiť na pridanie sémantického kontextu do vášho písania. Nadchádzajúci modul stránok CSS3 môže byť zaujímavý aj pre tých, ktorí hľadajú lepšie čítanie na pevnej stránke.
• EPUB: EPUB je oficiálny štandard Medzinárodného fóra pre digitálne publikovanie (IDPF). Súbor EPUB3 bol schválený v októbri 2011 a umožňuje publikáciám mať viac štylizovaný a prispôsobiteľný obsah, ktorý je bližšie k tomu, čo umožňuje HTML / CSS, a nie k predchádzajúcim statickejším pokynom.
• MOBI: MOBI, skratka pre Mobipocket, je formát používaný Kindle a inými digitálnymi čítačkami. Je opäť menej prispôsobiteľné ako EPUB, ale venujeme sa mu tu, pretože ak si vyberiete, môžete ho použiť pri publikovaní obsahu na Amazone. Podľa Robina Christophersona z AbilityNet sú niektoré modely Kindle prístupné pre nevidiacich používateľov; Aplikácia Kindle pre iOS však nie je. KF8, nový formát Kindle, je v súčasnosti podporovaný programom Kindle Fire a čoskoro sa zavedie do zariadení e-ink Kindle najnovšej generácie a aplikácií na čítanie Kindle.
• PDF: PDF sa stalo všadeprítomnou entitou na webe. Zahŕňam to sem, pretože väčšina tabletov má zabudovanú dobrú technológiu na čítanie súborov PDF a na umožnenie asistenčných technológií. Pri PDF je rozhodujúce, ako bolo vytvorené. Podľa Alana Daltona, poradcu pre rozvoj prístupnosti v Írskom národnom úrade pre zdravotné postihnutie, „Dokumenty PDF môžete sprístupniť; mnoho ľudí to však neurobí. Neuvedomujú si, že ich nástroje vyrábajú zlé produkty. Keby som mal po svojom, všetko, čo robíme, by bolo byť HTML. “ Okrem navigácie a prístupnosti sa súbory PDF tiež dobre neprispôsobujú rôznym veľkostiam a ktokoľvek, kto sa pokúsil prečítať súbor PDF na smartfóne, je oboznámený s nepríjemným zvieraním, zväčšovaním a posúvaním.

To, čo do tejto kategórie nespadá, sú aplikácie, ktoré vezmú váš obsah a urobia z neho veľké obrázky. Aj keď by to mohlo zabezpečiť, že vzhľad a štýl budú rovnaké na všetkých platformách, blokujete množstvo svojich divákov a zároveň vytvárate veľmi náročné súbory na stiahnutie. Tento problém sa zhoršuje, keď začneme hovoriť o displejoch Retina a obrázkoch dvojnásobnej veľkosti. Ak chcete získať predstavu o tom, aké je to odmietnuť niečo, čo si chcete prečítať (napriek tomu za to stále musíte platiť), prečítajte si komentáre o tom, že aplikácie Kiosk sú väčšinou neprístupné cez VoiceOver v iOS.

Ak sa chcete dozvedieť, ako tieto typy časopisov vyzerajú pre používateľov prístupných technológií, pozrite si moje vložené videá, ktoré ukazujú frustrujúci zážitok zo skúšania čítania týchto časopisov pomocou
nástroj na uľahčenie prístupu, ako napríklad VoiceOver:

Udržiavanie obsahu prenosného a prístupného

Zameranie na prenosné formáty nám umožňuje zvládnuť náš obsah a žiť šťastne vo viacerých prehliadačoch, telefónoch, digitálnych čítacích zariadeniach a čítacích aplikáciách. Čo musíme urobiť, aby náš obsah zaistil dobrý preklad medzi týmito rôznymi formátmi pri zachovaní vlastného štýlu a vynikajúcich skúseností?

Nižšie som zostavil niekoľko pokynov pre ľudí, ktorí chcú, aby ich publikum bolo čo najširšie a ktorí nechcú uzamknúť svoj obsah do čiernej skrinky pre mnohých používateľov. Tieto techniky sa dajú použiť na všetko, od blogových príspevkov, cez dlhodobú žurnalistiku až po všetky ďalšie diela, ktoré uvažujete o vlastnom vydaní:

1. Začnite s HTML5

Pri prvotnom vytváraní dokumentov pomocou formátu HTML5 si už nemusíte robiť starosti. Značenie HTML5 pomôže udržiavať vaše dokumenty v ľahkej navigácii a v preklade do iných formátov. Ak budete mať od začiatku sémantické informácie vo svojich publikáciách, urobíte ich v podstatne menšej miere.

2. WAI-ARIA

WAI-ARIA je iniciatíva za prístupnosť webu - sada prístupných bohatých internetových aplikácií. Je to súbor usmernení vytvorených pracovnou skupinou pre protokoly a formáty (PFWG)
W3C. WAI-ARIA definuje spôsob, ako zabezpečiť, aby bol webový obsah a aplikácie prístupnejšie pre ľudí so zdravotným postihnutím, a pomáha s dynamickým obsahom a pokročilými ovládacími prvkami používateľského rozhrania vyvinutými s Ajax, HTML, JavaScript a súvisiacimi technológiami. Niektoré techniky v tomto článku pochádzajú z pokynov WAI-ARIA, a hoci tento článok nie je dosť dlhý na to, aby pokryli všetky špecifikácie, odporúčam vám pozrieť si podrobnejšie informácie o tom, prečo sú tieto odporúčané a osvedčené postupy pre ich implementáciu.

3. Používanie doctype

Aj keď samotné použitie konkrétneho doctype neovplyvňuje prístupnosť súvisiaceho kódu HTML, dôležitým dôvodom použitia doctype je zaistenie toho, aby sa nespustil režim vtipov prehliadača. Jednoducho použite ! DOCTYPE html> aby sa tak nestalo.

4. Značky dokumentov HTML5

Správna navigácia v dokumente má veľký vplyv na jeho index prístupnosti. Mnoho používateľov prístupných technológií, s ktorými som robil rozhovor, vyjadrilo svoju frustráciu z toho, že poskytovatelia obsahu a vývojári nesprávne označujú svoje dokumenty kvôli navigačnej schopnosti. Tieto značky poskytujú sekciám vášho dokumentu viac kontextu ako použitie mnohých prvkov div.

• Hlavička a Päta môžu byť na stránke použité viackrát. Môžu označovať príslušné hlavné záhlavie alebo päty dokumentu alebo sa môžu použiť na získanie informácií o záhlaví a päte v článkoch alebo sekciách.
• Bokom je vhodná značka pre sekcie, ako sú bočné lišty v knihe, ktoré sa dopĺňajú s dokumentom, ale nie sú úplne nevyhnutné na jeho pochopenie.
• Sekcie sú spôsoby, ako rozdeliť nápady alebo zoskupiť obsah, ktorý má zmysel.
• Články sú nezávislé, samostatné kúsky, ktoré by mohli existovať bez zvyšku obsahu. Správne použitie týchto značiek pomáha zabezpečiť správnu interpretáciu štruktúry vášho obsahu.

5. Zlé odkazy

Pomocou CSS je možné používať obrázky na pozadí na odkazoch a tlačidlách. To je pekný efekt pre webových dizajnérov, pretože dáva väčšiu kontrolu nad typografiou. Viedlo to však k tomu, že ľudia zabudli zahrnúť textové popisy. Uistite sa, že aj keď v obrázku používate text, zaistite, aby bol prístupný. To môže mať vplyv aj na veci ako SEO a
internacionalizácia.

Príklad:

a href = "/ contact"> / a>

Je to zlé.

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

Oveľa lepšie.

6. Obrázky - ALT verzus TITLE

Medzi ľudí často patrí aj jeden alt alebo titul atribúty na svoj obraz, ale nie oba, pretože sú často nesprávne pochopené, a preto sa zdajú byť nadbytočné. Aby sme objasnili zmätok, titul môžu predstavovať poradenské informácie, napríklad informácie, ktoré sa môžu zobraziť v popise nástroja. To vám tiež môže poskytnúť ďalšie informácie, keď umiestnite kurzor myši na obrázok, čo je technika, ktorú mnoho ľudí používa vo svojich blogoch. S rastom dotykových zariadení sa však tento druh informácií stáva menej užitočným.

Alt na druhej strane je využívaná pomocnou technológiou a dáva danému prvku kontext. Musíte použiť alt na svojich obrázkoch a uistite sa, že sú to užitočné informácie. Použitím img alt = "" src = "1348.webp">

Dajte vedieť ľuďom

Ak je váš obsah k dispozícii vo viacerých formátoch, uistite sa, že na vašom webe existuje spôsob, ako to zistiť. Pravdepodobne ste videli „Ak nemáte problém so zobrazením tohto e-mailu, prečítajte si online
Verzia „v hornej časti mnohých e-mailových bulletinov. Postupujte rovnako aj pre svoj obsah. Ak máte prístupnú verziu PDF alebo zvukovú verziu a súbor ePub, uistite sa, že používatelia môžu tieto informácie nájsť. testovanie, aby sa zabezpečilo, že obsah je nájditeľný a čitateľný.