Ձեր կայքը հասանելի դարձնել հաշմանդամների համար

Ներգրավել ավելի շատ ընթերցողներ այն կայքով, որը համապատասխանում է բոլորի կարիքներին

Ձեր կայքը մատչելի դարձնելով հաշմանդամություն ունեցող անձանց, դուք վերջանում եք դարձնելու հասանելի բոլորին: Իրականում, ձեր կայքի առավել մատչելի դարձնելը կարող է նույնիսկ օգնել մարդկանց գտնել ձեր կայքի որոնման համակարգերում: Ինչու: Քանի որ որոնիչները օգտագործում են մի քանի նույն ազդանշանները, որոնք էկրանին ընթերցողները անում են, որպեսզի գտնեն եւ հասկանան ձեր կայքի բովանդակությունը:

Բայց ճիշտ ինչպես եք դարձնում հասանելի կայք, առանց դառնալ կոդավորման փորձագետ:

Ահա մի քանի խորհուրդներ եւ հնարքներ, որոնք գրեթե բոլորը, HTML- ի գիտելիքներով, կարող են օգտագործել իրենց կայքի հասանելիությունը բարելավելու համար:

Վեբ մատչելիության գործիքներ

W3C- ն ունի վեբ հասանելիության գործիքների ֆանտաստիկ ցանկ, որը դուք կարող եք օգտագործել որպես վահանակ `ձեր կայքի հետ կապված հնարավոր խնդիրների տեղին: Դա ասել է, ես դեռ խորհուրդ եմ տալիս ուսումնասիրել մի էկրանին ընթերցող եւ զգալ այն ինքներդ:

Ինչ վերաբերում է օժանդակ տեխնոլոգիային եւ ինչպես է այն աշխատում:

Հասկանալ էկրանային ընթերցողներին

Ձեր կայքի հասանելիության բարելավման ամենակարեւոր ձեւերից մեկն այն է, որպեսզի համոզվեք, որ այն կարող է ընկալվել էկրանի ընթերցողների կողմից: Էկրանի ընթերցողները օգտագործում են սինթեզված ձայն, էկրանին տեքստը կարդալու համար: Դա բավականին պարզ է հնչում. սակայն, էկրանին ընթերցողները չեն կարող հասկանալ ձեր կայքի այն ձեւը, որը դուք ունեք:

Առաջին բանը, որ դուք կարող եք անել, փորձեք էկրանը ընթերցողին եւ տեսեք, թե ինչպես է այն անցնում: Եթե ​​դուք Mac- ում եք, փորձեք օգտվել VoiceOver- ից:

1. Գնալ System Preferences- ում:
2. Ընտրեք Մատչելիություն:
3. Ընտրեք VoiceOver:
4. Ստուգեք տուփը `VoiceOver- ին միացնելու համար:

Դուք կարող եք այն փոխարկել եւ անջատել command-F5- ը:

Եթե ​​դուք Windows- ի մեքենայում եք, կարող եք ներբեռնել NVDA- ն: Դուք կարող եք սահմանել այն, որպեսզի անջատեք եւ անջատեք դյուրանցման վերահսկողության + alt + n- ը:

Էկրանի ընթերցողներն աշխատում են այնպես, որ օգտագործողը նավարկելու է ստեղնաշարի միջոցով (սա իմաստ է, եթե տեսնեք, օգտագործելով մկնիկը մարտահրավեր է) եւ ստեղծելով ուշադրության կենտրոնում նավարկություն: Խոսքը հիմնականում այն ​​է, երբ ստեղնաշարը «մատնանշված է», բայց սովորաբար դրված է որպես կցորդի փոխարեն կենտրոնացված օբյեկտի վրա ընդգծված տուփ:

Դուք կարող եք փոխել ինչպես ձայնային դաշտը, այնպես էլ արագությունը, որով ձայնը կարդում է, եթե նախնական պարամետրերը զայրացնում են (եւ ստանդարտ դանդաղ ձայնի ընթերցումը լսելու մոտ հինգ րոպեից հետո սովորաբար դրանք են): Կույր մարդիկ սովորաբար կարդում են վեբ կայքեր, որոնք իրենց էկրանին ընթերցողներն են `բարձր արագությամբ:

Այն կարող է օգնել ձեր աչքերը փակելիս, ինչպես դա անում եք, բայց դա կարող է նաեւ օգնել նրանց բաց պահել եւ համեմատել: Որոշ բաներ, որոնք դուք կարող եք անմիջապես նկատել, երբ փորձում եք լսել ձեր կայքը, այն է, որ որոշ տեքստը կարող է պատվերից դուրս լինել: Վերնագրերը եւ սեղանները կարող են խճճվել: Պատկերները կարող են բաց թողնել կամ կարող են ասել, որ «պատկեր» կամ ինչ-որ բան հավասարապես բացակայում է: Աղյուսակները հակված են կարդալ որպես մի շարք ապրանք առանց համատեքստում:

Դուք կարող եք, հուսով եմ, շտկել դա:

Alt-Tags կամ այլընտրանքային հատկանիշ

Ներդիրը կամ այլընտրանքային (alt) հատկանիշը HTML- ում օգտագործվում է նկարը նկարագրելու համար: HTML- ում դա նման է հետեւյալ կերպ.

Նույնիսկ եթե դուք ձեր կայքը դարձնում եք տեսողական գործիք, որը թաքցնում է ձեր HTML կոդը, դուք գրեթե միշտ հնարավորություն կունենաք մուտք գործել նկար նկարագրություն: Դուք կարող եք ոչինչ չասել (alt = ""), բայց իսկապես ավելի լավ կլիներ, որ յուրաքանչյուր պատկեր ներկայացնեք օգտակար նկարագրությունը: Եթե ​​դուք կույր եք, ապա ինչ պետք է իմանաք պատկերի մասին: «Կինը» շատ օգնություն չէ, բայց գուցե «Կինը նկարում է նախագծման հոսքի աղյուսակը, ներառյալ մատչելիությունը, հարմարավետությունը, բրենդը եւ դիզայնը»:

Վերնագիր տեքստը

Կայքերը միշտ չէ, որ ցուցադրվում են HTML- ի վերնագրի տեքստը, բայց դա օգտակար է էկրանի ընթերցողների համար: Համոզվեք, որ Ձեր կայքի էջերից յուրաքանչյուրը ունի նկարագրական (բայց ոչ չափազանց մանրամասն) վերնագիր, որը այցելուներին պատմում է, թե ինչ է էջը:

Տեղեկացրեք Ձեր կայքի լավ տեղեկատվության հիերարխիան

Տեքստերի խոշոր կտորները կոտրեք վերնագրերով, եւ, հնարավորության դեպքում, օգտագործեք վերնագրերը համապատասխան H1, H2, H3 հիերարխիա: Ոչ միայն այն դարձնում է ձեր կայքը հեշտ էկրանի ընթերցողների համար, դա հեշտացնում է բոլորի համար: Այն նաեւ մեծ ազդանշան է Google- ի եւ այլ որոնիչների համար `օգնելով նրանց ավելի լավ ինդեքսավորել ձեր կայքը:

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

Դարձնել ավելի լավ սեղաններ

Եթե ​​դուք օգտագործում եք HTML աղյուսակները, կարող եք ավելացնել վերնագրերը ձեր աղյուսակներում, օգտագործելով պիտակը, որպեսզի դրանք հեշտությամբ հասկանան էկրանի ընթերցողներին, այլ ոչ թե պարզապես տեքստի տիտղոսը դարձնելու համար: Դուք նաեւ կարող եք ավելացնել «շրջանակ» տարրը եւ հստակորեն նշեք ձեր սեղանի մեջ նոր շարքեր եւ սյուներ, որպեսզի էկրանին ընթերցողները ոչ թե պարզապես աղմկահարույց սեղանի բջիջների շարասյունը չեն թողնում առանց համատեքստ տալ:

Ստեղնաշար նավիգացիա

Ընդհանրապես, ձեր կայքում տեղադրած որեւէ բան պետք է լինի այն, ինչ որ մեկը կարող է աներկբա անել միայն ստեղնաշարի օգտագործումը: Դա նշանակում է, որ ձեր նավարկղային կոճակները չպետք է անիմացիոն կաթիլային կոճակներ չլինեն, եթե դրանք չեք կարող օգտագործել էկրանին ընթերցողի հետ (փորձեք այն եւ տեսնեք, թե արդյոք վստահ չեք, որոշ կոճակները ծրագրավորված են ստեղնաշարի օգտագործման համար):

Փակ վերնագրեր

Եթե ​​ձեր կայքը վիդեո կամ աուդիո տարրեր ավելացնեք, ապա դրանք պետք է ունենան վերնագրեր: HTML5- ը եւ բազմաթիվ վիդեո հոսքային ծառայություններ (ինչպես YouTube- ում) առաջարկում են փակ վերնագիր աջակցություն: Փակագրված նկարները օգտակար են ոչ միայն մատչելիության համար, այլեւ այն օգտվողների համար, ովքեր կարող են դիտել ձեր կայքէջը այնտեղ, որտեղ նրանք չեն կարողանում լսել ձայնագրություններ, ինչպիսիք են գրասենյակում կամ աղմկոտ վայրում:

Ձայնագրությունների կամ այլ աուդիո տարրերի համար դիտեք տեքստային տեքստը: Ոչ միայն օգտակար է այն մարդկանց համար, ովքեր չեն կարող լսել ձայնը, տեքստ ունենալը հեշտացնում է Google- ի եւ այլ որոնիչների համար այդ բովանդակությունը ցուցաբերելու եւ ձեր Google- ի դասակարգմանը :

ԱՐԻԱ

Եթե ​​ցանկանում եք գնալ առաջադեմ մակարդակի հասանելիության մակարդակ, HTML5 ARIA կամ WAI-ARIA- ի առանձնահատկությունները նպատակ են հետապնդում նոր ստանդարտ առաջ գնալ: Այնուամենայնիվ, սա բարդ է (եւ զարգացող) տեխնիկական ձեռնարկ, ուստի այն, ինչ կարող ես անել, օգտագործում է ARIA վավերացնողը, որպեսզի ստուգի, թե արդյոք ձեր կայքը ունի որեւէ խնդիր, որը դուք կարող եք դիմել: Mozilla- ն ունի նաեւ ավելի մատչելի ուղեցույց, ARIA- ով սկսելու համար: