10 sjajnih načina da svoj sadržaj učinite prijenosnim i dostupnim

Sadržaj

• Pristupačnost nije ‘značajka’
• Definiranje platformi
• Održavanje sadržaja prijenosnim i dostupnim
• 1. Započnite s HTML5
• 2. WAI-ARIA
• 3. Korištenje doktorskog tipa
• 4. Oznake HTML5 dokumenata
• 5. Loše poveznice
• 6. Slike - ALT u odnosu na TITLE
• Obavijestite ljude
• Sažetak
• Zahvalnice
• Resursi

Kad Kerie tipka na svom iPhoneu, izgleda kao da svira flautu. Drži je blizu lica, a prsti joj se kreću nevjerojatnim tempom. Završava s pisanjem i dodaje mi svoj telefon da pročita poruku koju je upravo otkucala. Ima savršen pravopis i gramatiku, a otkucan je puno brže nego što sam mogao učiniti dok sam koristio iPhoneovu dodirnu tipkovnicu.

Kerie koristi aplikaciju koja se zove Fleksy kako bi joj pomogla prelaziti prstima po licu telefona u obrascima koji se pretvaraju u riječi. Također čita vijesti, sluša radio aplikacije, provjerava Twitter i mobitelom traži vrijeme vlakova. Potpuno je slijepa.

‘Objavljivanje’ različitim ljudima znači različite stvari. Nekim ljudima to znači stvaranje tiskanih fizičkih djela. Ostali objavljivanje povezuju sa sposobnošću distribucije pisanih djela putem uređaja i aplikacija. Sve češće ljudi objavljivanjem smatraju da sadržaj čine dostupnim za uživanje u bilo kojem formatu, bilo da to znači guranje članka na blog ili ažuriranje Google Plus posta.

Stvarnost je da se očekivanja među korisnicima razlikuju, a ta se očekivanja vremenom mijenjaju. Čitatelji koji su svojedobno proždrljivo konzumirali najnoviji post na blogu, sada očekuju da taj blog ili bilo koji članak ili knjigu mogu pročitati gdje god i kad god im je to prikladno. Danas nas sadržaj prati od bloga do Reeder-a na telefonu do Instapaper-a na iPadu do verzije e-poštom poslane putem Whisperneta na Kindle.

Tijek čitanja kod svih je drugačiji, a za one kojima su potrebne značajke pristupačnosti poput čitača zaslona, ​​visokog kontrasta ili uvećanog teksta, taj se tijek rada kvari, ponekad i nepopravljivo, kada autori i izdavači ne razmotre manje, ali potrebne detalje oblikovanja. Nemojte ovo smatrati ne "provjerom okvira za pristupačnost". Umjesto toga shvatite da svoj sadržaj zapravo pretvarate u crni okvir za mnoge potencijalne kupce.

Pristupačnost nije ‘značajka’

Iako je istina da pristupačne kontrole koriste osobe sa smanjenim sluhom i vidom, mnogi drugi ljudi također imaju koristi od njih. Netko slabovidan prilagodit će veličine fonta kako bi lakše čitao sadržaj na zaslonu. Osoba koja je slijepa za boje cijeni sposobnost prilagođavanja palete boja tako da se stvari poput crvenog teksta upozorenja zaista ističu. Ljudi s dugim putovanjima koriste čitače zaslona kako bi slušali članke koji im se čitaju. Strani govornici koriste se video i zvukom s naslovima kako bi im pomogli u razumijevanju novog jezika. Svi ovi scenariji predstavljaju širi opseg vašeg sadržaja, poboljšano korisničko iskustvo i empatiju, a možda čak i veći prihod.

Za sjajan pregled što znači pristupačnost pogledajte članak Iana Hamiltona.

Definiranje platformi

Počnimo s nekim definicijama na koje se formate možemo usredotočiti kako bismo olakšali čitanje svog sadržaja:

• HTML: S HTML5, web je još bolje mjesto za pisce i izdavače da predstave svoj rad. Nove oznake poput članak, odjeljak, Zaglavlje i podnožje sada su implementirani u mnoge preglednike i mogu se koristiti polupouzdano za dodavanje semantičkog konteksta vašem pisanju. Uz to, nadolazeći CSS3 modul stranice također može biti zanimljiv onima koji žele više iskustva s čitanjem na fiksnoj stranici kako bi ga omogućili.
• EPUB: EPUB je službeni standard Međunarodnog foruma za digitalno izdavaštvo (IDPF). EPUB3 odobren je u listopadu 2011. i omogućuje publikacijama stiliziraniji i prilagodljiviji sadržaj, bliži onome što je moguće s HTML / CSS-om, a ne prethodnim, statičnijim smjernicama.
• MOBI: MOBI, kratica od Mobipocket, format je koji koriste Kindle i drugi digitalni čitači. Ponovno je manje prilagodljiv od EPUB-a, ali ovdje ga pokrivamo jer ga možete koristiti za objavljivanje sadržaja na Amazonu ako želite. Prema Robin Christophersonu iz AbilityNet-a, neki su modeli Kindlea dostupni slijepim korisnicima; međutim aplikacija Kindle na iOS-u nije. KF8, novi format Kindle-a, trenutno podržava Kindle Fire, a uskoro će biti predstavljen na najnovijoj generaciji uređaja za e-tintu Kindle i aplikacijama za čitanje Kindle.
• PDF: PDF je postao sveprisutan entitet na webu. Uključujem ga ovdje jer većina tableta ima dobru, ugrađenu tehnologiju za čitanje PDF-ova i omogućavanje pomoćne tehnologije s njima. Kod PDF-a odlučujući je način na koji je stvoren. Prema Alanu Daltonu, savjetniku za razvoj pristupačnosti u irskom Nacionalnom uredu za osobe s invaliditetom, "PDF-ove možete učiniti dostupnima; međutim, mnogi ljudi to ne čine. Oni ne shvaćaju da njihovi alati proizvode loše proizvode. Da imam svoj put, sve što radimo, biti HTML. " Na stranu navigacija i dostupnost, PDF-ovi se također ne prilagođavaju dobro različitim veličinama, a svi koji su pokušali pročitati PDF na pametnom telefonu upoznati su s neugodnim stezanjem, zumiranjem i pomicanjem koje je potrebno učiniti.

Ono što ne spada u ovu kategoriju su aplikacije koje uzimaju vaš sadržaj i pretvaraju ga u velike slike. Iako bi ovo moglo osigurati da izgled i stil budu jednaki na svim platformama, blokirate velik dio svoje publike, a istovremeno stvarate vrlo teško preuzimanje. Taj se problem pogoršava kad počnemo govoriti o Retina zaslonima i dvostrukim slikama. Da biste stekli osjećaj kako je kad vam se odbije nešto što želite pročitati (ali to ipak morate platiti), pogledajte komentare o aplikacijama Kiosk koje su uglavnom nepristupačne putem VoiceOvera u iOS-u.

Da biste vidjeli kako ove vrste časopisa izgledaju za pristupačnog tehnološkog korisnika, pogledajte ugrađene videozapise koji pokazuju frustrirajuće iskustvo pokušaja čitanja tih časopisa s
alat za pristupačnost kao što je VoiceOver:

Održavanje sadržaja prijenosnim i dostupnim

Fokusiranje na prijenosne formate omogućuje nam obradu našeg sadržaja kako bismo živjeli sretno na više preglednika, telefona, uređaja za digitalni čitač i aplikacija za čitanje. Što trebamo učiniti sa svojim sadržajem da bismo se mogli dobro prevesti između ovih različitih formata, a da pritom zadržimo prilagođeni stil i izvrsno iskustvo?

U nastavku sam sastavio neke smjernice za ljude koji žele da njihova publika bude što šira i koji ne žele svoj sadržaj zaključati u crni okvir za mnoge korisnike. Ove se tehnike mogu primijeniti na sve, od postova na blogu, dugotrajnog novinarstva ili bilo kojeg drugog djela za koje mislite da se objavljuje:

1. Započnite s HTML5

Stvaranjem dokumenata u početku s HTML5, u budućnosti ćete se manje brinuti. Oznake HTML5 pomoći će vam da olakšate navigaciju i prevedete ih u druge formate. Znatno ćete manje „prilagoditi“ svoje publikacije drugim formatima ako od početka imate semantičke podatke.

2. WAI-ARIA

WAI-ARIA je Inicijativa za internetsku dostupnost - pristupačni paket bogatih internetskih aplikacija. To je skup smjernica koje je stvorila Radna skupina za protokole i formate (PFWG)
W3C. WAI-ARIA definira način kako web sadržaje i aplikacije učiniti pristupačnijima osobama s invaliditetom, a pomaže dinamičnom sadržaju i naprednim kontrolama korisničkog sučelja razvijenim s Ajaxom, HTML-om, JavaScript-om i srodnim tehnologijama. Neke tehnike u ovom članku potječu iz smjernica WAI-ARIA, a iako ovaj članak nije dovoljno dugačak da pokrije sve specifikacije, savjetujem vam da ga provjerite za više detalja o tome zašto se preporučuju i koji su najbolji primjeri iz prakse. provodeći ih.

3. Korištenje doktorskog tipa

Iako sama upotreba određenog tipa dokumenta ne utječe na dostupnost pridruženog HTML koda, važan razlog upotrebe doktypea je osigurati da okidač ne aktivira način rada. Jednostavno koristite ! DOKTIP html> kako bi se osiguralo da se to ne dogodi.

4. Oznake HTML5 dokumenata

Ispravna navigacija dokumentom utječe na njegov indeks pristupačnosti. Mnogi korisnici pristupačne tehnologije s kojom sam razgovarao izrazili su nezadovoljstvo pružateljima sadržaja i programerima koji nisu pravilno označili svoje dokumente radi navigacije. Te oznake daju više konteksta odjeljcima vašeg dokumenta nego korištenje puno div-ova.

• Zaglavlje i Podnožje mogu se koristiti više puta na stranici. Mogu označavati odgovarajuće glavno zaglavlje ili podnožje dokumenta ili se mogu koristiti za informacije o zaglavlju / podnožju unutar članaka ili odjeljaka.
• Na stranu dobra je oznaka za upotrebu za odjeljke, poput bočnih traka u knjizi, koji se nadopunjuju s dokumentom, ali nisu apsolutno presudni za njegovo razumijevanje.
• Odjeljci su načini razbijanja ideja ili grupiranja sadržaja koji imaju smisla.
• Članci su neovisni, samostalni dijelovi koji bi mogli postojati bez ostatka sadržaja. Korištenje ovih oznaka na odgovarajući način pomaže u osiguravanju pravilne interpretacije strukture vašeg sadržaja.

5. Loše poveznice

S CSS-om je moguće koristiti pozadinske slike na vezama i gumbima. Ovo je lijep efekt za web dizajnere jer daje veću kontrolu nad tipografijom. Međutim, to je dovelo do toga da su ljudi zaboravili uključiti tekstualne opise. Pazite da čak i ako koristite tekst i na slici kako biste osigurali da ostane dostupna. To također može utjecati na stvari kao što su SEO i
internacionalizacija.

Primjer:

a href = "/ kontakt"> / a>

To je loše.

a href = "/ contact"> Kontaktirajte nas / a>

Puno bolje.

6. Slike - ALT u odnosu na TITLE

Ljudi često uključuju i jedno i drugo alt ili titula atribute na njihovoj slici, ali ne oboje, jer se često pogrešno shvaćaju i stoga se čine suvišnima. Da biste raščistili zbrku, titula može predstavljati savjetodavne informacije, poput onih koje se mogu pojaviti u opisu. To vam također može pružiti dodatne informacije kada mišem prijeđete preko slike, što je tehnika koju mnogi ljudi koriste na svojim blogovima. No rastom dodirnih uređaja ova vrsta informacija postaje manje korisna.

Alt s druge strane koristi se pomoćnom tehnologijom i daje kontekst elementu. Morate koristiti alt na svojim slikama i provjerite jesu li to korisne informacije. Koristeći img alt = "" src = "1348.webp">

Obavijestite ljude

Ako je vaš sadržaj dostupan u više formata, budite sigurni da postoji način da to otkrijete na svojoj web lokaciji. Vjerojatno ste vidjeli "Ako imate problema s pregledom ove e-pošte, pročitajte internet
poruka "na vrhu mnogih biltena e-pošte. Učinite to praksom da učinite isto za svoj sadržaj. Ako imate pristupačan PDF ili audio verziju, kao i ePub, pobrinite se da korisnici mogu pronaći te podatke. Da li korisnik testiranje kako bi se osiguralo da je sadržaj dostupan i čitljiv.