Мазмунуңузду көчмө жана жеткиликтүү кылуунун 10 мыкты жолу

Мазмун

• Мүмкүнчүлүк "өзгөчөлүк" эмес
• Платформаларды аныктоо
• Мазмунду көчмө жана жеткиликтүү сактоо
• 1. HTML5тен баштаңыз
• 2. WAI-ARIA
• 3. Doctypeди колдонуу
• 4. HTML5 документ тегдери
• 5. Начар шилтемелер
• 6. Сүрөттөр - ALT каршы TITLE
• Элге кабарлап коюңуз
• Кыскача маалымат
• Ыраазычылык
• Ресурстар

Кери iPhone телефонун тергенде, ал флейта чертип жаткандай көрүнөт. Ал аны бетине жакын кармайт, манжалары укмуштай ылдамдыкта кыймылдайт. Ал жазып бүтүп, жаңы эле жазган билдирүүсүн окуу үчүн телефонун мага сунду. Анын орфографиясы жана грамматикасы мыкты, ошондой эле iPhone’дун сенсордук клавиатурасын колдонуп жатканда жасай алганымдан тезирээк жазылды.

Kerie телефонго бетине манжаларын кыймылдатуу үчүн Fleksy деп аталган тиркемени колдонуп, сөздөргө өтөт. Ошондой эле ал жаңылыктарды окуп, радио колдонмолорун угат, Твиттерди текшерет жана телефону менен поезддин убактысын издейт. Анын көзү көрбөйт.

'Publishing' ар башка адамдар үчүн ар кандай нерселерди билдирет. Айрым адамдар үчүн бул иштин физикалык көлөмүн чыгаруу дегенди билдирет. Башка адамдар жарыялоону түзмөктөр жана тиркемелер аркылуу жазылган чыгармаларды жайылтуу мүмкүнчүлүгү менен байланыштырышат. Барган сайын, адамдар макаланы блогго түртүү же Google Plus постун жаңыртуу дегенди билдирип, ар кандай форматта ырахат алуу үчүн мазмунду жарыялоо деп ойлошот.

Чындыгында колдонуучулар арасында күтүүлөр айырмаланып турат жана бул күтүүлөр убакыттын өтүшү менен өзгөрүп турат. Бир кездерде блогдогу акыркы билдирүүнү катуу жеген окурмандар эми ошол блогдогу билдирүүнү же каалаган макаласын же китебин алар үчүн ыңгайлуу болгон жерде жана каалаган убакта окуй алышат деп күтүшөт. Бүгүн бизди блогдон Ридерге, телефондон Редерге, iPadдагы Instapaperге, Whispernet аркылуу Kindleге жөнөтүлгөн электрондук почта версиясына чейин ээрчишет.

Ар бир адамдын окуу иш процесси ар башка, ал эми экрандректор, жогорку контрасттуу же чоңойтулган текст сыяктуу жеткиликтүүлүктүн өзгөчөлүктөрүн талап кылгандар үчүн, бул агым бузулуп, кээде орду толгус болуп, авторлор жана басмаканалар кичинекей, бирок керектүү форматтоо чоо-жайын эске албай калышат. Бул мүмкүнчүлүктү текшерүү эмес деп ойлобоңуз. Тескерисинче, көптөгөн потенциалдуу кардарлар үчүн мазмунуңузду кара кутуга айландырып жатканыңызды түшүнүңүз.

Мүмкүнчүлүк "өзгөчөлүк" эмес

Жеткиликтүү көзөмөлдү угуусу жана көрүүсү начар адамдар колдонот деген чын экенине карабастан, андан дагы башка көптөгөн адамдар пайдаланышат. Көрүүсү начар адам мазмунун экранда оңой окуу үчүн шрифттин көлөмүн тууралайт. Түстөр сокур адам, түстөр палитрасын жөндөө мүмкүнчүлүгүн жогору баалайт, ошондо кызыл эскертүү тексти сыяктуу нерселер көзгө урунат. Жумушка узак убакыт бар адамдар окулган макалаларды угуу үчүн экран окурмандарын колдонушат. Башка тилде сүйлөбөгөндөр жаңы тилди түшүнүүгө жардам берүү үчүн коштомо жазуудагы видео жана аудио колдонушат. Ушул сценарийлердин бардыгы сиздин мазмунуңуздун кеңейтилген чөйрөсүн, колдонуучунун тажрыйбасын жана боорукерлигин өркүндөтүп, андан да көп кирешени билдирет.

Жеткиликтүүлүктүн мааниси жөнүндө кеңири маалымат алуу үчүн, Ян Гамильтондун макаласын караңыз.

Платформаларды аныктоо

Мазмунубузду окууну жеңилдетүү үчүн кайсы форматтарга басым жасасак болот деген айрым аныктамалардан баштайлы:

• HTML: HTML5 менен, веб жазуучулар жана басып чыгаруучулар үчүн өз ишин чагылдырганга дагы жакшы шарт. Жаңы тегдер сыяктуу макала, бөлүм, баш жана колонтитул азыр көптөгөн браузерлерде иштелип чыккан жана сиздин жазууңузга семантикалык контекстти кошуу үчүн жарым-жартылай ишенимдүү колдонсо болот. Мындан тышкары, алдыда боло турган CSS3 баракча модулу дагы туруктуу баракча окуу тажрыйбасын иштетүүнү каалагандар үчүн кызыктуу болушу мүмкүн.
• EPUB: EPUB - Эл аралык санариптик жарыялоо форумунун (IDPF) расмий стандарты. EPUB3 2011-жылдын октябрь айында бекитилген жана басылмалардын стилдүү жана настройкаланган мазмунга ээ болушуна мүмкүндүк берет, HTML / CSS менен иштөө мүмкүнчүлүгүнө караганда, мурунку, туруктуу статустарга караганда.
• МОБИ: MOBI, кыскача Mobipocket, Kindle жана башка санариптик окурмандар колдонгон формат. Бул EPUBга караганда азыраак настройкаланган, бирок биз муну камтыйбыз, анткени эгер сиз кааласаңыз, анда муну Amazonга жарыялоодо колдоно аласыз. AbilityNet кызматкери Робин Кристоферсондун айтымында, Kindleдин айрым моделдери көзү азиз колдонуучулар үчүн жеткиликтүү; бирок iOSтогу Kindle колдонмосу андай эмес. KF8, Kindleдин жаңы форматы, учурда Kindle Fire тарабынан колдоого алынган жана жакында Kindle электрондук сыя муундагы акыркы муун шаймандарына жана Kindle окуу колдонмолоруна сунушталат.
• PDF: PDF Интернетте кеңири жайылган объект болуп калды. Көпчүлүк планшеттерде PDF файлдарын окуу жана алар менен жардамчы технологияны иштетүү үчүн жакшы, камтылган технологиялар бар болгондуктан, мен аны ушул жерге киргиздим. PDF менен чечүүчү фактор анын кандайча түзүлгөндүгү. Ирландиянын Улуттук Майыптар Башкармалыгынын мүмкүнчүлүктөрдү өнүктүрүү боюнча кеңешчиси Алан Далтондун айтымында, "Сиз PDF файлдарды жеткиликтүү кыла аласыз; бирок көпчүлүк адамдар билишпейт. Алар өзүлөрүнүн куралдары жаман өнүмдөрдү чыгарып жаткандыгын түшүнүшпөйт. Эгерде менин оюм бар болсо, анда биз жасагандын бардыгы HTML болуу. " Навигация жана жеткиликтүүлүктү эске албаганда, PDF файлдары ар кандай көлөмгө жакшы ылайыкташа бербейт жана PDFты смартфондо окууга аракет кылган адам бул үчүн талап кылынган ыңгайсыз чымчууну, кичирейтүүнү жана панорамалоону жакшы билет.

Мазмунуңузду алып, чоң сүрөттөргө айландырган колдонмолор бул категорияга кирбейт. Бул көрүнүш жана стиль платформалар боюнча бирдей болушун камсыз кылышы мүмкүн, бирок сиз аудиторияңыздын көпчүлүгүн бөгөттөп жатасыз, ошол эле учурда өтө жүктөлгөн жүктөмдү жаратасыз. Бул көйгөй биз Retina дисплейлери жана эки өлчөмдүү сүрөттөр жөнүндө сөз кыла баштаганда күчөйт. Окууну каалаган нерсеңизден баш тартуу кандай экендигин сезүү үчүн (ошентсе да ага акы төлөшүңүз керек), Newsstand колдонмолору жөнүндө, негизинен iOS'тагы VoiceOver аркылуу жеткиликсиз болуп калган комментарийлерди караңыз.

Бул журналдардын түрлөрү жеткиликтүү технологиялык колдонуучу үчүн кандай экендигин билүү үчүн, ушул журналдарды окууга аракет кылуунун кыжырды келтирген тажрыйбаны көрсөткөн видеотасмаларымды караңыз.
VoiceOver сыяктуу жеткиликтүүлүк куралы:

Мазмунду көчмө жана жеткиликтүү сактоо

Көчмө форматтарга көңүл буруу биздин браузерлерде, телефондордо, санариптик окуй турган түзмөктөрдө жана окуу тиркемелеринде бактылуу жашоо үчүн биздин мазмунду башкарууга мүмкүндүк берет. Мазмунуңуз, колдонуучунун стилин жана мыкты тажрыйбасын сактоо менен, ар кандай форматтардын ортосунда жакшы которулуп кетиши үчүн, биз ага эмне кылышыбыз керек?

Төмөндө аудиториянын болушунча кең болушун каалаган жана көптөгөн колдонуучулар үчүн кара кутуга камтылгысы келбеген адамдар үчүн бир нече көрсөтмөлөрдү келтирдим. Бул ыкмаларды блогдогу билдирүүлөрдөн тартып, узак мөөнөттүү журналистикага чейин жана өзүңүз чыгарууну каалаган башка чыгармаларга колдонсо болот:

1. HTML5тен баштаңыз

Башында HTML5 менен документтериңизди түзүү менен, келечекте көп деле тынчсызданбайсыз. HTML5 белгилөөсү документтериңизди жеңил издөөгө жана башка форматтарга которууга жардам берет. Эгерде сиз башынан эле ошол жерде семантикалык маалыматка ээ болсоңуз, анда сиз басылмаларыңызды башка форматка кыйла аз “ретро-фитинг” жасайсыз.

2. WAI-ARIA

WAI-ARIA - бул Интернетке жеткиликтүүлүктүн демилгеси - Интернеттеги жеткиликтүү бай интернет тиркемелери. Бул Протоколдор жана Форматтар боюнча жумушчу топ (PFWG) тарабынан түзүлгөн көрсөтмөлөрдүн топтому
W3C. WAI-ARIA мүмкүнчүлүгү чектелген адамдар үчүн веб-контентти жана тиркемелерди жеткиликтүү кылуунун жолун аныктайт жана ал Ajax, HTML, JavaScript жана ага байланыштуу технологиялар менен иштелип чыккан динамикалык мазмунга жана колдонуучунун интерфейсинин башкарылышына жардам берет. Ушул макалада келтирилген кээ бир ыкмалар WAI-ARIA колдонмолорунан келип чыккан жана бул макала бардык техникалык мүнөздөмөлөрдү камтыганга жетпесе дагы, мен сизге эмне үчүн сунуш кылынгандыгы жана эң мыкты тажрыйбалар жөнүндө кененирээк таанышып чыгууга чакырам. аларды ишке ашыруу.

3. Doctypeди колдонуу

Белгилүү бир Doctype түрүн колдонуу менен байланыштуу HTML кодунун жеткиликтүүлүгүнө таасирин тийгизбейт, ал эми doctypeди колдонуунун маанилүү себеби браузердин Quirks режими иштетилген эмес. Жөн гана колдонуу ! DOCTYPE html> андай болбой тургандыгын камсыз кылуу.

4. HTML5 документ тегдери

Документти туура багыттоо анын жеткиликтүүлүгүнүн индексине чоң таасир этет. Мен маектешкен жеткиликтүү технологиянын көптөгөн колдонуучулары контент-провайдерлерге жана иштеп чыгуучуларга навигациянын мүмкүнчүлүктөрү үчүн документтерин туура белгилебей жаткандыгына нааразычылыгын билдиришти. Бул тегдер көп бөлүктөрдү колдонгонго караганда, документтин бөлүмдөрүнө көбүрөөк контекст берет.

• Header жана Төмөнкү колонтитул экөө тең баракта бир нече жолу колдонсо болот. Алар документтин тийиштүү башкы колонтитулун же төмөнкү колонтитулун белгилеши мүмкүн, же макалалардагы же бөлүмдөрдөгү колонтитулдар / колонтитулдар жөнүндө маалымат үчүн колдонулушу мүмкүн.
• Четке бул документти толуктап турган, бирок аны түшүнүү үчүн таптакыр чечүүчү эмес, китептеги каптал тилкелери сыяктуу бөлүктөр үчүн колдонула турган жакшы тэг.
• Бөлүмдөр идеяларды бузуунун же мазмунду чогуу топтоонун ыкмалары.
• Макалалар калган көзкарандысыз, өз алдынча, өз алдынча чыгармалар. Бул тегдерди туура колдонуу сиздин мазмунуңуздун түзүмү туура чечмеленишине жардам берет.

5. Начар шилтемелер

CSS менен шилтемелерде жана баскычтарда фондук сүрөттөрдү колдонсо болот. Бул веб дизайнерлер үчүн жакшы натыйжа, анткени типографияны көзөмөлдөөгө мүмкүнчүлүк берет. Бирок, ал адамдардын тексттин сүрөттөмөсүн киргизүүнү унуткандыгына алып келди. Сүрөттөгү текстти колдонуп жаткан болсоңуз дагы, анын жеткиликтүүлүгүн камсыз кылуу үчүн. Бул ошондой эле SEO жана сыяктуу нерселерге таасирин тийгизиши мүмкүн
интернационалдаштыруу.

Мисалы:

a href = "/ contact"> / a>

Бул жаман.

a href = "/ contact"> Биз менен байланышыңыз / a>

Бир топ жакшы.

6. Сүрөттөр - ALT каршы TITLE

Адамдар көбүнчө бирин да камтыйт alt же аталышы касиеттери, бирок экөө тең эмес, анткени алар көп учурда туура эмес түшүнүлөт, андыктан ашыкча болуп көрүнөт. Башаламандыкты жоюу үчүн, аталышы кеңеш берүүчү маалыматты көрсөтө алат, мисалы, инструментте пайда болушу мүмкүн. Көпчүлүк адамдар өз блогдорунда колдонгон ыкманы колдонуп, сүрөттү чычканда, бул кошумча маалыматтарды берет. Бирок сенсордук түзмөктөрдүн көбөйүшү менен мындай маалыматтын пайдасы аз болуп калат.

Alt экинчи жагынан, жардамчы технология колдонулат жана элементтин контекстин берет. Сиз колдонушуңуз керек alt сүрөттөрүңүздө жана анын пайдалуу маалымат экенине ынаныңыз. Колдонуу img alt = "" src = "1348.webp">

Элге кабарлап коюңуз

Эгерде сиздин мазмунуңуз бир нече форматта бар болсо, анда сиздин сайтыңызда муну табуунун жолу бар экенине ынаныңыз. Балким, сиз "Эгерде сиз бул катты көрө албай кыйналып жатсаңыз, Интернеттен окуңуз
Нускасы "билдирүүсү көптөгөн электрондук почта бюллетендеринин башында жайгашкан. Мазмунуңуз үчүн ушундай кылууну адатка айлантыңыз. Эгер сизде жеткиликтүү PDF же аудио версиясы жана ePub болсо, колдонуучулар ошол маалыматты таба алышына көзүңүздү жумшаңыз. мазмунун табууга жана окууга ыңгайлуу экендигин текшерүү.