Մատչելիությունկազմված է 2026.06
Կառուցված է՝ օգտագործելու համար։
the wingman project-ը ստեղծում է աղմկոտ, գույնով հագեցած, անիմացված աշխատանքներ։ Այդ ամենը քիչ բան արժե, եթե Դուք չեք կարող այն կարդալ, հասնել դրան կամ ստեղնաշարով անցնել դրա միջով։ Այս էջը պարզ ասում է, թե ինչ ենք անում մատչելիության համար, ինչ դեռ չենք անում և ինչպես մեզ ասել, երբ ինչ-որ բան խանգարում է Ձեզ։
նկ. 01. ֆոկուսի օղակը, երբեք թաքնված
Մեր հանձնառությունը
Մենք կարծում ենք, որ մատչելիությունը արհեստ է, ոչ թե համապատասխանության թղթաբանություն։ Էջը, որն աշխատում է միայն որոշ այցելուների համար, անավարտ էջ է։ Ուստի մատչելիությունը մեր կառուցելու ձևի մասն է (հենց դիզայն-համակարգի մեջ, ոչ թե հետո կցված), և յուրաքանչյուր նոր էջ, որ թողարկում ենք, պահվում է ստորև նշված չափանիշներին։
Մենք չենք ձևացնի, թե աշխատանքն ավարտված է։ Ավարտված չէ։ Բայց ահա թե ճիշտ որտեղ է այն այսօր։
Ինչ է արված այսօր
- 01
Անցման հղում և ուղենիշներ
Յուրաքանչյուր էջ սկսվում է «անցնել բովանդակությանը» հղումով, որը հայտնվում է ստեղնաշարի ֆոկուսն ստանալու պահին, իսկ բովանդակությունը գտնվում է պատշաճ
mainուղենիշի մեջ՝ հայտարարված փաստաթղթի լեզվով։ - 02
Նվազեցված շարժում՝ հարգված
Կայքը դիտավորյալ անիմացիայով առաջ է գնում, և շարժումը ենթակա է Ձեր համակարգի
prefers-reduced-motionկարգավորմանը։ Մեր ոճաթերթերը (ներառյալ նավիգացիան) պարունակում են նվազեցված շարժման կանոններ, որոնք անջատում են անիմացիան, երբ Դուք հանգստություն եք խնդրել։ - 03
Տեսանելի ստեղնաշարային ֆոկուս
Որտեղ ոճավորում ենք ֆոկուսը, օգտագործում ենք
:focus-visible, որպեսզի ստեղնաշարով օգտվողները հստակ օղակ տեսնեն. նավիգացիոն մենյուն և կապի ձևն ունեն հատուկ ֆոկուսի վիճակներ, և մենք երբեք ամբողջ կայքում չենք հեռացնում դիտարկիչի ֆոկուսի ցուցիչը։ - 04
Հպման թիրախներ, որոնց կարելի է դիպչել
Նավիգացիոն հղումները, կոճակները և ձևի տարրերը կառուցված են առնվազն 44 պիքսել հպման թիրախով։ Բութ մատները ճշգրիտ գործիքներ չեն, և մենք նախագծում ենք՝ դա իմանալով։
- 05
Պիտակավորված ձևեր, իրական վերնագրեր
Մեր կապի ձևի յուրաքանչյուր դաշտ ունի ծրագրայնորեն կապված պիտակ (առանց «placeholder-ը պիտակի փոխարեն» հնարքների), և էջերն օգտագործում են վերնագրերի իմաստային հիերարխիա, ոչ թե ոճավորված div-եր։
- 06
Նվազագույն չափ բջջային տառատեսակի համար
Մեր տառաչափերի սանդղակը հոսուն է, և այն էջերը, որոնք հիմա կառուցում ենք, փոքր էկրանների վրա հիմնական տեքստն ու պիտակները պահում են առնվազն 11 պիքսել արտապատկերված չափով։
Որտեղ ենք թերանում՝ անկեղծորեն
Այս կայքը դիտավորյալ տեսողականորեն հարուստ է. նկարված դաշտեր, խիտ գծանկարներ, շատ շարժում։ Այդ հավակնությունը մատչելիության իրական աշխատանք է ստեղծում, և դրա մի մասը դեռ առջևում է.
- Կայքը մեծապես հենվում է անիմացիայի վրա։ Մենք այն պահում ենք նվազեցված շարժման նախապատվության հետևում, բայց եթե այդ նախապատվությունը միացրած չունեք, որոշ էջեր ծանրաբեռնված են։ Սա գիտակցված փոխզիջում է, և ելքն իրական է։
- Հին էջերի որոշ դեկորատիվ միկրոմակագրություններ ավելի փոքր են, քան 11 պիքսելանոց նվազագույնը, որին մենք այժմ հետևում ենք։ Մենք դրանք մաքրում ենք էջերի վերակառուցմանը զուգընթաց։
- Մենք հարյուրավոր հատուկ նկարազարդումներ ենք գծում և դեռ չենք ավարտել այլընտրանքային տեքստի ամբողջական ստուգումը նկարազարդումներով հարուստ բոլոր էջերում։
- Հատուկ ֆոկուսի ոճավորումը կա այնտեղ, որտեղ ամենից շատ է կարևոր (նավիգացիա և ձևեր), բայց դեռ միատեսակ չէ յուրաքանչյուր էջի յուրաքանչյուր ինտերակտիվ տարրի համար։
Նպատակը
Մենք աշխատում ենք ամբողջ կայքում WCAG 2.2 AA-ին հասնելու ուղղությամբ։ Այս ձևակերպումը դիտավորյալ է. մենք համապատասխանության հավաստագիր չենք հայտարարում և չենք անի դա, մինչև պնդումը ճիշտ չլինի ամենուր, ոչ միայն մեր լավագույն էջերում։ Չափանիշը շարժման ուղղությունն է, որը ստուգվում է իրական էջերի վրա ամեն անգամ, երբ վերակառուցում ենք մեկը։
Խոչընդո՞տ եք հանդիպել։ Ասեք մեզ։
Եթե այս կայքում որևէ բան դժվար է կարդալ, դժվար է հասնել դրան կամ դժվար է կառավարել (էկրանի ընթերցիչով, ստեղնաշարով, հատուկ անջատիչով, բութ մատներով, ինչով էլ լինի), մենք իսկապես ուզում ենք իմանալ։ Գրեք մեզ և նկարագրեք, թե ինչ է պատահել և որտեղ։ Մենք կպատասխանենք, և եթե դա մի բան է, որ կարող ենք ուղղել, կուղղենք։
hello@thewingmanproject.com