10 выдатных спосабаў зрабіць ваш кантэнт партатыўным і даступным

Задаволены

• Даступнасць не з'яўляецца "функцыяй"
• Вызначэнне платформаў
• Захоўванне змесціва партатыўным і даступным
• 1. Пачніце з HTML5
• 2. WAI-ARIA
• 3. Выкарыстанне doctype
• 4. Тэгі дакумента HTML5
• 5. Няправільныя спасылкі
• 6. Выявы - ALT супраць TITLE
• Дайце ведаць людзям
• Рэзюмэ
• Падзякі
• Рэсурсы

Калі Кэры друкуе на сваім iPhone, яна выглядае так, быццам іграе на флейце. Яна трымае яго блізка да твару, і пальцы рухаюцца ў неверагодным тэмпе. Яна заканчвае пісаць і падае мне свой тэлефон, каб прачытаць паведамленне, якое яна толькі што набрала. Ён мае дасканалы правапіс і граматыку, і быў набраны значна хутчэй, чым я мог бы зрабіць пры выкарыстанні сэнсарнай клавіятуры iPhone.

Кэры выкарыстоўвае прыкладанне пад назвай Fleksy, каб дапамагчы ёй перамяшчаць пальцы па тэлефоне ўзорамі, якія ператвараюцца ў словы. Яна таксама чытае навіны, слухае радыёпраграмы, правярае Twitter і шукае час руху цягнікоў з дапамогай тэлефона. Яна зусім сляпая.

«Публікацыя» азначае розныя рэчы для розных людзей. Для некаторых людзей гэта азначае стварэнне надрукаванага фізічнага аб'ёму працы. Іншыя людзі звязваюць выдавецкую дзейнасць з магчымасцю распаўсюджвання пісьмовых работ з дапамогай прылад і прыкладанняў. Усё часцей людзі разглядаюць публікацыю як прадастаўленне кантэнту для любога фармату, няхай гэта будзе азначаць націск артыкула ў блог альбо абнаўленне паведамлення Google Plus.

Рэальнасць заключаецца ў тым, што чаканні ў карыстальнікаў адрозніваюцца, і гэтыя чаканні з цягам часу змяняюцца. Чытачы, якія калісьці пражэрліва спажывалі апошнюю публікацыю ў блогу, цяпер чакаюць, што яны могуць прачытаць гэтую публікацыю ў блогу альбо любы артыкул альбо кнігу, дзе і калі гэта зручна для іх. Сёння змест ідзе за намі: ад блога да Рыдэра праз тэлефон да Instapaper на iPad да версіі па электроннай пошце, адпраўленай праз Whispernet у Kindle.

Працэс чытання ва ўсіх розны, і для тых, хто патрабуе функцый даступнасці, такіх як счытвальнік экрана, высокая кантраснасць або павялічаны тэкст, гэты працэс парушаецца, часам непапраўна, калі аўтары і выдаўцы не ўлічваюць нязначныя, але неабходныя дэталі фарматавання. Не думайце пра гэта як пра тое, што вы не «правяраеце поле даступнасці». Замест гэтага ўсведамляйце, што вы фактычна ператвараеце свой кантэнт у чорную скрыню для многіх патэнцыйных кліентаў.

Даступнасць не з'яўляецца "функцыяй"

Хоць гэта і праўда, што даступныя элементы кіравання выкарыстоўваюцца людзьмі са слабым слыхам і зрокам, ёсць і шмат людзей, якія таксама атрымліваюць ад іх карысць. Хтосьці са слабым зрокам наладзіць памеры шрыфта, каб прасцей было чытаць змесціва на экране. Недалёкі чалавек ацэньвае магчымасць рэгуляваць каляровую палітру так, каб такія рэчы, як чырвоны тэкст папярэджання, сапраўды вылучаліся. Людзі, якія доўга едуць на працу, карыстаюцца счытвальнікамі з экрана, каб слухаць артыкулы, якія ім чытаюць. Іншамоўныя людзі выкарыстоўваюць відэа і аўдыя з тытрамі, каб дапамагчы зразумець новую мову. Усе гэтыя сцэнарыі ўяўляюць сабой больш шырокі спектр для вашага кантэнту, паляпшэнне карыстацкага досведу і спагадлівасць і, магчыма, нават большы даход.

Вялікі агляд таго, што азначае даступнасць, глядзіце ў артыкуле Яна Гамільтана.

Вызначэнне платформаў

Пачнем з некаторых азначэнняў пра тое, на якія фарматы мы можам засяродзіцца, каб зрабіць наш кантэнт прасцей для чытання:

• HTML: З HTML5 Інтэрнэт - яшчэ лепшае месца для пісьменнікаў і выдаўцоў, каб прадэманстраваць свае працы. Новыя тэгі накшталт артыкул, раздзел, загаловак і ніжні калонтытул цяпер рэалізаваны ў многіх аглядальніках і могуць быць выкарыстаны напаўнадзейна для дадання сэнсавага кантэксту вашым творам. Акрамя таго, маючы адбыцца модуль старонкі CSS3 можа таксама зацікавіць тых, хто шукае больш зручны спосаб чытання на фіксаваных старонках.
• EPUB: EPUB - афіцыйны стандарт Міжнароднага форуму лічбавага выдавецтва (IDPF). EPUB3 быў зацверджаны ў кастрычніку 2011 года і дазваляе публікацыям мець больш стылізаваны і наладжвальны змест, бліжэйшы да таго, што магчыма з HTML / CSS, а не папярэднія, больш статычныя рэкамендацыі.
• МОБІ: MOBI, скарачэнне ад Mobipocket, - гэта фармат, які выкарыстоўваюць Kindle і іншыя лічбавыя счытвальнікі. Ён зноў менш наладжвальны, чым EPUB, але мы разглядаем яго тут, таму што вы можаце выкарыстоўваць яго для публікацыі змесціва на Amazon, калі хочаце. Па словах Робіна Крыстаферсана з AbilityNet, некаторыя мадэлі Kindle даступныя для сляпых карыстальнікаў; аднак прыкладанне Kindle на iOS няма. KF8, новы фармат Kindle, у цяперашні час падтрымліваецца Kindle Fire і неўзабаве будзе распаўсюджаны на прылады электроннага чарніла Kindle апошняга пакалення і праграмы для чытання Kindle.
• PDF: PDF стаў паўсюднай сутнасцю ў Інтэрнэце. Я ўключаю яго сюды, таму што ў большасці планшэтаў сапраўды ёсць убудаваныя тэхналогіі для чытання PDF-файлаў і ўключэння дапаможных тэхналогій у іх. У PDF-файле вырашальным фактарам з'яўляецца тое, як ён быў створаны. Па словах Алана Далтана, дарадцы па развіцці даступнасці ў Ірландскім нацыянальным ведамстве па пытаннях інваліднасці, "вы можаце зрабіць PDF-файлы даступнымі; аднак многія людзі гэтага не робяць. Яны не разумеюць, што іх інструменты вырабляюць дрэнную прадукцыю. Калі б у мяне быў спосаб, усё, што мы робім, быць HTML. " Акрамя навігацыі і даступнасці, PDF-файлы таксама дрэнна прыстасоўваюцца да розных памераў, і кожны, хто спрабаваў прачытаць PDF на смартфоне, знаёмы з нязручнымі зацісканнямі, маштабаваннем і панарамаваннем, неабходнымі для гэтага.

У гэтую катэгорыю не ўваходзяць праграмы, якія бяруць ваш кантэнт і ператвараюць яго ў вялікія выявы. Хоць гэта можа забяспечыць аднолькавы выгляд і стыль на розных платформах, вы блакуеце вялікую частку сваёй аўдыторыі, адначасова ствараючы вельмі вялікую загрузку. Гэтая праблема ўзмацняецца, калі мы пачынаем казаць пра дысплеі Retina і малюнкі падвойнага памеру. Каб вы адчулі, што такое адмаўленне ў тым, што вы хочаце прачытаць (але ўсё роўна за гэта ўсё роўна трэба плаціць), паглядзіце каментарыі пра тое, што праграмы Газетнага кіёска ў асноўным недаступныя праз VoiceOver у iOS.

Каб даведацца, як падобныя часопісы выглядаюць для даступнага тэхнічнага карыстальніка, паглядзіце ўбудаванне майго відэа, якое паказвае засмучальны досвед спроб чытаць гэтыя часопісы
інструмент даступнасці, напрыклад VoiceOver:

Захоўванне змесціва партатыўным і даступным

Засяроджванне ўвагі на партатыўных фарматах дазваляе нам апрацоўваць наш кантэнт, каб шчасліва жыць у большай колькасці браўзэраў, тэлефонаў, лічбавых прылад чытання і праграм для чытання. Што нам трэба зрабіць з нашым зместам, каб пераканацца, што ён можа добра перакладацца паміж гэтымі рознымі фарматамі, захоўваючы пры гэтым нестандартны стыль і вялікі досвед?

Ніжэй я сабраў некаторыя рэкамендацыі для людзей, якія хочуць, каб іх аўдыторыя была як мага больш шырокай і якія не хочуць замыкаць свой кантэнт у чорную скрынку для многіх карыстальнікаў. Гэтыя метады могуць быць ужытыя да ўсяго: ад паведамленняў у блогах, да журналістыкі доўгай формы і да любых іншых твораў, якія вы плануеце самавыдаць:

1. Пачніце з HTML5

Ствараючы дакументы першапачаткова з выкарыстаннем HTML5, вам будзе менш турбавацца ў будучыні. Разметка HTML5 дапаможа зрабіць вашыя дакументы простымі ў перамяшчэнні і перавесці іх у іншыя фарматы. Вы зможаце значна менш "перааснасціць" свае публікацыі ў іншыя фарматы, калі ў вас ёсць семантычная інфармацыя з самага пачатку.

2. WAI-ARIA

WAI-ARIA - гэта Ініцыятыва Інтэрнэт-даступнасці - набор багатых Інтэрнэт-прыкладанняў. Гэта набор рэкамендацый, створаных Працоўнай групай па пратаколах і фарматах (PFWG)
W3C. WAI-ARIA вызначае спосаб зрабіць вэб-кантэнт і дадаткі больш даступнымі для людзей з абмежаванымі магчымасцямі, а таксама дапамагае дынамічнаму кантэнту і пашыраным элементам кіравання карыстацкім інтэрфейсам, распрацаваным з дапамогай Ajax, HTML, JavaScript і звязаных з імі тэхналогій. Некаторыя з метадаў у гэтым артыкуле паходзяць з рэкамендацый WAI-ARIA, і, хоць гэты артыкул недастаткова доўгі, каб ахапіць усе спецыфікацыі, я рэкамендую вам азнаёміцца ​​з ім для атрымання больш падрабязнай інфармацыі пра тое, чаму яны рэкамендаваны і лепшыя практыкі для рэалізуючы іх.

3. Выкарыстанне doctype

Хоць выкарыстанне канкрэтнага тыпу doctype само па сабе не ўплывае на даступнасць звязанага HTML-кода, важнай прычынай выкарыстання doctype з'яўляецца перакананне, што рэжым дзівацтваў браўзэра не спрацоўвае. Проста выкарыстоўвайце ! DOCTYPE html> каб гэтага не адбылося.

4. Тэгі дакумента HTML5

Правільная навігацыя па дакуменце ўплывае на яго індэкс даступнасці. Шмат карыстальнікаў даступных тэхналогій, з якімі я ўзяў інтэрв'ю, выказалі расчараванне пастаўшчыкамі кантэнту і распрацоўшчыкамі, якія не правільна маркіруюць свае дакументы для магчымасці навігацыі. Гэтыя тэгі даюць больш кантэксту для раздзелаў вашага дакумента, чым выкарыстанне вялікай колькасці div.

• Загаловак і Калонтытул можна абодва выкарыстоўваць некалькі разоў на старонцы. Яны могуць абазначаць адпаведны галоўны ці ніжні калонтытул дакумента, альбо яны могуць выкарыстоўвацца для атрымання інфармацыі пра калонтытул у артыкулах ці раздзелах.
• Убок з'яўляецца добрым тэгам для раздзелаў, такіх як бакавыя панэлі ў кнізе, якія дапаўняюць дакумент, але не вельмі важныя для яго разумення.
• Раздзелы гэта спосабы разбіць ідэі альбо згрупаваць змест, што мае сэнс.
• Артыкулы незалежныя, самастойныя творы, якія маглі б існаваць без астатняга зместу. Належнае выкарыстанне гэтых тэгаў дапамагае пераканацца ў правільнай інтэрпрэтацыі структуры вашага змесціва.

5. Няправільныя спасылкі

З дапамогай CSS можна выкарыстоўваць фонавыя выявы па спасылках і кнопках. Гэта добры эфект для вэб-дызайнераў, бо ён дае большы кантроль над тыпаграфікай. Аднак гэта прывяло да таго, што людзі забыліся ўключыць тэкставыя апісанні. Пераканайцеся, што нават калі вы выкарыстоўваеце тэкст на малюнку, каб ён заставаўся даступным. Гэта таксама можа паўплываць на такія рэчы, як SEO і
інтэрнацыяналізацыя.

Прыклад:

a href = "/ contact"> / a>

Гэта дрэнна.

a href = "/ contact"> Звязацца з намі / a>

Значна лепш.

6. Выявы - ALT супраць TITLE

Людзі часта ўключаюць абодва альт альбо загаловак атрыбутаў у іх вобразе, але не абодвух, бо іх часта няправільна разумеюць і таму, здаецца, лішнімі. Каб выправіць блытаніну, загаловак можа прадстаўляць кансультатыўную інфармацыю, напрыклад, тую, якая можа з'явіцца ў падказцы. Гэта таксама можа даць вам дадатковую інфармацыю пры навядзенні мышы на малюнак - метад, які многія выкарыстоўваюць у сваіх блогах. Аднак з ростам сэнсарных прылад такая інфармацыя становіцца менш карыснай.

Alt з іншага боку, выкарыстоўваецца дапаможная тэхналогія і дае кантэкст элементу. Вы павінны выкарыстоўваць альт на вашых малюнках і пераканайцеся, што гэта карысная інфармацыя. Выкарыстанне img alt = "" src = "1348.webp">

Дайце ведаць людзям

Калі ваш кантэнт даступны ў некалькіх фарматах, пераканайцеся, што ёсць спосаб выявіць гэта на вашым сайце. Вы напэўна бачылі "Калі ў вас узніклі праблемы з праглядам гэтага паведамлення электроннай пошты, чытайце ў Інтэрнэце
паведамленне ўверсе многіх рассыланняў па электроннай пошце. Паспрабуйце зрабіць тое ж самае для свайго змесціва. Калі ў вас ёсць даступны PDF-файл альбо аўдыяверсія, а таксама ePub, пераканайцеся, што карыстальнікі могуць знайсці гэтую інфармацыю. тэставанне, каб пераканацца, што змест можна знайсці і прачытаць.