Ձեր բովանդակությունը շարժական և մատչելի դարձնելու 10 հիանալի եղանակ

Բովանդակություն

• Հասանելիությունը «առանձնահատկություն» չէ
• Հարթակների որոշում
• Բովանդակությունը դյուրակիր և մատչելի պահելը
• 1. Սկսեք HTML5- ից
• 2. WAI-ARIA
• 3. Օգտագործելով դոկտիպ
• 4. HTML5 փաստաթղթի պիտակ
• 5. Վատ հղումներ
• 6. Պատկերներ - ALT- ն ընդդեմ TITLE- ի
• Տեղեկացրեք մարդկանց
• Ամփոփում
• Շնորհակալագրեր
• Ռեսուրսներ

Երբ Քերին գրում է իր iPhone- ով, նա կարծես սրինգ է նվագում: Նա այն պահում է դեմքին մոտ, իսկ մատները շարժվում են անհավանական արագությամբ: Նա ավարտում է գրելն ու ինձ հանձնում է իր հեռախոսը `կարդալու համար իր մուտքագրած հաղորդագրությունը: Այն ունի կատարյալ ուղղագրություն և քերականություն, և մուտքագրվել է շատ ավելի արագ, քան ես կարող էի անել iPhone- ի հպման ստեղնաշարի օգտագործման ժամանակ:

Kerie- ն օգտագործում է Fleksy անունով մի ծրագիր, որն օգնում է նրան մատները շարժել հեռախոսի երեսով `բառերի վերածված նախշերով: Նա նաև կարդում է նորությունները, լսում ռադիոծրագրեր, ստուգում Twitter- ը և իր հեռախոսով որոնում գնացքների ժամերը: Նա ամբողջովին կույր է:

«Հրապարակելը» տարբեր մարդկանց համար տարբեր նշանակություն ունի: Որոշ մարդկանց համար դա նշանակում է տպագիր, ֆիզիկական աշխատանք արտադրել: Այլ մարդիկ կապում են հրատարակությունը սարքերի և հավելվածների միջոցով գրավոր գործերը տարածելու ունակության հետ: Ավելի ու ավելի հաճախ մարդիկ մտածում են հրապարակել որպես բովանդակություն մատչելի դարձնել ցանկացած ձևաչափով հաճույք ստանալու համար, անկախ նրանից դա նշանակում է հոդված հրել բլոգ կամ թարմացնել Google Plus գրառումը:

Իրականությունն այն է, որ սպասելիքները տարբերվում են օգտվողների շրջանում, և ժամանակի ընթացքում այդ սպասումները շատանում են: Ընթերցողները, ովքեր ժամանակին անհեթեթորեն սպառում էին բլոգի վերջին գրառումը, այժմ ակնկալում են, որ կկարողանան կարդալ բլոգի այդ գրառումը կամ ցանկացած հոդված կամ գիրք ՝ որտեղ և երբ դա իրենց հարմար է: Այսօր բովանդակությունը մեզ հետևում է բլոգից մինչև Reeder հեռախոսը iPad- ով Instapaper- ից մինչև Whispernet- ի միջոցով Kindle ուղարկված էլեկտրոնային տարբերակ:

Յուրաքանչյուրի ընթերցանության աշխատանքային հոսքը տարբեր է, և նրանց համար, ովքեր պահանջում են մատչելիության հատկություններ ՝ էկրանի ընթերցող, բարձր հակադրություն կամ ընդլայնված տեքստ, այդ աշխատանքային գործընթացը կոտրվում է, երբեմն անուղղելիորեն, երբ հեղինակներն ու հրատարակիչները չեն կարողանում հաշվի առնել ձևաչափման փոքր, բայց անհրաժեշտ մանրամասները: Մի կարծեք, որ սա «մուտքի վանդակը չի ստուգում»: Փոխարենը գիտակցեք, որ ձեր բովանդակությունը արդյունավետորեն վերածում եք սեւ արկղի շատ հավանական հաճախորդների համար:

Հասանելիությունը «առանձնահատկություն» չէ

Չնայած ճիշտ է, որ մատչելի հսկողություններն օգտագործվում են նվազեցված լսողություն և տեսողություն ունեցողների կողմից, կան շատ այլ մարդիկ, ովքեր նույնպես օգտվում են դրանցից: Թույլ տեսողություն ունեցող մեկը տառատեսակների չափերը կկարգավորի էկրանին ավելի հեշտությամբ բովանդակություն կարդալու համար: Կույր կույր մարդը գնահատում է գույների ներկապնակը հարմարեցնելու ունակությունը, որպեսզի իրականում առանձնանան այնպիսի բաներ, ինչպիսիք են կարմիր նախազգուշական տեքստը: Երկար երթևեկություն ունեցող մարդիկ օգտագործում են էկրանի ընթերցողներ ՝ իրենց համար կարդացող հոդվածները լսելու համար: Ոչ բնիկ խոսողները օգտագործում են վերնագրերով տեսանյութ և աուդիո ՝ օգնելու նրանց հասկանալ նոր լեզու: Այս բոլոր սցենարները ներկայացնում են ձեր բովանդակության ավելի լայն շրջանակ, բարելավված օգտագործողի փորձ և կարեկցանք և, հնարավոր է, նույնիսկ ավելի շատ եկամուտ:

Հասանելիության նշանակության մեծ ակնարկի համար տե՛ս Յան Համիլթոնի հոդվածը:

Հարթակների որոշում

Եկեք սկսենք որոշ սահմանումներից այն մասին, թե ինչ ձևաչափերի վրա կարող ենք կենտրոնանալ ՝ մեր բովանդակությունն ավելի հեշտ ընթերցելու համար.

• HTML: HTML5- ի միջոցով համացանցը նույնիսկ ավելի լավ տեղ է գրողների և հրատարակիչների համար `իրենց աշխատանքը ցուցադրելու համար: Նման նոր պիտակները հոդված, Բաժին, վերնագիր և ստորագիր այժմ ներդրվում են շատ զննարկիչներում և կարող են օգտագործվել կիսահուսալի ՝ ձեր գրություններին իմաստային ենթատեքստ ավելացնելու համար: Բացի այդ, առաջիկա CSS3 էջի մոդուլը կարող է հետաքրքրել նաև նրանց, ովքեր հնարավորություն են տալիս ավելի ֆիքսված էջի ընթերցանության փորձ փնտրել:
• EPUB: EPUB- ը Թվային հրատարակությունների միջազգային ֆորումի (IDPF) պաշտոնական չափանիշն է: EPUB3- ը հաստատվել է 2011-ի հոկտեմբերին և թույլ է տալիս հրատարակություններին ունենալ ավելի ոճավորված և անհատականացվող բովանդակություն `ավելի մոտ, քան HTML / CSS- ի միջոցով ի վիճակի է, քան նախորդ, ավելի ստատիկ ուղեցույցները:
• MOBI: MOBI, կարճ Mobipocket անվանումը, ձևաչափ է, որն օգտագործվում է Kindle- ի և այլ թվային ընթերցողների կողմից: Այն նորից պակաս ընտելին է, քան EPUB- ը, բայց մենք այն լուսաբանում ենք այստեղ, քանի որ եթե ընտրում եք, այն կարող եք օգտագործել Amazon- ին բովանդակություն հրապարակելու ժամանակ: Ըստ AbilityNet- ի Ռոբին Քրիստոֆերսոնի, Kindle- ի որոշ մոդելներ մատչելի են կույր օգտվողների համար. սակայն Kindle հավելվածը iOS- ում չէ: KF8- ը, Kindle- ի նոր ձևաչափը, ներկայումս աջակցվում է Kindle Fire- ի կողմից և շուտով այն տարածվելու է վերջին սերնդի Kindle էլեկտրոնային թանաք սարքերում և Kindle կարդալու ծրագրերում:
• PDF: PDF- ը համացանցում դարձել է ամենուր տարածված սուբյեկտ: Այն ներառում եմ այստեղ, քանի որ պլանշետների մեծ մասը լավ, ներկառուցված տեխնոլոգիա ունի PDF- ները կարդալու և դրանցով օժանդակ տեխնոլոգիաներ ընձեռելու համար: PDF- ի միջոցով որոշիչ գործոն է, թե ինչպես է այն ստեղծվել: Ըստ Իռլանդիայի Հաշմանդամության ազգային գործակալության մատչելիության զարգացման խորհրդական Ալան Դալթոնի, «Դուք կարող եք PDF- ները մատչելի դարձնել, բայց շատերը դա չեն անում: Նրանք չեն գիտակցում, որ իրենց գործիքները վատ ապրանքներ են արտադրում: Եթե ես գտնեի իմ ճանապարհը, ամեն ինչ, որ մենք անում էինք, լինել HTML »: Նավարկումն ու մատչելիությունը մի կողմ դնելով, PDF- ները նույնպես լավ չեն հարմարվում տարբեր չափերի, և յուրաքանչյուր ոք, ով փորձել է PDF կարդալ սմարթֆոնի վրա, ծանոթ է դրա համար անհրաժեշտ անհարմար սեղմմանը, խոշորացմանը և փոփոխմանը:

Այն, ինչ այս կատեգորիայի մեջ չի մտնում, այն ծրագրերն են, որոնք վերցնում են ձեր բովանդակությունը և այն վերածում մեծ պատկերների: Չնայած դա կարող է ապահովել, որ տեսքը և ոճը նույնն են հարթակներում, դուք արգելափակում եք ձեր լսարանի մեծ մասը, միևնույն ժամանակ ստեղծում եք նաև շատ ծանրաբեռնված ներբեռնում: Այս խնդիրն ավելի է սրվում, երբ մենք սկսում ենք խոսել Retina էկրանների և կրկնակի չափի պատկերների մասին: Որպեսզի զգաք, թե ինչպիսին է ձեզ մերժել ինչ-որ բան, որը ցանկանում եք կարդալ (բայց, միևնույն է, պետք է վճարել դրա համար), տե՛ս iOS- ում VoiceOver- ի միջոցով Newsstand հավելվածների հիմնականում անհասանելի լինելու վերաբերյալ մեկնաբանությունները:

Որպեսզի տեսնեք, թե ինչպիսին են այս տեսակի ամսագրերը մատչելի տեխնոլոգիայի օգտագործողի համար, տեսեք իմ տեսանյութերի ներդիրները, որոնք ցույց են տալիս այդ ամսագրերը կարդալու փորձելու հիասթափեցնող փորձը:
հասանելիության գործիք, ինչպիսին է 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- ի

Մարդիկ հաճախ ներառում են կամ մեկը բարձրություն կամ կոչում հատկանիշներն իրենց պատկերով, բայց ոչ երկուսն էլ, քանի որ դրանք հաճախ սխալ են ընկալվում, ուստի թվում են ավելորդ են: Որպեսզի մաքրենք խառնաշփոթությունը, կոչում կարող է ներկայացնել խորհրդատվական տեղեկատվություն, ինչպիսին է այն, որը կարող է հայտնվել գործիքագրում: Սա կարող է նաև ձեզ լրացուցիչ տեղեկատվություն հաղորդել, երբ մկնիկը սևեռում եք պատկերի վրա, տեխնիկա, որը շատերն օգտագործում են իրենց բլոգներում: Սենսորային սարքերի աճի հետ մեկտեղ այս տեսակի տեղեկատվությունը դառնում է պակաս օգտակար:

Ալտ մյուս կողմից օգտագործվում է օժանդակ տեխնոլոգիայի կողմից և տարրին ենթատեքստ է տալիս: Դուք պետք է օգտագործեք բարձրություն ձեր պատկերների վրա և համոզվեք, որ դրանք օգտակար տեղեկություններ են: Օգտագործելով img alt = "" src = "1348.webp">

Տեղեկացրեք մարդկանց

Եթե ​​ձեր բովանդակությունը մատչելի է բազմաթիվ ձևաչափերով, համոզվեք, որ ձեր կայքում դա հայտնաբերելու միջոց կա: Դուք հավանաբար տեսել եք «Եթե այս էլ-նամակը դիտելու խնդիրներ ունեք, կարդացեք առցանց
տարբերակ »հաղորդագրությունը ՝ էլեկտրոնային փոստի շատ տեղեկագրերի վերևում: Ստորև դարձրեք նույնը անել ձեր բովանդակության համար: Եթե ունեք մատչելի PDF կամ աուդիո տարբերակ, ինչպես նաև ePub, համոզվեք, որ օգտվողները կարող են գտնել այդ տեղեկատվությունը: փորձարկում ՝ համոզվելու համար, որ բովանդակությունը հնարավոր է գտնել և ընթեռնելի: