10 moduri excelente de a vă face conținutul portabil și accesibil

Conţinut

• Accesibilitatea nu este o „caracteristică”
• Definirea platformelor
• Menținerea conținutului portabil și accesibil
• 1. Începeți cu HTML5
• 2. WAI-ARIA
• 3. Folosind doctype
• 4. Etichete document HTML5
• 5. Legături incorecte
• 6. Imagini - ALT versus TITLU
• Anunță oamenii
• rezumat
• Mulțumiri
• Resurse

Când Kerie scrie pe iPhone-ul ei, pare că cântă la flaut. O ține aproape de față și degetele se mișcă într-un ritm incredibil. Termină de scris și îmi dă telefonul pentru a citi mesajul pe care tocmai l-a scris. Are o ortografie și o gramatică perfectă și a fost tastat mult mai repede decât aș fi putut face în timp ce foloseam tastatura tactilă a iPhone-ului.

Kerie folosește o aplicație numită Fleksy pentru a o ajuta să își miște degetele pe fața telefonului în modele care se transformă în cuvinte. De asemenea, citește știrile, ascultă aplicații radio, verifică Twitter și caută orele de tren cu telefonul ei. Este complet oarbă.

„Publicarea” înseamnă lucruri diferite pentru oameni diferiți. Pentru unii oameni, înseamnă a produce un volum de lucru tipărit, fizic. Alți oameni asociază publicarea cu capacitatea de a distribui lucrări scrise prin dispozitive și aplicații. Din ce în ce mai frecvent, oamenii se gândesc la publicare ca la oferirea de conținut disponibil pentru a se bucura în orice format, indiferent dacă asta înseamnă să împingi un articol pe un blog sau să actualizezi o postare Google Plus.

Realitatea este că așteptările diferă între utilizatori și aceste așteptări se modifică în timp. Cititorii care odată au consumat cu voracitate cea mai recentă postare de pe un blog acum se așteaptă să poată citi postarea de pe blog sau orice articol sau carte, oriunde și oricând le este convenabil. Conținutul de astăzi ne urmărește de la un blog la Reeder pe un telefon la Instapaper pe un iPad la o versiune trimisă prin e-mail trimisă prin Whispernet la un Kindle.

Fluxul de lucru al citirii fiecăruia este diferit, iar pentru cei care necesită funcții de accesibilitate, cum ar fi un cititor de ecran, un contrast ridicat sau un text mărit, fluxul de lucru respectiv este rupt, uneori iremediabil, atunci când autorii și editorii nu iau în considerare detalii de formatare minore, dar necesare. Nu vă gândiți la acest lucru ca „nu bifați caseta de accesibilitate”. În schimb, realizează că îți transformi conținutul într-o cutie neagră pentru mulți clienți potențiali.

Accesibilitatea nu este o „caracteristică”

Deși este adevărat că controalele accesibile sunt utilizate de persoanele cu auz și vedere reduse, există multe alte persoane care beneficiază și de acestea. Cineva cu viziune redusă va ajusta dimensiunile fontului pentru a citi mai ușor conținutul pe un ecran. O persoană daltonistă apreciază capacitatea de a regla paleta de culori, astfel încât lucruri precum textul de avertizare roșu să iasă în evidență. Persoanele cu navete lungi folosesc cititoare de ecran pentru a asculta articolele care le sunt citite. Vorbitorii care nu sunt nativi folosesc subtitrări video și audio pentru a-i ajuta să înțeleagă o nouă limbă. Toate aceste scenarii reprezintă un domeniu mai larg pentru conținutul dvs., experiență îmbunătățită a utilizatorului și empatie și, eventual, chiar și mai multe venituri.

Pentru o imagine de ansamblu excelentă despre ceea ce înseamnă accesibilitate, consultați articolul lui Ian Hamilton.

Definirea platformelor

Să începem cu câteva definiții despre ce formate ne putem concentra pentru a ne ușura citirea conținutului:

• HTML: Cu HTML5, web-ul este un loc și mai bun pentru scriitori și editori pentru a-și prezenta lucrările. Etichete noi precum articol, secțiune, antet și subsol sunt acum implementate în multe browsere și pot fi utilizate semi-fiabil pentru a adăuga context semantic la scrierea dvs. În plus, viitorul modul de pagină CSS3 poate fi, de asemenea, de interes pentru cei care caută o experiență de citire a paginilor mai fixe pe care să o permită.
• EPUB: EPUB este standardul oficial al International Digital Publishing Forum (IDPF). EPUB3 a fost aprobat în octombrie 2011 și permite publicațiilor să aibă conținut mai stilat și personalizabil, mai aproape de ceea ce este capabil cu HTML / CSS, mai degrabă decât ghidurile anterioare, mai statice.
• MOBI: MOBI, prescurtare pentru Mobipocket, este un format folosit de Kindle și alte cititoare digitale. Este din nou mai puțin personalizabil decât EPUB, dar îl acoperim aici, deoarece îl puteți folosi în publicarea conținutului pe Amazon, dacă doriți. Potrivit lui Robin Christopherson de la AbilityNet, unele modele de Kindle sunt accesibile pentru utilizatorii nevăzători; cu toate acestea, aplicația Kindle pentru iOS nu este. KF8, noul format Kindle, este în prezent acceptat de Kindle Fire și va fi lansat în curând pe dispozitivele de cerneală electronică Kindle de ultimă generație și aplicațiile de citire Kindle.
• PDF: PDF a devenit o entitate omniprezentă pe web. Îl includ aici, deoarece majoritatea tabletelor au o tehnologie bună și încorporată pentru citirea PDF-urilor și pentru a permite tehnologia de asistență cu acestea. Cu un PDF, factorul decisiv este modul în care a fost creat. Potrivit lui Alan Dalton, consilier pentru dezvoltarea accesibilității la Autoritatea Națională pentru Persoane cu Dizabilități din Irlanda, „Puteți face PDF-uri accesibile; totuși mulți oameni nu o fac. Nu își dau seama că instrumentele lor produc produse proaste. Dacă aș avea calea mea, tot ceea ce facem ar fi să fie HTML. " Navigarea și accesibilitatea în afară de aceasta, PDF-urile nu se adaptează prea bine la diferite dimensiuni și oricine a încercat să citească un PDF pe un smartphone este familiarizat cu ciupirea, zoomul și panoramarea ciudate necesare pentru a face acest lucru.

Ceea ce nu se încadrează în această categorie sunt aplicațiile care preiau conținutul dvs. și îl transformă în imagini mari. Deși acest lucru ar putea asigura aspectul și stilul identic pe toate platformele, vă blocați o mulțime de public, creând în același timp o descărcare foarte grea. Această problemă se agravează atunci când începem să vorbim despre afișajele Retina și imaginile de dimensiuni duble. Pentru a avea o impresie despre ceea ce înseamnă că ți se refuză ceva ce vrei să citești (totuși totuși trebuie să plătești pentru asta oricum), vezi comentariile despre aplicațiile Chioșc în majoritatea lor inaccesibile prin VoiceOver în iOS.

Pentru a vedea cum arată aceste tipuri de reviste pentru un utilizator de tehnologie accesibil, consultați videoclipurile mele, care arată experiența frustrantă a încercării de a citi aceste reviste cu un
instrument de accesibilitate, cum ar fi VoiceOver:

Menținerea conținutului portabil și accesibil

Concentrarea pe formate portabile ne permite să ne ocupăm de conținutul nostru pentru a trăi fericit pe mai multe browsere, telefoane, dispozitive de citire digitale și aplicații de citire. Ce trebuie să facem pentru conținutul nostru pentru a ne asigura că se poate traduce bine între aceste diferite formate, menținând în același timp un stil personalizat și o experiență excelentă?

Am elaborat mai jos câteva linii directoare pentru persoanele care doresc ca publicul lor să fie cât mai larg posibil și care nu doresc să blocheze conținutul într-o cutie neagră pentru mulți utilizatori. Aceste tehnici pot fi aplicate tuturor, de la postări de blog, la jurnalism de lungă durată, la orice alte lucrări pe care le considerați autoeditare:

1. Începeți cu HTML5

Prin crearea documentelor dvs. inițial cu HTML5, aveți mai puține griji în viitor. Marcarea HTML5 vă va ajuta să vă păstrați documentele ușor de navigat și să le traduceți în alte formate. Veți face mult mai puțin „retro-montarea” publicațiilor dvs. în alte formate dacă aveți informații semantice acolo de la început.

2. WAI-ARIA

WAI-ARIA este Web Accessibility Initiative - Accessible Rich Internet Applications suite. Este un set de linii directoare create de Grupul de lucru pentru protocoale și formate (PFWG) din
W3C. WAI-ARIA definește o modalitate de a face conținutul și aplicațiile web mai accesibile pentru persoanele cu dizabilități și ajută la conținutul dinamic și controalele avansate ale interfeței utilizator dezvoltate cu Ajax, HTML, JavaScript și tehnologiile conexe. Unele dintre tehnicile din acest articol provin din liniile directoare WAI-ARIA și, deși acest articol nu este suficient de lung pentru a acoperi toate specificațiile, vă încurajăm să le verificați pentru mai multe detalii despre motivele pentru care acestea sunt recomandate și cele mai bune practici pentru punându-le în aplicare.

3. Folosind doctype

În timp ce utilizarea unui anumit tip docty în sine nu afectează accesibilitatea codului HTML asociat, motivul important pentru a utiliza un doctype este să vă asigurați că modul quirks al browserului nu este declanșat. Pur și simplu utilizați ! DOCTYPE html> pentru a se asigura că acest lucru nu se întâmplă.

4. Etichete document HTML5

Navigarea corectă a unui document are un factor important în indexul de accesibilitate. Mulți utilizatori de tehnologie accesibilă pe care i-am intervievat și-au exprimat frustrarea față de furnizorii de conținut și dezvoltatorii care nu își marchează corect documentele pentru capacitatea de navigare. Aceste etichete oferă mai mult context secțiunilor din document decât folosirea multor divs.

• Antet și Subsol pot fi folosite de mai multe ori într-o pagină. Ele pot indica antetul sau subsolul principal al documentului respectiv sau pot fi utilizate pentru informații despre antet / subsol în articole sau secțiuni.
• Deoparte este o etichetă bună de utilizat pentru secțiuni, cum ar fi bare laterale dintr-o carte, care sunt complementare documentului, dar nu absolut cruciale pentru înțelegerea acestuia.
• Secțiuni sunt modalități de rupere a ideilor sau de grupare a conținutului care are sens.
• Articole sunt piese independente, independente, care ar putea exista fără restul conținutului. Utilizarea corespunzătoare a acestor etichete vă ajută să vă asigurați că structura conținutului dvs. este interpretată corect.

5. Legături incorecte

Cu CSS, este posibil să utilizați imagini de fundal pe linkuri și butoane. Acesta este un efect frumos pentru designerii de web, deoarece oferă mai mult control asupra tipografiei. Cu toate acestea, a condus la faptul că oamenii au uitat să includă descrieri de text. Asigurați-vă că, chiar dacă utilizați text și în imagine, pentru a vă asigura că rămâne accesibil. Acest lucru poate afecta și lucruri precum SEO și
internaționalizare.

Exemplu:

a href = "/ contact"> / a>

Asta e rău.

a href = "/ contact"> Contactați-ne / a>

Mult mai bine.

6. Imagini - ALT versus TITLU

Oamenii includ adesea fie alt sau titlu atributele din imaginea lor, dar nu și amândouă, deoarece sunt adesea înțelese greșit și, prin urmare, par a fi redundante. Pentru a clarifica confuzia, titlu poate reprezenta informații de consultanță, cum ar fi cele care ar putea apărea într-o descriere. Acest lucru vă poate oferi, de asemenea, informații suplimentare atunci când treceți cu mouse-ul peste o imagine, o tehnică pe care o folosesc mulți oameni pe blogurile lor. Cu creșterea dispozitivelor tactile, totuși, acest tip de informații devine mai puțin util.

Alt pe de altă parte, este utilizat de tehnologia asistivă și oferă context elementului. Trebuie să folosiți alt pe imagini și asigurați-vă că sunt informații utile. Folosind img alt = "" src = "1348.webp">

Anunță oamenii

Dacă conținutul dvs. este disponibil în mai multe formate, asigurați-vă că există o modalitate de a descoperi acest lucru pe site-ul dvs. Probabil că ați văzut „Dacă aveți probleme la vizualizarea acestui e-mail, citiți online
versiune "în partea de sus a multor buletine informative prin e-mail. Faceți o practică să faceți același lucru pentru conținutul dvs. Dacă aveți un PDF accesibil sau o versiune audio, precum și un ePub, asigurați-vă că utilizatorii pot găsi acele informații. testarea pentru a vă asigura că conținutul este ușor de găsit și lizibil.