10 suurepärast võimalust oma sisu kaasaskantavaks ja juurdepääsetavaks muuta

Sisu

• Juurdepääsetavus ei ole funktsioon
• Platvormide määratlemine
• Sisu kaasaskantava ja juurdepääsetava hoidmine
• 1. Alustage HTML5-ga
• 2. WAI-ARIA
• 3. Doctype'i kasutamine
• 4. HTML5 dokumendi sildid
• 5. Halvad lingid
• 6. Pildid - ALT versus TITLE
• Andke inimestele teada
• Kokkuvõte
• Tänusõnad
• Ressursid

Kui Kerie kirjutab oma iPhone'is, näeb ta välja nagu mängiks pilli. Ta hoiab seda näo lähedal ja sõrmed liiguvad uskumatu kiirusega. Ta lõpetab kirjutamise ja ulatab mulle oma telefoni, et lugeda äsja sisestatud sõnumit. Sellel on täiuslik õigekiri ja grammatika ning see sisestati palju kiiremini, kui oleksin saanud iPhone'i puutetundliku klaviatuuri kasutamisel.

Kerie kasutab rakendust Fleksy, mis aitab tal sõrmedega üle telefoni näo liikuda, muutudes sõnadeks. Samuti loeb ta uudiseid, kuulab raadiorakendusi, kontrollib Twitterit ja otsib telefoniga rongiaegu. Ta on täiesti pime.

Kirjastamine tähendab erinevate inimeste jaoks erinevaid asju. Mõne inimese jaoks tähendab see trükitud füüsilise töömahu tootmist. Teised inimesed seostavad kirjastamist võimalusega levitada kirjutatud teoseid seadmete ja rakenduste kaudu. Üha sagedamini arvavad inimesed, et avaldamine muudab sisu kättesaadavaks igas vormis nautimiseks, olgu see siis artikli ajamine blogisse või Google Plusi postituse värskendamine.

Tegelikkuses on ootused kasutajate vahel erinevad ja need ootused muutuvad aja jooksul paremaks. Lugejad, kes kunagi ajakohaselt blogis viimast postitust tarbisid, loodavad nüüd, et nad saavad seda blogipostitust või mõnda artiklit või raamatut lugeda igal pool ja igal ajal, kui see neile sobib. Täna jälgib sisu meid ajaveebist Reederini telefonis iPadi Instapaperini Whisperneti kaudu Kindle'ile saadetud e-posti teel saadetud versioonini.

Kõigi lugemise töövoog on erinev ja neile, kes vajavad hõlbustusfunktsioone, nagu ekraanilugeja, suure kontrastsusega või suurendatud tekst, on see töövoog katki, mõnikord parandamatult, kui autorid ja kirjastajad ei arvesta väiksemate, kuid vajalike vormindusdetailidega. Ärge mõelge sellele kui sellele, et te ei märgi „juurdepääsetavuse ruutu”. Selle asemel saate aru, et muudate oma sisu paljude potentsiaalsete klientide jaoks mustaks kastiks.

Juurdepääsetavus ei ole funktsioon

Kuigi tõsi on see, et kuulmis- ja nägemispuudega inimesed kasutavad ligipääsetavaid juhtnuppe, on ka teistel inimestel sellest kasu. Vaegnägija kohandab fondi suurust, et ekraanil olevat sisu hõlpsamalt lugeda. Värvipime inimene hindab võimalust värvipaletti kohandada nii, et sellised asjad nagu punane hoiatustekst tõepoolest silma paistaksid. Pikkade pendeldustega inimesed kasutavad ekraanilugejaid neile ette loetud artiklite kuulamiseks. Muukeelsed inimesed kasutavad uue keele mõistmiseks pealdistega videot ja heli. Kõik need stsenaariumid hõlmavad teie sisu laiemat ulatust, paremat kasutuskogemust ja empaatiat ning võib-olla isegi rohkem tulu.

Suurepärane ülevaade ligipääsetavuse tähendusest on Ian Hamiltoni artiklis.

Platvormide määratlemine

Alustame mõnest määratlusest selle kohta, millistele vormingutele saame oma sisu hõlpsamini loetavaks muuta:

• HTML: HTML5-ga on veeb kirjanikele ja kirjastajatele veelgi parem koht oma tööde tutvustamiseks. Uued märgendid meeldivad artikkel, jaotises, päis ja jalus on nüüd rakendatud paljudes brauserites ja neid saab pooleldi usaldusväärselt kasutada semantilise konteksti lisamiseks teie kirjutistesse. Lisaks võib eelseisev CSS3 lehemoodul olla huvipakkuv ka neile, kes soovivad lubada fikseeritud lehega lugemiskogemust.
• EPUB: EPUB on rahvusvahelise digitaalse kirjastamise foorumi (IDPF) ametlik standard. EPUB3 kiideti heaks 2011. aasta oktoobris ja see võimaldab väljaannetel olla varasema staatilisema juhendi asemel rohkem stiilis ja kohandatav sisu, lähemal HTML / CSS-iga võimekale.
• MOBI: Mobipocket'i lühend MOBI on formaat, mida kasutavad Kindle ja teised digitaalsed lugejad. See on uuesti vähem kohandatav kui EPUB, kuid käsitleme seda siin, kuna saate seda soovi korral Amazonile sisu avaldamiseks kasutada. AbilityNeti Robin Christophersoni sõnul on mõned Kindle mudelid pimedatele kasutajatele ligipääsetavad; Kindle'i rakendus iOS-is siiski pole. Kindle Fire toetab praegu Kindle uut vormingut KF8, mida hakatakse peagi kasutama ka uusima põlvkonna Kindle e-ink seadmetes ja Kindle lugemisrakendustes.
• PDF: PDF-ist on saanud veebis üldlevinud üksus. Lisan selle siia, sest enamikul tahvelarvutitel on PDF-ide lugemiseks ja abitehnoloogia võimaldamiseks hea sisseehitatud tehnoloogia. PDF-faili puhul on otsustavaks teguriks selle loomise viis. Iirimaa riikliku puuetega inimeste ameti juurdepääsetavuse arendamise nõuniku Alan Daltoni sõnul: "Võite teha PDF-failid juurdepääsetavaks, kuid paljud inimesed seda ei tee. Nad ei saa aru, et nende tööriistad toodavad halbu tooteid. Kui mul oleks minu viis, oleks kõik, mida me teeme ole HTML. " Kui navigeerimine ja ligipääsetavus kõrvale jätta, ei kohane PDF-failid ka erineva suurusega ning igaüks, kes on proovinud nutitelefonist PDF-i lugeda, tunneb selleks vajalikku ebamugavat näpistamist, suumimist ja panoraamimist.

Sellesse kategooriasse ei kuulu rakendused, mis võtavad teie sisu ja muudavad selle suurteks piltideks. Kuigi see võib tagada, et välimus ja stiil on platvormidel ühesugused, blokeerite suure osa oma vaatajaskonnast, luues ka väga raske allalaadimise. See probleem süveneb, kui hakkame rääkima võrkkesta ekraanidest ja kahekordse suurusega piltidest. Et tunda, mis tunne on see, kui teile keelatakse midagi, mida soovite lugeda (kuid peate ikkagi selle eest maksma), vaadake kommentaare selle kohta, et iOS-i VoiceOveri kaudu pole kioskirakendustele enamasti ligipääsetav.

Selle nägemiseks, kuidas seda tüüpi ajakirjad ligipääsetava tehnikakasutaja jaoks välja näevad, vaadake minu video manuseid, mis näitavad pettumust valmistavat kogemust, kui proovisin neid ajakirju lugeda
hõlbustusriist nagu VoiceOver:

Sisu kaasaskantava ja juurdepääsetava hoidmine

Keskendumine kaasaskantavatele vormingutele võimaldab meil oma sisuga hakkama saada, et elada õnnelikult rohkemates brauserites, telefonides, digitaalsetes lugeja seadmetes ja lugemisrakendustes. Mida peame oma sisuga tegema, et veenduda, et see suudab nende erinevate vormingute vahel hästi tõlkida, säilitades samas kohandatud stiili ja suurepärase kogemuse?

Olen allpool kokku pannud mõned juhised inimestele, kes soovivad, et nende vaatajaskond oleks võimalikult lai ja kes ei soovi oma sisu paljude kasutajate jaoks musta kasti lukustada. Neid tehnikaid saab rakendada kõiges alates ajaveebipostitustest kuni pika ajakirjanduseni ja kõigi teiste teosteni, mida soovite ise avaldada:

1. Alustage HTML5-ga

Kui loote oma dokumendid algselt HTML5-ga, on teil tulevikus vähem muret. HTML5 märgistus aitab hoida dokumentides hõlpsasti navigeeritavana ja teistesse vormingutesse tõlkida. Kui teil on algusest peale semantilist teavet, siis teete oma väljaannete teistesse vormingutesse tagasiulatuvalt sobitamist vähem.

2. WAI-ARIA

WAI-ARIA on veebi juurdepääsetavuse algatus - juurdepääsetav rikkalike Interneti-rakenduste komplekt. See on juhiste kogum, mille on loonud protokollide ja vormingute töörühm (PFWG)
W3C. WAI-ARIA määratleb viisi, kuidas muuta veebisisu ja rakendused puuetega inimestele paremini kättesaadavaks, ning see aitab dünaamilise sisu ja Ajaxi, HTML-i, JavaScripti ja seotud tehnoloogiate abil välja töötatud täiustatud kasutajaliidese juhtnuppe. Mõni selle artikli tehnika pärineb WAI-ARIA juhistest ja kuigi see artikkel ei ole piisavalt pikk, et kogu spetsifikatsiooni katta, soovitaksin teil seda üksikasjalikumalt uurida, miks neid soovitatakse ja nende rakendamine.

3. Doctype'i kasutamine

Ehkki konkreetse doctype'i kasutamine ise ei mõjuta seotud HTML-koodi ligipääsetavust, on doctype'i kasutamise oluline põhjus veenduda, et brauseri veidruste režiimi ei käivitata. Kasutage lihtsalt ! DOCTYPE html> et seda ei juhtuks.

4. HTML5 dokumendi sildid

Dokumendi korralik navigeerimine on selle juurdepääsetavusindeksis olulisel kohal. Paljud minu küsitletud juurdepääsetava tehnoloogia kasutajad väljendasid pettumust sisupakkujate ja arendajate üle, kes ei märkinud oma dokumente navigeerimisvõimaluste jaoks õigesti. Need sildid annavad teie dokumendi jaotistele rohkem konteksti kui palju div-sid kasutades.

• Päis ja Jalus saab mõlemat lehel mitu korda kasutada. Need võivad tähistada vastavat dokumendi päist või jalust või kasutada artiklite või jaotiste päise / jalusega seotud teavet.
• Kõrvale on hea silt, mida saab kasutada jaotistes, näiteks raamatu külgribades, mis täiendavad dokumenti, kuid pole selle mõistmiseks üliolulised.
• Sektsioonid on mõttekad viisid ideede purustamiseks või sisu rühmitamiseks.
• Artiklid on iseseisvad, eraldiseisvad tükid, mis võivad eksisteerida ka ilma ülejäänud sisuta. Nende siltide asjakohane kasutamine aitab tagada, et teie sisu struktuuri tõlgendatakse õigesti.

5. Halvad lingid

CSS-i abil on linkidel ja nuppudel võimalik kasutada taustapilte. See on veebidisainerite jaoks kena efekt, sest see annab tüpograafia üle suurema kontrolli. See on aga viinud selleni, et inimesed unustasid lisada tekstikirjeldused. Veenduge, et isegi siis, kui kasutate teksti ka pildil, veenduge, et see oleks juurdepääsetav. See võib mõjutada ka selliseid asju nagu SEO ja
rahvusvahelistumine.

Näide:

a href = "/ contact"> / a>

See on halb.

a href = "/ contact"> Võtke meiega ühendust / a>

Palju parem.

6. Pildid - ALT versus TITLE

Inimesed hõlmavad sageli kumbagi alt või pealkiri atribuudid nende pildil, kuid mitte mõlemad, kuna neist saadakse sageli valesti aru ja need näivad seetõttu olevat üleliigsed. Segaduse klaarimiseks pealkiri võib esindada nõuandvat teavet, näiteks seda, mis võib ilmuda näpunäites. See võib anda teile ka lisateavet, kui liigutate hiirekursorit pildi kohal - seda tehnikat kasutavad paljud inimesed oma ajaveebides. Puuteseadmete kasvuga muutub selline teave aga vähem kasulikuks.

Alt teisalt kasutatakse abitehnoloogias ja annab elemendile konteksti. Peate kasutama alt piltidel ja veenduge, et see oleks kasulik teave. Kasutamine img alt = "" src = "1348.webp">

Andke inimestele teada

Kui teie sisu on saadaval mitmes vormingus, veenduge, et seda saaks oma saidil avastada. Tõenäoliselt olete näinud jaotist "Kui teil on selle meilisõnumi vaatamisega probleeme, lugege veebi
versiooni "sõnum paljude e-uudiskirjade ülaosas. Tehke tava, et teete oma sisuga sama. Kui teil on nii juurdepääsetav PDF- või heliversioon kui ka ePub, veenduge, et kasutajad leiaksid selle teabe üles. Kas kasutaja testimine, et veenduda, et sisu on leitav ja loetav.