10 magagaling na paraan upang gawing portable at naa-access ang iyong nilalaman

Nilalaman

• Ang pag-access ay hindi isang 'tampok'
• Pagtukoy sa mga platform
• Pagpapanatiling portable at naa-access ang nilalaman
• 1. Magsimula sa HTML5
• 2. WAI-ARIA
• 3. Paggamit ng doctype
• 4. Mga tag ng dokumento ng HTML5
• 5. Masamang mga link
• 6. Mga Larawan - ALT kumpara sa TITLE
• Ipaalam sa mga tao
• Buod
• Mga Pasasalamat
• Mga mapagkukunan

Kapag nag-type si Kerie sa kanyang iPhone, mukhang tumutugtog siya ng flauta. Hawak niya ito malapit sa kanyang mukha, at ang kanyang mga daliri ay gumalaw sa isang hindi kapani-paniwalang bilis. Natapos niya ang pagsusulat at iniabot sa akin ang kanyang telepono upang basahin ang mensahe na nai-type lang niya. Mayroon itong perpektong spelling at grammar, at na-type nang mas mabilis kaysa sa magagawa ko habang ginagamit ang touch keyboard ng iPhone.

Gumagamit si Kerie ng isang app na tinatawag na Fleksy upang matulungan siyang ilipat ang kanyang mga daliri sa mukha ng telepono sa mga pattern na nagiging mga salita. Nagbabasa din siya ng balita, nakikinig sa mga app ng radyo, sinusuri ang Twitter at naghahanap ng mga oras ng tren sa kanyang telepono. Siya ay ganap na bulag.

Ang ibig sabihin ng 'Publishing' ay magkakaibang mga bagay sa iba't ibang tao. Sa ilang mga tao, nangangahulugan ito ng paggawa ng isang naka-print, pisikal na dami ng trabaho. Inuugnay ng iba pang mga tao ang pag-publish na may kakayahang ipamahagi ang mga nakasulat na gawa sa pamamagitan ng mga aparato at app. Mas madalas, iniisip ng mga tao ang pag-publish bilang ginawang magagamit ang nilalaman para sa pagtamasa sa anumang format, kung nangangahulugan ito ng pagtulak ng isang artikulo sa isang blog o pag-update ng isang post sa Google Plus.

Ang katotohanan ay ang mga inaasahan na magkakaiba sa mga gumagamit, at ang mga inaasahang ito ay dumadaloy sa paglipas ng panahon. Ang mga mambabasa na dati ay masayang kumonsumo ng pinakabagong post sa isang blog ngayon inaasahan na maaari nilang basahin ang post sa blog na iyon, o anumang artikulo o libro, saanman at kailan man maginhawa para sa kanila. Sinusundan kami ngayon ng nilalaman mula sa isang blog patungong Reeder sa isang telepono sa Instapaper sa isang iPad sa isang na-email na bersyon na ipinadala sa pamamagitan ng Whispernet sa isang Kindle.

Ang daloy ng trabaho sa pagbabasa ng bawat isa ay magkakaiba, at para sa mga nangangailangan ng mga tampok sa kakayahang mai-access tulad ng isang screenreader, mataas na kaibahan o pinalaki na teksto, ang daloy ng trabaho na iyon ay nasira, kung minsan ay hindi mababago, kung nabigo ang mga may-akda at publisher na isaalang-alang ang mga maliit ngunit kinakailangang mga detalye sa pag-format. Huwag isipin ito bilang hindi 'pag-check sa kahon ng kakayahang mai-access'. Sa halip ay mapagtanto na mabisa mong ginawang itim na kahon ang iyong nilalaman para sa maraming mga potensyal na customer.

Ang pag-access ay hindi isang 'tampok'

Bagaman totoo na ang mga access sa pag-access ay ginagamit ng mga indibidwal na may pinababang pandinig at paningin, maraming iba pang mga tao na nakikinabang din sa kanila. Ang isang taong may mababang paningin ay ayusin ang mga laki ng font upang mabasa ang nilalaman sa isang screen nang mas madali. Ang isang taong bulag sa kulay ay pinahahalagahan ang kakayahang ayusin ang mga paleta ng kulay upang ang mga bagay tulad ng pulang teksto ng babala ay talagang namumukod-tangi. Ang mga taong may mahabang paglalakbay ay gumagamit ng mga mambabasa ng screen upang makinig sa mga artikulong binabasa sa kanila. Gumagamit ang mga hindi katutubong nagsasalita ng caption na video at audio upang tulungan silang maunawaan ang isang bagong wika. Ang lahat ng mga sitwasyong ito ay kumakatawan sa isang mas malawak na saklaw para sa iyong nilalaman, pinahusay na karanasan ng gumagamit at makiramay, at posibleng mas kita.

Para sa isang mahusay na pangkalahatang ideya ng kung ano ang ibig sabihin ng accessibility, tingnan ang artikulo ni Ian Hamilton.

Pagtukoy sa mga platform

Magsimula tayo sa ilang mga kahulugan tungkol sa kung anong mga format ang maaari nating pagtuunan upang gawing mas madaling basahin ang aming nilalaman:

• HTML: Sa HTML5, ang web ay isang mas mahusay na lugar para maipakita ng mga manunulat at publisher ang kanilang gawa. Mga bagong tag tulad artikulo, seksyon, header at talampakan ipinatupad ngayon sa maraming mga browser at maaaring magamit nang semi-mapagkakatiwalaan upang magdagdag ng konteksto ng semantiko sa iyong pagsulat. Bilang karagdagan, ang paparating na module ng pahina ng CSS3 ay maaari ding maging interesado sa mga naghahanap ng isang mas nakapirming pahina na karanasan sa pagbabasa upang paganahin.
• EPUB: Ang EPUB ay ang opisyal na pamantayan ng International Digital Publishing Forum (IDPF). Ang EPUB3 ay naaprubahan noong Oktubre 2011 at pinapayagan ang mga publication na magkaroon ng mas maraming istilo at napapasadyang nilalaman, na malapit sa kung ano ang may kakayahan sa HTML / CSS, kaysa sa nakaraang, mas static na mga alituntunin.
• MOBI: Ang MOBI, maikli para sa Mobipocket, ay isang format na ginamit ng Kindle at iba pang mga digital na mambabasa. Hindi gaanong napapasadyang muli kaysa sa EPUB, ngunit tinatakpan namin ito dito dahil maaari mo itong magamit sa pag-publish ng nilalaman sa Amazon kung pipiliin mo. Ayon kay Robin Christopherson ng AbilityNet, ang ilang mga modelo ng Kindle ay maa-access para sa mga bulag na gumagamit; gayunpaman ang Kindle app sa iOS ay hindi. Ang KF8, ang bagong format ng Kindle, ay kasalukuyang sinusuportahan ng Kindle Fire at malapit nang mailunsad sa pinakabagong henerasyon na mga Kindle e-ink device at Kindle na pagbasa ng apps.
• PDF: Ang PDF ay naging isang nasa lahat ng lugar na nilalang sa web. Isinasama ko ito dito dahil ang karamihan sa mga tablet ay mayroong mahusay, built-in na tech para sa pagbabasa ng mga PDF at pagpapagana ng teknolohiyang pantulong sa kanila. Sa isang PDF, ang kadahilanan ng pagpapasya ay kung paano ito nilikha. Ayon kay Alan Dalton, tagapayo sa pag-unlad ng kakayahang mai-access sa National Disability Authority ng Ireland, "Maaari mong gawing naa-access ang mga PDF; subalit maraming tao ang hindi. Hindi nila napagtanto na ang kanilang mga tool ay gumagawa ng hindi magagandang produkto. Kung may paraan ako, lahat ng gagawin natin maging HTML. " Bukod sa pag-navigate at kakayahang mai-access, ang mga PDF ay hindi rin umaangkop nang maayos sa iba't ibang laki, at ang sinumang sumubok na basahin ang isang PDF sa isang smartphone ay pamilyar sa mahirap na pag-kurot, pag-zoom at pag-pan na kinakailangan upang magawa ito.

Ang hindi nabibilang sa kategoryang ito ay ang mga app na kumukuha ng iyong nilalaman at ginawang malalaking imahe. Bagaman maaaring matiyak nito na ang hitsura at istilo ay pareho sa mga platform, hinaharangan mo ang maraming tagapakinig habang lumilikha ka rin ng napakahirap na pag-download. Ang problemang ito ay pinalala kapag nagsimula kaming pag-usapan ang tungkol sa mga pagpapakita ng Retina at mga dobleng laki ng mga imahe. Upang madama kung ano ang parang tinanggihan ng isang bagay na nais mong basahin (ngunit kailangan mo pa ring bayaran ito), tingnan ang mga komento tungkol sa mga app ng Newsstand na karamihan ay hindi maa-access sa pamamagitan ng VoiceOver sa iOS.

Upang makita kung ano ang hitsura ng mga ganitong uri ng magazine para sa isang naa-access na tech na gumagamit, tingnan ang aking mga embeds ng video, na nagpapakita ng nakakainis na karanasan sa pagsubok na basahin ang mga magazine na ito gamit ang
tool sa kakayahang mai-access tulad ng VoiceOver:

Pagpapanatiling portable at naa-access ang nilalaman

Ang pagtuon sa mga portable format ay nagbibigay-daan sa amin upang hawakan ang aming nilalaman upang mabuhay nang masaya sa mas maraming mga browser, telepono, aparato sa digital reader at mga application ng pagbabasa. Ano ang kailangan nating gawin sa aming nilalaman upang matiyak na maaari itong maisalin nang maayos sa pagitan ng iba't ibang mga format na ito, habang pinapanatili ang isang pasadyang estilo at mahusay na karanasan?

Pinagsama ko ang ilang mga alituntunin sa ibaba para sa mga taong nais ang kanilang madla na maging malawak hangga't maaari at hindi nais na ikulong ang kanilang nilalaman sa isang itim na kahon para sa maraming mga gumagamit. Ang mga diskarteng ito ay maaaring mailapat sa lahat mula sa mga post sa blog, hanggang sa mahabang pormasyong pamamahayag, sa anumang iba pang mga gawa na isinasaalang-alang mo ang sariling pag-publish:

1. Magsimula sa HTML5

Sa pamamagitan ng paglikha ng iyong mga dokumento sa una sa HTML5, wala kang mag-alala sa hinaharap. Makakatulong ang markup ng HTML5 upang mapanatili ang iyong mga dokumento na madaling mag-navigate at isalin sa iba pang mga format. Mas malaki ang gagawing mas maliit na 'retro-fitting' ng iyong mga publication sa iba pang mga format kung mayroon kang impormasyon ng semantiko doon mula sa simula.

2. WAI-ARIA

Ang WAI-ARIA ay ang Web Accessibility Initiative - Naa-access na Rich Internet Applications suite. Ito ay isang hanay ng mga alituntunin na nilikha ng Protocols and Formats Working Group (PFWG) ng
ang W3C. Ang WAI-ARIA ay tumutukoy sa isang paraan upang gawing mas madaling ma-access ang nilalamang web at mga application sa mga taong may kapansanan, at nakakatulong ito sa pabago-bagong nilalaman at mga advanced na kontrol ng user interface na binuo kasama ang Ajax, HTML, JavaScript, at mga kaugnay na teknolohiya. Ang ilan sa mga diskarte sa artikulong ito ay nagmula sa mga patnubay ng WAI-ARIA, at habang ang artikulong ito ay hindi sapat ang haba upang masakop ang lahat ng detalye, hinihikayat kita na suriin ito para sa mas maraming detalye tungkol sa kung bakit inirerekumenda at pinakamahusay na kasanayan ang para sa pagpapatupad ng mga ito.

3. Paggamit ng doctype

Habang ang paggamit ng isang tukoy na doctype mismo ay hindi nakakaapekto sa kakayahang mai-access ng nauugnay na HTML code, ang mahalagang dahilan upang gumamit ng isang doctype ay upang matiyak na ang mode ng quirks ng browser ay hindi na-trigger. Simpleng paggamit ! DOCTYPE html> upang matiyak na hindi ito nangyayari.

4. Mga tag ng dokumento ng HTML5

Wastong nabigasyon ng isang kadahilanan ng dokumento na mataas sa index ng kakayahang mai-access. Maraming mga gumagamit ng naa-access na tech na na-interbyu ko ang nagpahayag ng kanilang pagkabigo sa mga nagbibigay ng nilalaman at mga developer na hindi maayos na minamarkahan ang kanilang mga dokumento para sa kakayahan sa pag-navigate. Ang mga tag na ito ay nagbibigay ng higit na konteksto sa mga seksyon ng iyong dokumento kaysa sa paggamit ng maraming mga div.

• Header at Footer maaaring parehong magamit nang maraming beses sa isang pahina. Maaari nilang tukuyin ang kani-kanilang pangunahing header o footer ng dokumento, o maaari silang magamit para sa impormasyon ng header / footer sa loob ng mga artikulo o seksyon.
• Aside ay isang mahusay na tag na gagamitin para sa mga seksyon, tulad ng mga sidebars sa isang libro, na pantulong sa dokumento ngunit hindi ganap na mahalaga sa pag-unawa nito.
• Mga seksyon ay mga paraan ng paghiwalay ng mga ideya o pagpapangkat ng nilalaman nang magkakasama na may katuturan.
• Mga Artikulo ay malaya, nakapag-iisa na mga piraso na maaaring umiiral nang walang natitirang nilalaman. Ang paggamit ng mga tag na ito na naaangkop na makakatulong upang matiyak na ang istraktura ng iyong nilalaman ay nainterpret nang tama.

5. Masamang mga link

Sa CSS, posible na gumamit ng mga larawan sa background sa mga link at pindutan. Ito ay isang magandang epekto para sa mga web designer dahil nagbibigay ito ng higit na kontrol sa palalimbagan. Gayunpaman, humantong ito sa mga taong nakakalimutan na magsama ng mga paglalarawan ng teksto. Tiyaking kahit na gumagamit ka rin ng teksto sa loob ng imahe upang matiyak na mananatiling naa-access. Maaari rin itong makaapekto sa mga bagay tulad ng SEO at
internationalization.

Halimbawa:

isang href = "/ contact"> / a>

Masama ito.

a href = "/ contact"> Makipag-ugnay sa Amin / a>

Mas mabuti.

6. Mga Larawan - ALT kumpara sa TITLE

Ang mga tao ay madalas na kasama alt o pamagat mga katangian sa kanilang imahe, ngunit hindi pareho dahil madalas silang hindi naiintindihan at samakatuwid ay tila kalabisan. Upang malinis ang pagkalito, pamagat maaaring kumatawan sa impormasyon ng pagpapayo, tulad ng na maaaring lumitaw sa isang tooltip. Maaari ka ring magbigay sa iyo ng karagdagang impormasyon kapag nag-mouse ka sa isang imahe, isang pamamaraan na ginagamit ng maraming tao sa kanilang mga blog. Gayunpaman, sa paglaki ng mga touch device, ang ganitong uri ng impormasyon ay hindi gaanong kapaki-pakinabang.

Alt sa kabilang banda ay ginagamit ng teknolohiyang pantulong at nagbibigay ng konteksto sa elemento. Dapat mong gamitin alt sa iyong mga imahe at tiyaking kapaki-pakinabang ang impormasyon. Gamit img alt = "" src = "1348.webp">

Ipaalam sa mga tao

Kung ang iyong nilalaman ay magagamit sa maraming mga format, tiyaking mayroong isang paraan upang matuklasan ito sa iyong site. Marahil ay nakita mo ang "Kung nagkakaproblema ka sa pag-view ng email na ito, basahin ang online
bersyon na "mensahe sa tuktok ng maraming mga newsletter sa email. Ugaliing gawin ang pareho para sa iyong nilalaman. Kung mayroon kang isang naa-access na PDF o isang audio bersyon pati na rin isang ePub, tiyaking mahahanap ng mga gumagamit ang impormasyong iyon. Gumagamit ba pagsubok upang matiyak na ang nilalaman ay nahahanap at nababasa.