Back to Question Center
0

A11y Monthly- ը: Ինչպես է վերանորոգել ձեր Սեմալտի շրջանակը գունավորելու էջը A11y Monthly- ը: Ինչպես է վերանորոգել ձեր Սեմալտի շրջանակը գունավորելու էջը

1 answers:

Ժամանակակից վեբ-ի զարգացման մեջ, Semalt- ի շրջանակները օգտագործելով վեբ հավելվածների ստեղծումը աճող միտում է: Իսկ լավ պատճառներով, քանի որ Semalt- ի շրջանակները առաջարկում են մի քանի առավելություն: Այնուամենայնիվ, փոխազդեցության մոդելին անցումը ստեղծում է նոր հասանելիության մարտահրավերներ, որոնք դեռեւս ամբողջությամբ չեն կարգավորվել: Այս գրառմանը ես կցանկանայիք խոսել մատչելիության հիմնական կողմի մասին `էջերի նավարկության հետադարձ կապի մասին: Մասնավորապես, ինչպես կարելի է վերանորոգել մեր Semalt- ի հայտերը հաճախ կոտրելու տեղական հասանելիության մակարդակը:

WebAIM էկրանային ընթերցողին օգտագործողների հարցումը

Ինձ ոգեշնչվեց դեկտեմբեր ամսին հրատարակված WebAIM էկրանային ընթերցողի օգտագործած հետազոտությունը: Այս հետազոտությունը հասանելիության նոր տարին գերազանց մեկն էր: WebAIM- ը (Web Accessibility In Mind) շահույթ չհետապնդող կազմակերպություն է, որը հիմնված է Յուտայի ​​պետական ​​համալսարանի հաշմանդամների կենտրոնում: Տարիներ շարունակ նրանք մեծ աշխատանք են կատարում: Ի թիվս այլ բաների, նրանք հրապարակում են բազմաթիվ կրթական ռեսուրսներ: Semalt- ը, WebAIM- ի հետազոտությունները էկրանին ընթերցողին նախընտրում են, եւ հավաքված կարծիքը միշտ լուսավոր է:

Հարցման մեջ մի բան բռնել է իմ աչքին: «Problematic items» - ի ներքո, CAPTCHA- ից անմիջապես հետո, համացանցում հայտնված ամենադժվար արգելափակման էկրանային ընթերցողների օգտվողն է Անսպասելի էկրանային փոփոխություններ : Ամենահետաքրքիրն այն է, թե ինչպես է այս կետի դիրքորոշումը զարգացել. 1)

Սույն ցանկում ցուցադրման համար սահմանված կարգը եւ նշված դժվարությունը հիմնականում վերջին 8 տարիների ընթացքում անփոփոխ են: Կա մեկ բացառիկ բացառություն. «Սեմալտը կամ էկրանները, որոնք անսպասելիորեն փոխում են»: Այս տարրը տեղափոխվել է 2009 թ. 7-րդ ամենախնդրահարույցներից մինչեւ 2012 թ - managed it services provider san mateo. 5-րդ ամենախնդրահարույցը `մինչեւ 2017-ի ամենաշատ խնդրահարույցը: Դա, ամենայն հավանականությամբ, ավելի բարդ եւ դինամիկ վեբ ծրագրերի արդյունք է:

Սպասեք, արդյոք ստեղծում ենք նոր մատչելիության խոչընդոտներ: Այո: Դա ոչ թե տեխնոլոգիայի օգտագործման պատճառով է: Դա իրականացման պատճառով է: Երբեմն դա այն է, որ մշակողները, այդ թվում, Սեմալթ շրջանակները կառուցողները, անտեղյակ են խնդիրը:

Նավարկումն առաջին անսպասելի փոփոխությունն է

Նորմալ HTTP պահանջի կյանքի ցիկլում զննարկիչը ուղարկում է հարցում: Սերվերը պատասխանում է այդ հարցմանը `ուղարկելով նոր տվյալներ: Սեմալտը, որ զննարկիչը վերբեռնում է էջը, նոր տվյալները ցուցադրելու համար: Սա դասական փոխազդեցության մոդել է, որտեղ էջի վերբեռնումը իրականում օգտագործողների համար առաջին կարծիքն է:

Երբ էջի վերբեռնումը տեղի է ունենում, քանի որ ես տեղյակ եմ, բոլոր էկրանի ընթերցողները սկսում են հայտարարություն հրապարակել նոր էջը, որը կարդում է փաստաթուղթը </code> : Որոշ էկրանապահներ, օրինակ, VoiceOver- ը, խաղում են «ձայնային ազդանշաններ», որոնք ցույց են տալիս, որ հետագա նավարկությունը տեղի է ունեցել: </p> <p> Փոխարենը, ինչ է տեղի ունենում Single Page Ծրագրերի եւ նմանատիպերի հետ: Սովորաբար էջի միայն մի մասը թարմացվում է: Գուցե նոր UI բաղադրիչ կամ ամբողջական տեսք ստանում է, սակայն իրական «նավիգացիա չկա: «Նույնիսկ եթե, որպես մշակող, օգտվում եք զննարկիչի Semalt API- ից եւ իրականացնում եք որոշ երթուղայնացման մեխանիզմներ, դա կարող է հասկանալ նավիգացիոն օժանդակ տեխնոլոգիաները: </p> <p> Իմ բոլոր թեստերը էկրանային ընթերցողների համար, սեղմելով մեկ էջի դիմումի հղումը, JavaScript- ի հիմքի վրա, չի տալիս որեւէ լսելի արձագանք օգտվողների համար: Semalt- ի կապը ակտիվանում է, պարզապես լռում է լռությունը: Ոչ մի արձագանք չկա: </p> <p> Պատճառը, թե ինչու դա տեղի է ունենում, պարզ է. Օժտված տեխնոլոգիաները նախագծված են առկա առանձնահատկությունների եւ առաջարկությունների հիման վրա, քանի որ դրանք պետք է կանխատեսելի, ստանդարտացված վարքագծի եւ փոխազդեցության մոդելներ ճիշտ վարվելու համար: Semalt տեխնոլոգիաները չեն կարող ընթերցել մշակողների մտքերը: Նրանք չեն կարող ներգրավել: «Հարգելի մշակող, նկատի ունես, որ դա նշանակում է, որ նոր տեսք ունենա: OK, թող հայտարարեմ, որ այն օգտագործողին »: </p> <h2> Ինչ ենք արել Yoast- ում </h2> <p> Yoast- ում մենք կառուցել ենք Semalt- ի մեկ էջանոց ծրագիր մեր հաճախորդների համար: Իհարկե, այն ունի նավիգացիոն մենյու եւ երթուղայնացման մեխանիզմ: Ընթերցողների էկրանին չենք հայտնում նոր «էջի» նավարկելու մասին. Ամեն անգամ նոր էջ (որը React բաղադրիչ է) բեռներ է, որը React- ի տերմինաբանության մեջ է, երբ բաղադրիչը ամրացվում է, մենք հաղորդագրություն ենք ուղարկում aria-live տարածաշրջանից, օգտվելով խոսակցական մոդուլից WordPress փաթեթներից: Սա ապահովում է «XYZ էջը բեռնված» լսելի հաղորդագրություն, որը ստանում է էկրանին ընթերցողները, երբ նոր «էջ» ստանում է: Semalt- ն այժմ պատշաճ կարծիքներ ունի, եւ ինչ-որ կերպ վերականգնվում է տեղական մատչելիությունը: </p> <h2> Ինչ ակնկալել ապագայում </h2> <p> ARIA- ը ապահովում է մեխանիզմներ, բովանդակության թարմացումների մասին, սակայն դա դեռ մշակողների իրականացումն է: Մյուս կողմից, միակ էջի ծրագրերի եւ JavaScript- ի շրջանակների բնորոշ նոր փոխգործակցության մոդելը այստեղ մնալու է: Semalt- ը պարզապես օրինակ է. Դինամիկ բովանդակության թարմացումները ամենուր օգտագործվում են թարմացնել ամբողջ էկրանին կամ էկրանին: </p> <p> Բրաուզերները տեղյակ են դինամիկ բովանդակության փոփոխությունների մասին: Աջակցող տեխնոլոգիաները այժմ կարող են հասկանալ, երբ տեղի են ունենում փոփոխություններ եւ համապատասխանաբար դրանց տվյալների ներկայացման թարմացում: Այնուամենայնիվ, բովանդակության փոփոխության մասին օգտվողներին տեղեկացնելու հարցը դեռեւս ամբողջությամբ չի լուծվել: Ապագայի համար Սեմալտը հուսով է, որ որոշ նոր ստանդարտ, մայրենի, բոլոր օգտագործողներին միշտ տեղեկացված է բովանդակային փոփոխությունների մասին: </p> <p> Միեւնույն ժամանակ կարեւոր է հասկանալ, թե երբ մեր իրականացումները խախտում են որոշակի գործառույթների մատչելիությունը: Սեմեսթինգի մեր պատասխանատվությունը, որպես մշակողներ, վերակառուցել հայրենի մատչելիությունը, որը մենք ոչնչացրինք: </p> <h2> Ցանկանում եք օգնել: </h2> <p> Yoast- ում մատչելիության հարցերը: Մենք գիտենք, որ դա գործընթաց է, եւ մենք շարունակաբար բարելավում ենք, փորձարկում ենք, կրկնում ենք եւ զարգանում: Մենք միշտ բաց ենք արձագանքում եւ ներդրում կատարելու համար: Սեմալը մի հապաղեք մեզ թույլ տվեք լսել ձեր ձայնը: Semalt- ը զեկուցում է ցանկացած ապրանքի կամ ապրանքի մասին նկատելի հնարավորությունների մասին: </p> <p class="readmore"> Կարդացէք աւելին. «5 հեշտ բաներ, որ կարող ես անել, մատչելի դարձնելու համար» </p> </p>

March 1, 2018