Էլեկտրոնային առևտրի վեբ կայքի հասանելիությունը հաճախ անտեսվում է ապրանքանիշերի կողմից՝ հաճախորդների փորձը նախագծելիս:
Բայց, երբ դա լավ է արվում, դա կարող է փրկել ձեզ հազարավոր հաճախորդների և վաճառքների, որոնք այլ կերպ կարող էիք բաց թողնել:
Որպես էլեկտրոնային առևտրի թվային մարքեթինգային գործակալություն, մենք տարիների ընթացքում աշխատել ենք բազմաթիվ առցանց խանութների հետ, և այդ ընթացքում նկատել ենք հասանելիության մի քանի չափազանց տարածված խնդիրներ այս ապրանքանիշերի կայքերում:
Այս բլոգում մենք կթվարկենք դրանցից մի քանիսը (գումարած լուծումներ դրանք շտկելու համար), որոնք կօգնեն ձեր կայքին բարելավել իր հասանելիության ռազմավարությունը և հասնել գնորդների բոլորովին նոր լսարանի:
Ի՞նչ է նշանակում էլեկտրոնային առևտրի հասանելիություն:
Նախ, եկեք նույն էջում անդրադառնանք, թե իրականում ինչ է նշանակում «առցանց հասանելիություն»:
«Մատչելի» նշանակում է, որ ցանկացած կայք, հավելված կամ այլ առցանց հարթակ կարող է օգտագործվել բոլորի կողմից՝ անկախ նրանց ֆիզիկական կամ մտավոր ունակություններից:
Խոսքը միայն այն մասին չէ, որ համոզվեք, որ կայքը լավ է աշխատում շատ հարթակներում. դա նաև այն է, որ օգտատերերը կարողանան հասկանալ, թե ինչ կա էջում և ինտուիտիվ կերպով շփվել կայքի հետ:
Քանի որ այս դաշտը շատ բան է ներառում, Վեբ բովանդակության մատչելիության ուղեցույցները (WCAG) գոյություն ունեն՝ ուրվագծելու հատուկ չափանիշները, որոնք վեբկայքերը հասանելի են դարձնում հաշմանդամություն ունեցող անձանց համար: Այս ուղեցույցները կազմակերպված են 12 սկզբունքների մեջ, որոնք սահմանում են վեբ բովանդակությունը մատչելի և օգտագործողի համար հարմարավետ դարձնելու նվազագույն պահանջները:
WCAG-ը տրամադրում է խորաթափանց ուղեցույց վեբկայքի յուրաքանչյուր էջը գնահատելու համար՝ ոչ միայն հասանելիության, այլ նաև օգտագործողի փորձի (UX) համար, որը հավասարապես կարևոր է որոնման համակարգի օպտիմալացման (SEO) և փոխակերպման տոկոսադրույքի (CRO) համար:
Ցանկացած կայք, որը չի համապատասխանում այս չափանիշներին, կարող է խտրական համարվել օրենքով և կարող է ենթարկվել տուգանքների և այլ տույժերի, ինչպես մանրամասնված է Հաշմանդամություն ունեցող ամերիկացիների մասին օրենքով (ADA):
Հետևաբար, եթե ձեր կայքը չի համապատասխանում էլեկտրոնային առևտրի հասանելիության չափանիշներին, ապա դա կարող է միայն ժամանակի հարց լինել, երբ դուք կհայտնվեք իրավական խնդիրների աշխարհում:
Էլեկտրոնային առևտրի հասանելիության 6 սխալ, որոնցից պետք է ուշադրություն դարձնել
Այսպիսով, եթե ցանկանում եք համոզվել, որ ձեր էլեկտրոնային առևտրի կայքը հասանելի է, որտեղի՞ց եք սկսել:
Մատչելիությունը շարունակական ջանքեր է, ոչ միայն մեկանգամյա ստուգաթերթ: Սա ռազմավարություն է, որը դուք պետք է հաճախակի վերանայեք՝ ժամանակակից առաջընթացներին և տեխնոլոգիաներին համընթաց պահելու համար:
Այնուամենայնիվ, երբ խոսքը վերաբերում է հիմունքներին, խորհուրդ ենք տալիս վերանայել ձեր կայքը հետևյալ սխալների համար.
1. Հենվելով բացառապես հասանելիության հավելվածի վրա
Էլեկտրոնային առևտրի հասանելիության հավելվածի օգտագործումը հիանալի առաջին քայլ է ձեր կայքը ավելի մատչելի դարձնելու համար, բայց դա միակը չէ, որը դուք պետք է ձեռնարկեք:
Յուրաքանչյուր կայք տարբեր է, և մատչելիությունը շարունակաբար զարգացող չափանիշ է: Օրինակ, WCAG-ը թարմացվել է երկու անգամ՝ 2008թ.-ին իր սկզբնական թողարկումից հետո և, հավանաբար, նորից կթարմացվի, երբ նոր տեխնոլոգիաներ ի հայտ գան: Բացի այդ, հավելումները բավարար չեն ADA-ին համապատասխանելու համար:
Բայց դա չի նշանակում, որ դրանք սկսելու համար օգտակար տեղ չեն:
Որոշ պլագիններ ներառում են վիջեթներ, որոնք օգտատերերին հնարավորություն են տալիս փոխել վեբէջերի տեսողական կողմերը, ինչպիսիք են տառատեսակները, տարածությունները, գույները, հակադրությունը և հավասարեցումը, որոնք բոլորը կարող են օգնել տեսողական խնդիրներ ունեցող անձանց կարդալ կայքի բովանդակությունը:
Ասել է թե՝ այս հավելվածները պարզապես չեն կարող ծածկել այն ամենը, ինչ անհրաժեշտ է ձեր էլեկտրոնային առևտրի կայքին իսկապես հասանելի լինելու համար: ADA-ի համապատասխանությանը հասնելու համար դուք նաև պետք է աջակցեք ստեղնաշարի նավարկությանը, օպտիմալացնել էկրանի ընթերցողների համար, ճիշտ պիտակավորել պատկերները և ներառել ձևերի պիտակներ:
Մենք բարձր խորհուրդ ենք տալիս ներդրումներ կատարել ձեռքով, մարդու կողմից ղեկավարվող մատչելիության աուդիտում: Սա կտրամադրի ձեր ընթացիկ հասանելիության կարգավիճակի ամենաընդգրկուն ակնարկը (և կբացահայտի այն սխալները, որոնք սովորական պլագինները չեն բռնի):
Աուդիտը կարող է դժվար լինել, հատկապես այն կայքերի համար, որոնք ունեն հարյուրավոր էջեր բովանդակություն: Բարեբախտաբար, դուք կարող եք մասնագետ վարձել, որպեսզի այդ ամենը անի ձեզ համար:
Սկսելու համար հաշվի առեք մատչելիության աուդիտի ստուգման հետևյալ ծառայությունները.
2. Մոռանալով օգտագործել այլընտրանքային տեքստ
Այլընտրանքային տեքստը նկարագրում է պատկերը էկրանի ընթերցողների համար և հայտնվում է պատկերի տեղում, եթե այն չի բեռնվում: Հետևաբար, դա չափազանց կարևոր է տեսողության խանգարումներ ունեցող մարդկանց օգնելու համար՝ հասկանալու, թե ինչ կա ձեր կայքում:
Պատկերացրեք, որ փորձում եք առցանց հոդված կարդալ, բայց բոլոր բառերը փոխարինվել են պատահական տառերով, ինչպիսին է «ahsdadsda121672.jpg», այնպես որ դուք չեք կարող հասկանալ, թե ինչ է այն ասում: Դա այն է, ինչ տեղի է ունենում, երբ որևէ մեկը, ով տեսողության խնդիրներ ունի, այցելում է ձեր կայք առանց համապատասխան այլընտրանքային տեքստի:
Alt տեքստը նաև օգնում է որոնման համակարգերին հասկանալ, թե կոնկրետ ինչ է ներկայացնում ձեր կայքի յուրաքանչյուր պատկեր: Եթե դուք չեք ներառում alt տեքստը ձեր բոլոր պատկերների համար, որոնման համակարգերը կարող են չկարողանալ ճիշտ ինդեքսավորել դրանք, ինչը կարող է վնասել ձեր SEO-ի ջանքերին:
Էլեկտրոնային առևտրի կայք գործարկելիս դուք ունեք ա շատ պատկերների — արտադրանքի պատկերներ, գովազդային ցուցադրություններ և այլն: Սա նշանակում է, որ alt տեքստը պետք է լինի ամենաբարձր առաջնահերթությունը ձեր վեբ մշակողների համար:
Դուք կարող եք օգտագործել որոշակի պլագիններ՝ ձեր կայքում առկա (և բացակայող) այլընտրանքային տեքստը բացահայտելու համար: Այնուհետև օգտագործեք հետևյալ ռեսուրսները՝ անհրաժեշտության դեպքում այլընտրանքային տեքստ ավելացնելու համար՝ օգտագործելով համապատասխան լավագույն փորձը.
3. Անկապ խարիսխ տեքստի ընտրություն
Խարիսխ տեքստը վերաբերում է տեքստին, որը ցուցադրվում է որպես կտտացող հղում վեբ էջում կամ առցանց փաստաթղթում: Դա այն պատճենն է, որը էկրանի ընթերցողներին և որոնիչներին ասում է, թե ինչի մասին է նպատակակետ էջը, այնպես որ, երբ ինչ-որ մեկը սեղմում է ձեր հղման վրա, նրանք վայրէջք են կատարում իրենց համար համապատասխան էջի վրա:
Շատ կայքեր, սակայն, տեղյակ չեն, թե ինչպես կարող է խարսխված տեքստը ազդել իրենց օգտատերերի վրա: Փոխարենը, նրանք հաճախ կապում են էջերին՝ օգտագործելով «սեղմեք այստեղ» որպես իրենց խարիսխ տեքստ, ինչը կարող է աներևակայելի շփոթեցնող լինել նրանց համար, ովքեր օգտագործում են էկրանի ընթերցիչներ:
Առանց խարիսխի պատճենման հատուկ ենթատեքստի, օգտատերերին մնում է մտածել, թե կոնկրետ որտեղ է նրանց ուղարկելու հիպերհղումը:
Բարեբախտաբար, օգտագործելով համապատասխան խարիսխ տեքստը, դուք կարող եք ստեղծել ավելի դրական օգտվողների փորձ ձեր էլեկտրոնային առևտրի կայքում և բարելավել ձեր SEO-ի ջանքերը:
Որպես օրինակ վերցնենք այս բլոգի գրառումը: Եթե մենք ցանկանում ենք ընթերցողներին ուղղորդել արտաքին ռեսուրսից էլեկտրոնային առևտրի հասանելիության ավելի շատ սխալների, մենք կօգտագործենք այդ խարիսխ տեքստը՝ «էլեկտրոնային առևտրի հասանելիության սխալներ»:
Ի հակադրություն, ընդհանուր ձևակերպումները (օրինակ՝ «սեղմեք այստեղ») կդժվարացնեն մեր ընթերցողների (և Google-ի որոնման բոտերի) հասկանալ հղման նպատակը:
Եղեք կոնկրետ ձեր խարիսխ տեքստի հետ, և ձեր հաճախորդները շնորհակալություն կհայտնեն ձեզ դրա համար:
4. Էջի անտրամաբանական կառուցվածքի օգտագործում
Լավ կառուցված էլեկտրոնային առևտրի կայքն այն կայքն է, որը հետևում է իրերի բնական կարգին: Այստեղ մենք չենք խոսում ձեր կայքի ճարտարապետության մասին. մենք վերաբերում ենք յուրաքանչյուր առանձին վեբ էջի կառուցվածքին:
Որպեսզի համոզվեք, որ ձեր էջերը հասանելի են և հեշտ ընթերցվող, դուք պետք է օգտագործեք վերնագրեր: Երբ դրանք ճիշտ օգտագործվում են, դրանք ապահովում են կառուցվածք և համատեքստ այն բովանդակության համար, որը դուք ներառել եք յուրաքանչյուր էջում:
Վերնագրերի պիտակները (H1, H2 և այլն) օգնում են կազմակերպել ձեր վեբ էջի բովանդակությունը տրամաբանական հիերարխիայի մեջ: Դրանցից առաջինը և ամենակարևորը H1-ն է, որը ծառայում է որպես էջի վերնագիր:
Այնտեղից կարող եք օգտագործել H2-ը (և ենթավերնագրերը, ինչպիսիք են H3, H4 և այլն)՝ ձեր էջի բովանդակությունը բաժանելու համար: Այնուամենայնիվ, ձեր վերնագրերը միշտ պետք է հետևեն տրամաբանական հաջորդականությանը. դուք չեք կարող անցնել H2-ից H5-ի, առանց էկրանի ընթերցողներին (և օգտատերերին) շփոթեցնելու:
Վեբ մշակողը կարող է օգնել ձեզ բացահայտել ձեր առկա վերնագրերի և ենթավերնագրերի ցանկացած անհամապատասխանություն: Դուք պետք է նաև ուրվագծեր ստեղծեք ապագա բովանդակության համար՝ այս վերնագրերով, որպեսզի կարողանաք ապահովել ցանկացած նոր վեբ էջ տրամաբանորեն կազմակերպված:
5. Բաց թողնել ներդիրի նավարկությունը
Վեբ օգտատերերի մեծամասնությունը կայքերում նավարկում է համակարգչային մկնիկի միջոցով: Բայց մյուսների համար դա անհնար է։
Մարդիկ, ովքեր կույր են կամ թույլ տեսողություն ունեն, կարող են ընդհանրապես չկարողանալ մկնիկ տեսնել: Նմանապես, նրանք, ովքեր ունեն շարժիչի խանգարումներ, կարող են չկարողանալ օգտագործել մկնիկը իրենց ֆիզիկական սահմանափակումների պատճառով:
Փոխարենը, այս անձինք կօգտագործեն իրենց ստեղնաշարի «ներդիր» կոճակը՝ համացանցում նավարկելու համար:
Եթե ձեր էլեկտրոնային առևտրի կայքը չի ներառում ներդիրներով նավարկվող հղումներ, որոնք կօգնեն ձեր հաճախորդներին տեղաշարժվել ձեր կայքում, այդ հաճախորդները չեն կարողանա թերթել, ընտրել ապրանքներ կամ կատարել իրենց գնումները առցանց:
Ստեղնաշարով հասանելի կայք ապահովելու համար դուք պետք է աշխատեք ձեր վեբ մշակողի հետ՝
- Իրականացնել տեսանելի ստեղնաշարի ֆոկուս
- Ներդիրների ճիշտ կարգը
- Վերացրեք ստեղնաշարի թակարդները
Ստեղնաշարի ֆոկուս
Ստեղնաշարի ֆոկուսը թույլ է տալիս օգտվողին տեսնել, թե որտեղ են գտնվում էջի կառուցվածքի հետ կապված: Այս ֆոկուսով վեբ կայքի տարրերը կարող են գործարկվել կամ փոփոխվել ստեղնաշարի միջոցով:
Վեբ բրաուզերների մեծամասնությունը ավտոմատ կերպով ապահովում է ֆոկուսի ցուցիչ, որը ցույց է տալիս կետի շուրջ եզրագիծը: Այնուամենայնիվ, ձեր մշակողը պետք է նաև կիրառի և փոփոխի այս հատկությունը ձեր կայքում, որպեսզի այն ավելի ակնհայտ լինի:
Ներդիրների կարգը
Ներդիրների հերթականությունը այն հերթականությունն է, որով օգտատերը կարող է նավարկել իրերի միջով՝ սեղմելով ներդիրի ստեղնը:
Ներդիրների ճիշտ դասավորությունը պետք է լինի ինտուիտիվ և համապատասխանի վեբ էջի կառուցվածքին՝ հետևելով այն ձևին, որով մարդը բնականաբար զննում է կայքը՝ ձախից աջ, վերևից ներքև:
Ստեղնաշարի թակարդների վերացում
Ստեղնաշարի թակարդն առաջանում է, երբ օգտվողը չի կարողանում հեռանալ կայքի ինտերակտիվ տարրից՝ օգտագործելով միայն ստեղնաշարը:
Այնպիսի տարրեր, ինչպիսիք են երկխոսության տուփերը կամ օրացույցի վիդջեթները, հաճախ պարունակում են ստեղնաշարի թակարդներ, որտեղ օգտվողները չեն կարողանում փակել դրանք «ներդիր» կամ «ESC» սեղմելուց հետո:
6. Օգտագործելով ոչ պատշաճ գունային հակադրություն
Գույնի հակադրությունը առցանց հասանելիության կարևոր կողմն է և օգնում է ձեր հաճախորդներին ավելի լավ դիտել ձեր կայքի բովանդակությունը:
Թեև որոշ գունային համակցություններ կարող են էսթետիկորեն հաճելի լինել, դրանք կարող են նաև դժվարացնել տեսողության խանգարումներ ունեցող յուրաքանչյուրի համար ձեր կայքը զննարկելը: Ցածր տեսողություն ունեցող մարդիկ կարող են դժվարությամբ տարբերել որոշ գույներ կամ ընկալել գույների երանգների տարբերությունները:
Հենց այստեղ է հայտնվում գունային հակադրությունը:
Հակադրությունը երկու գույների տարբերությունն է նրանց պայծառության կամ «լուսավորության» տեսանկյունից: WCAG 2.0 մանդատները առնվազն ա 4.5։1 առաջին պլանի և ֆոնի գույների/պատկերների հարաբերակցությունը և ա 3։1 հակադրության հարաբերակցությունը մեծ տեքստի համար: (Մեծ տեքստը սահմանվում է որպես 14 կետից ավելի բան [8.66 px] և համարձակ, կամ 18 միավոր [24 px].)
Մի քանի առցանց գործիքներ կարող են օգնել գնահատել ձեր կայքի գունային հակադրությունը.
- WebAIM Color Contrast Checker-ը կարող է ստուգել, թե արդյոք ձեր առաջին պլանի և ֆոնի գունային համադրությունը կանցնի կամ ձախողվի՝ մուտքագրելով գույները RGB տասնվեցական ձևաչափով:
- Color Contrast Analyzer-ը թույլ է տալիս վերլուծել վեբ էջը կամ դրա մասերը WCAG-ի չափանիշներին համապատասխան կոնտրաստների հարաբերակցության համար:
Էլեկտրոնային առևտրի հասանելիություն. ճանապարհորդություն, ոչ թե նպատակակետ
Էլեկտրոնային առևտրի պատշաճ հասանելիության վրա հենց սկզբից կենտրոնանալը կարող է փրկել ձեզ շատ դժվարություններից: Այնուամենայնիվ, գոյություն ունեցող դիզայնը հասանելի դարձնելը կարող է շատ ավելի դժվար լինել:
Եթե ձեր կայքի կառուցվածքում կամ դիզայնում կտրուկ փոփոխություններ չեն կարող կատարվել, սկսեք կենտրոնանալով ձեր կայքի ամենակարևոր էջերի վրա՝ ձեր գլխավոր էջը, ապրանքի էջերը, գնումների զամբյուղի էջը և վճարման էջը:
Եվ հիշեք, որ ի վերջո, մատչելիությունը այն նպատակակետը չէ, որին հասնում եք և այլևս երբեք չեք մտածում: Փոխարենը, դա մշտական բարելավման ճանապարհորդություն է:
Փլագինները կարող են լինել այն վայրը, որտեղ դուք սկսում եք, բայց մենք խորհուրդ ենք տալիս խնայել և ներդրումներ կատարել համապարփակ աուդիտի համար՝ համոզվելու համար, որ ձեր կայքը հնարավորինս հասանելի է: Ի վերջո, հաշմանդամություն ունեցող ամերիկացիները կազմում են 480 միլիարդ դոլար կոլեկտիվ գնողունակություն, և նրանք արժանի են իրենց տանը զգալ էլեկտրոնային առևտրի կայքում, ինչպես ցանկացած այլ գնորդ:
Մինչ այդ, հետևեք այս ուղեցույցի խորհուրդներին՝ անդրադառնալու ձեր կայքի համար մատչելիության ամենացածր պտուղներին և ստեղծեք ռազմավարական ճանապարհային քարտեզ գալիք ամիսների և տարիների համար:
Հյուր հեղինակ. Ձեռնարկատեր և թվային շուկայավարող Մայք Բելասկոն եղել է ընկերության հիմնադիրն ու գործադիր տնօրենը էլեկտրոնային առևտրի թվային շուկայավարման գործակալություն Inflow 2007 թվականից: Նրա անցյալը որպես վեբ ծրագրավորող և SEO փորձագետ ստեղծեց գործակալություն, որն աշխատել է խոշոր ապրանքանիշերի հետ, ինչպիսիք են Amazon-ը, Overstock.com-ը, Dish Network-ը և շատ ավելին: Այսօր Մայքը ղեկավարում է ավելի քան 25 PPC, SEO և փոխակերպման օպտիմիզացման մասնագետների թիմը՝ որպես բուտիկ, լիովին հեռահար էլեկտրոնային առևտրի մարքեթինգային գործակալություն:
Անվճար ներբեռնում
Վեբ վարպետների համար վեբ կայքի արագության վերջնական ուղեցույց