Мазмұнды портативті және қол жетімді етудің 10 керемет тәсілі

Мазмұны

• Қол жетімділік «мүмкіндік» емес
• Платформаларды анықтау
• Мазмұнды портативті және қол жетімді етіп сақтау
• 1. HTML5-тен бастаңыз
• 2. WAI-ARIA
• 3. Доп типін қолдану
• 4. HTML5 құжат тегтері
• 5. Нашар сілтемелер
• 6. Кескіндер - ALT және TITLE
• Адамдарға хабарлаңыз
• Қысқаша мазмұны
• Ризашылық
• Ресурстар

Kerie iPhone-да тергенде, ол флейтада ойнап жүрген тәрізді. Ол оны бетіне жақын ұстайды, ал саусақтары керемет қарқынмен қозғалады. Ол жазуды аяқтайды және жаңа терген хабарламаны оқу үшін маған телефонын береді. Оның емлесі мен грамматикасы өте жақсы және iPhone-ның сенсорлық пернетақтасын қолданғаннан гөрі тезірек терілді.

Кери Fleksy деп аталатын қосымшаны қолдана отырып, саусақтарын сөзге ауысатын өрнектермен телефонның бет жағымен қозғалтады. Ол сонымен қатар жаңалықтарды оқиды, радио қосымшаларын тыңдайды, Twitter-ді тексереді және телефонмен пойыз уақыттарын іздейді. Ол мүлдем соқыр.

‘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. Доп типін қолдану

Белгілі бір типтік типтің өзі байланысты HTML кодының қол жетімділігіне әсер етпесе де, құжат түрін пайдаланудың маңызды себебі - шолғыштың қызықтыратын режимі іске қосылмағанына көз жеткізу. Жай қолданыңыз ! DOCTYPE html> мұның болмауын қамтамасыз ету.

4. HTML5 құжат тегтері

Құжаттың дұрыс навигациясы оның қол жетімділік индексіне үлкен әсер етеді. Мен сұхбаттасқан қол жетімді технологиялардың көптеген қолданушылары контент-провайдерлер мен әзірлеушілерге өздерінің құжаттарын навигация мүмкіндігі үшін дұрыс таңбалағанына наразы екендіктерін білдірді. Бұл тегтер көп бөлімдерді қолданғаннан гөрі сіздің құжатыңыздың бөлімдеріне көбірек контекст береді.

• Тақырып және Төменгі деректеме екеуі де парақта бірнеше рет қолданыла алады. Олар құжаттың тиісті негізгі колонтитулын немесе төменгі колонтитулын белгілей алады немесе оларды мақалалар мен бөлімдерде колонтитулдар / колонтитулдар туралы ақпарат үшін қолдануға болады.
• Шет бұл құжат үшін қосымша, бірақ оны түсіну үшін өте маңызды емес, мысалы, кітаптағы бүйірлік тақта сияқты бөлімдер үшін қолдануға болатын жақсы тег.
• Бөлімдер бұл идеяларды бұзудың немесе мазмұнды біріктірудің мағынасы бар тәсілдері.
• Мақалалар қалған мазмұнсыз өмір сүре алатын тәуелсіз, дербес бөліктер. Осы тегтерді орынды пайдалану сіздің мазмұныңыздың құрылымының дұрыс түсіндірілгеніне көз жеткізеді.

5. Нашар сілтемелер

CSS көмегімен сілтемелер мен батырмаларда фондық суреттерді қолдануға болады. Бұл веб-дизайнерлер үшін жағымды әсер, себебі типографияны бақылауға мүмкіндік береді. Алайда, бұл адамдардың мәтін сипаттамаларын қосуды ұмытып кетуіне әкелді. Егер сіз сурет ішіндегі мәтінді қолдансаңыз да, оған қол жетімділікті қамтамасыз ету үшін оны тексеріңіз. Бұл SEO және сияқты нәрселерге әсер етуі мүмкін
интернационалдандыру.

Мысал:

a href = «/ contact»> / a>

Бұл жаман.

a href = «/ contact»> Бізбен байланысыңыз / a>

Әлдеқайда жақсы.

6. Кескіндер - ALT және TITLE

Адамдар көбіне екеуін де қосады альт немесе тақырып олардың бейнесіндегі атрибуттар, бірақ екеуі де емес, өйткені олар жиі түсінбейді, сондықтан артық болып көрінеді. Шатасуды жою үшін, тақырып кеңестерде пайда болуы мүмкін сияқты кеңестік ақпаратты ұсына алады. Бұл сізге суреттерді тінтуір арқылы тышқанмен қосымша ақпарат бере алады, көптеген адамдар өз блогтарында қолданатын әдіс. Алайда сенсорлық құрылғылардың өсуімен бұл ақпараттың пайдасы аз болады.

Alt екінші жағынан, көмекші технологияда қолданылады және элементтің мәнмәтінін береді. Сіз пайдалануыңыз керек альт суреттерде және оның пайдалы ақпарат екеніне көз жеткізіңіз. Қолдану img alt = «» src = «1348.webp»>

Адамдарға хабарлаңыз

Егер сіздің мазмұныңыз бірнеше форматта қол жетімді болса, оны өз сайтыңыздан табудың жолы бар екеніне көз жеткізіңіз. Мүмкін сіз «Егер сіз осы электронды хатты көре алмасаңыз, Интернетте оқыңыз
нұсқасы «хабарламасы көптеген электрондық пошта жаршыларының жоғарғы жағында. Мазмұны үшін дәл осылай жасауды дағдыға айналдырыңыз. Егер сізде қол жетімді PDF немесе аудио нұсқасы, сондай-ақ ePub болса, пайдаланушылар бұл ақпаратты таба алатындығына көз жеткізіңіз. Пайдаланушы мазмұнды табуға және оқуға болатындығына тестілеу.