10 nagyszerű módja annak, hogy tartalmát hordozhatóvá és hozzáférhetővé tegye

Tartalom

• Az akadálymentesség nem „szolgáltatás”
• Platformok meghatározása
• A tartalom hordozható és hozzáférhetővé tétele
• 1. Kezdje a HTML5-tel
• 2. WAI-ARIA
• 3. A doctype használata
• 4. HTML5 dokumentumcímkék
• 5. Rossz linkek
• 6. Képek - ALT versus TITLE
• Mondja meg az embereknek
• Összegzés
• Köszönetnyilvánítás
• Erőforrások

Amikor Kerie gépel az iPhone-on, úgy néz ki, mintha furulyázna. Szorosan az arcához tartja, és ujjai hihetetlen sebességgel mozognak. Befejezi az írást, és átadja nekem a telefonját, hogy elolvassa az imént beírt üzenetet. Tökéletes helyesírással és nyelvtanral rendelkezik, és sokkal gyorsabban gépelték be, mint amit az iPhone érintő billentyűzetének használata közben megtehettem volna.

Kerie a Fleksy nevű alkalmazás segítségével segíti az ujjait a telefon arcán szavakká váló mintákban. Emellett olvassa a híreket, rádióalkalmazásokat hallgat, ellenőrzi a Twittert, és telefonjával keresi a vonatidőket. Teljesen vak.

A „kiadás” különböző dolgokat jelent különböző emberek számára. Néhány ember számára ez egy nyomtatott, fizikai munkamennyiség előállítását jelenti. Más emberek társítják a közzétételt azzal a képességgel, hogy az írott műveket eszközökön és alkalmazásokon keresztül terjesszék. Az emberek egyre gyakrabban gondolnak a közzétételre úgy, hogy a tartalmat bármilyen formátumban elérhetővé teszik élvezhetővé, függetlenül attól, hogy ez egy cikket blogba tol, vagy a Google Plus bejegyzését frissíti.

A valóság az, hogy az elvárások eltérnek a felhasználók körében, és ezek az elvárások idővel tovább fejlődnek. Azok az olvasók, akik egykor falatosan fogyasztották a blog legújabb bejegyzését, most arra számítanak, hogy elolvashatják azt a blogbejegyzést, vagy bármilyen cikket vagy könyvet, bárhol és bármikor, amikor nekik kényelmes. Ma a tartalom nyomon követ minket a blogtól a Reederig telefonon keresztül az Instapaperig iPad-en keresztül a Whisperneten keresztül a Kindle-hez elküldött e-mailes verzióig.

Mindenkinek más az olvasási munkafolyamata, és azok számára, akik olyan akadálymentességet igényelnek, mint a képernyőolvasó, a nagy kontrasztú vagy a nagyított szöveg, ez a munkafolyamat megszakad, néha helyrehozhatatlanul, amikor a szerzők és a kiadók nem veszik figyelembe a kisebb, de szükséges formázási részleteket. Ne gondolja ezt úgy, hogy nem „bejelöli a kisegítő lehetőségeket”. Ehelyett vegye észre, hogy tartalmát sok potenciális ügyfél számára fekete dobozsá változtatja.

Az akadálymentesség nem „szolgáltatás”

Bár igaz, hogy a hozzáférhető vezérlőket csökkent hallás- és látásszögű személyek használják, sok más ember is profitál belőlük. Gyengénlátó valaki beállítja a betűméretet, hogy könnyebben olvassa el a képernyőn megjelenő tartalmat. A színvak ember értékeli azt a képességet, hogy a színpalettát úgy állítsa be, hogy az olyan dolgok, mint a piros figyelmeztető szöveg, valóban feltűnjenek. A hosszú ingázással rendelkező emberek a képernyőolvasók segítségével hallgatják meg a nekik olvasott cikkeket. A nem anyanyelvűek felirattal ellátott videót és hangot használnak az új nyelv megértéséhez. Mindezek a forgatókönyvek szélesebb körű tartalmat jelentenek, javított felhasználói élményt és empátiát, és esetleg még több bevételt jelentenek.

Nagyszerű áttekintést arról, hogy mit jelent az akadálymentesség, lásd Ian Hamilton cikkében.

Platformok meghatározása

Kezdjük néhány definícióval arról, hogy milyen formátumokra tudunk összpontosítani, hogy tartalmunk könnyebben olvasható legyen:

• HTML: A HTML5 segítségével az internet még jobb hely az írók és kiadók számára, hogy bemutassák munkájukat. Új címkék, mint cikk, szakasz, fejléc és lábléc sok böngészőben már megvalósítottak, és félig megbízhatóan használhatók szemantikai kontextus hozzáadásához az íráshoz. Ezenkívül a készülő CSS3 oldalmodul azok számára is érdekes lehet, akik fixebb oldalú olvasási élményt keresnek az engedélyezéshez.
• EPUB: Az EPUB a Nemzetközi Digitális Kiadói Fórum (IDPF) hivatalos szabványa. Az EPUB3-ot 2011 októberében hagyták jóvá, és lehetővé teszi, hogy a kiadványok stílusosabb és testreszabhatóbb tartalommal rendelkezzenek, a korábbi, statikusabb irányelvek helyett, közelebb a HTML / CSS használatához.
• MOBI: A MOBI a Mobipocket rövidítése a Kindle és más digitális olvasók által használt formátum. Újra kevésbé testreszabható, mint az EPUB, de itt kitérünk rá, mert felhasználhatja tartalom közzétételéhez az Amazon-on, ha úgy dönt. Robin Christopherson, az AbilityNet munkatársa szerint a Kindle egyes modelljei elérhetőek a vak felhasználók számára; azonban a Kindle alkalmazás iOS-en nem. A Kindle új formátumát, a KF8-at jelenleg a Kindle Fire támogatja, és hamarosan bevezetik a legújabb generációs Kindle e-ink eszközökbe és Kindle olvasóalkalmazásokba.
• PDF: A PDF mindenütt jelen van az interneten. Azért teszem ide, mert a legtöbb táblagép rendelkezik jó, beépített technológiával a PDF-fájlok olvasásához és a segítő technológia engedélyezéséhez. A PDF-fájl esetében a döntő tényező az, hogy miként jött létre. Alan Dalton, az ír Nemzeti Fogyatékosságügyi Hatóság akadálymentesség-fejlesztési tanácsadója szerint: "Hozzáférhetővé teheti a PDF-eket; bármennyire sokan nem. Nem veszik észre, hogy eszközeik rossz termékeket gyártanak. Ha nekem módomban állna, mindent megtennénk legyen HTML. " A navigációt és az akadálymentességet leszámítva a PDF-fájlok szintén nem alkalmazkodnak jól a különböző méretekhez, és bárki, aki okostelefonnal próbálta elolvasni a PDF-fájlt, ismeri az ehhez szükséges kényelmetlen csipegetést, nagyítást és pásztázást.

Ami nem tartozik ebbe a kategóriába, azok az alkalmazások, amelyek a tartalmadat átveszik és nagy képpé alakítják. Bár ez biztosíthatja, hogy a megjelenés és a stílus ugyanaz legyen a platformok között, a közönség nagy részét elzárja, ugyanakkor nagyon nehéz letöltést is létrehoz. Ez a probléma súlyosbodik, amikor Retina kijelzőkről és kettős méretű képekről kezdünk beszélni. Ahhoz, hogy megérezd, milyen érzés, ha megtagadnak tőled valamit, amit olvasni szeretnél (ennek ellenére még mindig fizetned kell érte), nézd meg az Újságos alkalmazásokkal kapcsolatos észrevételeket, amelyek többnyire nem érhetők el az iOS VoiceOver segítségével.

Ha meg szeretné tudni, hogyan néznek ki az ilyen típusú magazinok egy hozzáférhető technikai felhasználó számára, tekintse meg a videó beágyazásaimat, amelyek bemutatják a frusztráló élményt, amikor megpróbálom elolvasni ezeket a magazinokat
akadálymentességi eszköz, például a VoiceOver:

A tartalom hordozható és hozzáférhetővé tétele

A hordozható formátumokra való összpontosítás lehetővé teszi számunkra, hogy tartalmainkat úgy kezeljük, hogy több böngészőn, telefonon, digitális olvasóeszközön és olvasóalkalmazáson boldogan éljünk. Mit kell tennünk a tartalmunkkal kapcsolatban, hogy megbizonyosodhassunk arról, hogy képes-e jól lefordítani ezeket a különböző formátumokat, miközben megtartja az egyedi stílust és a nagyszerű élményt?

Az alábbiakban néhány irányelvet állítottam össze azok számára, akik azt akarják, hogy a közönségük a lehető legszélesebb legyen, és akik nem akarják sok felhasználó számára fekete dobozba zárni a tartalmukat. Ezek a technikák mindenre alkalmazhatók, a blogbejegyzéseken át, a hosszú formájú újságírásig, bármely más olyan művig, amelyet önkiadásnak tartanak:

1. Kezdje a HTML5-tel

Ha eredetileg HTML5-vel hozza létre a dokumentumait, akkor kevésbé kell aggódnia a jövőben. A HTML5 jelölés segít abban, hogy a dokumentumai könnyen kezelhetők és más formátumokra lefordíthatók legyenek. Jelentősen kevesebb kiadványának „visszarendelését” fogja megtenni más formátumokban, ha a kezdetektől fogva szemantikai információk vannak benne.

2. WAI-ARIA

A WAI-ARIA a Web Accessibility Initiative - Hozzáférhető gazdag internetes alkalmazások csomag. Ez az irányelvek halmaza, amelyet a (z) Protokollok és formátumok munkacsoport (PFWG) hozott létre
a W3C. A WAI-ARIA meghatározza a webes tartalom és alkalmazások hozzáférhetőbbé tételének módját a fogyatékossággal élő emberek számára, és segíti a dinamikus tartalmat és a fejlett felhasználói felület-vezérléseket, amelyeket Ajax, HTML, JavaScript és kapcsolódó technológiák fejlesztenek ki. A cikk néhány technikája a WAI-ARIA irányelveiből származik, és bár ez a cikk nem elég hosszú ahhoz, hogy az összes specifikációt lefedje, arra ösztönzem Önt, hogy ellenőrizze részletesebben, hogy miért ajánlottak ezek és a legjobb gyakorlatok megvalósításuk.

3. A doctype használata

Míg egy adott doctype használata önmagában nem befolyásolja a társított HTML-kód hozzáférhetőségét, a doctype használatának fontos oka annak biztosítása, hogy a böngésző quirks módja ne legyen aktiválva. Egyszerűen használja ! DOCTYPE html> hogy ez ne történjen meg.

4. HTML5 dokumentumcímkék

A dokumentum megfelelő navigációja nagy szerepet játszik az akadálymentességi indexében. Az általam megkérdezett hozzáférhető technológiák sok felhasználója kifejezte csalódottságát a tartalomszolgáltatók és a fejlesztők iránt, akik nem megfelelően jelölték meg dokumentumaikat a navigációs képesség szempontjából. Ezek a címkék több kontextust adnak a dokumentum szakaszainak, mint sok div használatával.

• Fejléc és Lábléc mindkettő többször használható egy oldalon. Jelölhetik a dokumentum megfelelő fejlécét vagy láblécét, vagy felhasználhatók cikkek vagy szakaszok fejléc / lábléc információira.
• Félre jó címke olyan szakaszokhoz, mint például a könyv oldalsávjai, amelyek kiegészítik a dokumentumot, de nem feltétlenül döntő fontosságúak annak megértése szempontjából.
• Szakaszok ötletbontási vagy tartalmi csoportosítás módjai értelmesek.
• Cikkek független, önálló darabok, amelyek létezhetnek a többi tartalom nélkül. Ezeknek a címkéknek a megfelelő használata hozzájárul a tartalom szerkezetének megfelelő értelmezéséhez.

5. Rossz linkek

A CSS segítségével háttérképeket lehet használni a linkeken és a gombokon. Ez szép hatással van a webdesignerekre, mert jobban ellenőrzi a tipográfiát. Ez azonban oda vezetett, hogy az emberek megfeledkeztek a szöveges leírások felvételéről. Győződjön meg róla, hogy akkor is, ha szöveget is használ a képen belül, annak biztosítása érdekében, hogy az továbbra is elérhető legyen. Ez olyan dolgokat is érinthet, mint a SEO és a
nemzetközivé válás.

Példa:

a href = "/ contact"> / a>

Ez rossz.

a href = "/ contact"> Lépjen kapcsolatba velünk / a>

Sokkal jobb.

6. Képek - ALT versus TITLE

Az emberek gyakran egyiket is magukban foglalják alt vagy cím tulajdonságai a képükön, de nem mindkettő, mivel gyakran félreértik őket, ezért feleslegesnek tűnnek. A zavart tisztázni, cím képviselhetnek tanácsadó információkat, például azokat, amelyek megjelenhetnek az eszköztippben. Ez további információkat is nyújthat, amikor egy kép fölé viszi az egeret, ezt a technikát sokan használják a blogjaikban. Az érintőkészülékek növekedésével azonban ez a fajta információ kevésbé hasznos.

Alt másrészt a segítő technológia használja, és kontextust ad az elemnek. Használnia kell alt képein, és győződjön meg arról, hogy hasznos információkról van-e szó. Használata img alt = "" src = "1348.webp">

Mondja meg az embereknek

Ha tartalma több formátumban is elérhető, győződjön meg arról, hogy van-e mód arra, hogy ezt a webhelyén felfedezze. Valószínűleg látta a "Ha problémája van ennek az e-mailnek a megtekintésével, olvassa el az internetet
verzió "üzenet a sok e-mailes hírlevél tetején. Gyakorold, hogy ugyanezt tedd a tartalmaddal kapcsolatban. Ha van elérhető PDF vagy audio verziója, valamint egy ePub, győződjön meg arról, hogy a felhasználók megtalálják ezeket az információkat. tesztelés annak biztosítására, hogy a tartalom megtalálható és olvasható legyen.