Կայքի տերերի, product manager-ների և QA-ի համար

Կայքերը ուղղված չեն մնում։ Մոնիտորինգ, որն ասում է՝ որ թողարկումն է կոտրել։

Վերասկանավորումներ, որոնք համեմատում են ձեր ելակետի հետ, ազդանշանում են հետընթացի, ոչ թե ամեն ինչի մասին, և անվանում են այն փոփոխությունը, որը խոչընդոտը ներմուծեց, ոչ միայն խոչընդոտը։

Սկսել մոնիտորինգը՝ անվճարՏեսնել՝ ինչպիսին է delta-ն

01 — Խնդիրը

Մոնիտորինգի մեծ մասը դադարում է աշխատել այն օրը, երբ ձեր թիմը դադարում է կարդալ այն։

Երեք ձախողման ձև, բոլորն էլ տարածված, և ոչ մեկը սկանավորման շարժիչի մասին չէ։

Ծավալը՝ շփոթված մանրակրկտության հետ

Ոճաթերթի մեկ ցածր կոնտրաստի կանոնը դառնում է չորս հարյուր գտածո չորս հարյուր գրառումում։ Դա մեկ CSS տող է, ոչ թե չորս հարյուր վթար — բայց չորս հարյուր հաշված այն հաշվետվությունը դարձնում է սպառիչ, իսկ փոստարկղը՝ անհնարին։

False positive-ներ, որոնք ձեր թիմը պետք է տեսակավորի

Սա փաստագրված է հենց հաճախորդների կողմից, ոչ մեր։ Այովայի համալսարանը հրապարակում է հոդվածներ, որոնք բացատրում են իր մոնիտորինգի հաշվետվությունների տարածված false positive-ները և ինչպես հասկանալ՝ արդյոք գործողություն է պետք։ Ուորվիքի համալսարանը հրապարակել է իր իսկ ձևանմուշներում հայտնաբերած false positive-ները։ Դրանցից յուրաքանչյուրը աշխատակիցների ժամանակ է, ծախսված գտածոյի վրա, որը երբեք իրական չի եղել։

Բարձրացող գիծ, որը թաքցնում է իջնող հատակը

Ընդհանուր միավորը կարող է 70-ից բարձրանալ 85, մինչ checkout-ը լուռ դառնում է անօգտագործելի էկրանի ընթերցիչով, որովհետև checkout-ը մի քանի էջ է հարյուրավորների միջինի ներսում։ Միջինները շարժվում են ծավալից։ Խոչընդոտները տեղի են ունենում կոնկրետ ուղիներում։

Տիպիկ շաբաթական ամփոփում — աղմուկ

  • 1.4.3Ցածր կոնտրաստ — 412 դեպք
  • 1.1.1Բացակայող alt — 88 դեպք
  • 2.4.4Անհասկանալի հղման տեքստ — 240 դեպք
  • …և ևս 47 կատեգորիա
  • ≡Նույնը, ինչ անցյալ շաբաթ

Չորրորդ շաբաթ. կանոն, որը սա ուղարկում է թղթապանակ, որը ոչ ոք չի բացում։

Ինչ ենք ուղարկում փոխարենը — ազդանշան

  • NEWՄենյուի կոճակը կորցրեց expanded վիճակը — Theme 2.4
  • 4.1.2Կրիտիկական · nav .menu-toggle · ծրագրավորող

Մյուս 46 բաց խնդիրը չի փոխվել և սպասում է հաշվետվությունում։ Նրանց հետ նոր բան չի եղել, ուստի նրանց մասին ոչինչ չի ուղարկվել։

02 — Delta

Ընտրեք թողարկում։ Տեսեք՝ ինչ փոխեց այն։

Սա ամբողջ գաղափարն է, ուստի ահա այն՝ աշխատող վիճակում, ոչ թե նկարագրված։ Չորս deploy մեկ կայքում՝ հինգ շաբաթում։

Ընտրեք թողարկում

16 հուլիս — Theme 2.4 · ազդանշանը գործեց

+2 նոր−0 փակված45 անփոփոխ

  • Կրիտիկական։ Նավիգացիայի մենյուի կոճակը այլևս չի հաղորդում՝ բացված է թե ոչ, ուստի էկրանի ընթերցիչի օգտատերը չի կարող հասկանալ՝ մենյուն բացվե՞ց։4.1.2 Name, Role, Value · nav .menu-toggle · բոլոր էջերում
  • Լուրջ։ Ֆոկուսի ուրվագիծը հեռացվել է հիմնական կոճակներից նոր ոճաթերթով։2.4.7 Focus Visible · .btn-primary:focus · 12×

Ելակետը արժե գրանցել մինչ շտկման սկսելը։ Առանց դրա «մենք բարելավեցինք»-ը հայտարար չունի։

03 — Կառուցված է շարունակական թողարկման համար

Ուր են գնում ազդանշանները, և ով որն է ստանում։

Փաթեթի հասանելիությունը նշված է յուրաքանչյուր կետի վրա, որովհետև հետո իմանալը ավելի վատ է, քան հիմա։

  • Պլանավորված վերասկանավորումներ

    Ավտոմատ վերասկանավորումներ ըստ ժամանակացույցի, հաճախականությունը՝ ըստ փաթեթի՝ օրական մեկ անգամ մեկնարկային փաթեթում, օրական երկու անգամ Scale-ում, շարունակական Infrastructure-ում։ Յուրաքանչյուր անցում համեմատվում է ձեր ելակետի հետ, ոչ թե դիտվում որպես նոր հետաքննություն։

    Անվճարից

  • Հետընթացի ազդանշաններ՝ միայն կրիտիկական

    Ծանուցումը գործում է, երբ նախկինում անցնողը դադարում է անցնել՝ հասցեով, տարրի selector-ով, WCAG չափանիշով, խստությամբ և նշումով՝ արդյոք ուղղումը ծրագրավորող է պահանջում։ Անփոփոխ գտածոները մնում են հաշվետվությունում և ոչինչ չեն առաջացնում։

    Անվճարից

  • Ticket-ներ ձեր համակարգում

    Ծրագրավորողի կողմի հետընթացները արտահանվում են Jira, GitHub, Trello կամ Asana՝ selector-ով և շտկման նշումով մարմնում, ուստի տեսակավորումը դառնում է գնահատում, ոչ հետաքննություն։

    Անվճարից

  • Սկան՝ գործարկված ձեր pipeline-ից

    Գործարկեք սկան CI/CD-ից հենց deploy-ի պահին և կանգնեցրեք build-ը նոր կրիտիկական գտածոյի դեպքում։ Ուղիղ ասենք՝ CLI-ն, custom API-ն և webhook-ները այսօր Infrastructure փաթեթում են։ Եթե pipeline-ից գործարկվող սկանավորումն է ձեր այստեղ լինելու պատճառը, ասեք — դրա ծրագիրը որոշվում է նրանով, թե քանի թիմ է հարցնում։

    Infrastructure

  • Ամսաթվերով աուդիտի պատմություն

    Յուրաքանչյուր սկան ամսաթվավորվում և պահվում է, ներառյալ այն անցումները, երբ վիճակը վատացել է։ Եթե երբևէ հայց գա, թղթապանակում արդեն կա շարունակական, փաստագրված ջանքի գրանցում, ոչ թե հետո կազմված վերակառուցում։

    Վճարովի
  • Jira
  • GitHub
  • Trello
  • Asana

04 — Ազնիվ խոստումը

Ինչ կարող է և ինչ չի կարող ավտոմատ մոնիտորինգը։

Կբռնի

  • alt ատրիբուտ, որը անհետացել է ձևանմուշի փոփոխությունից
  • Ձևի տարր, որը կորցրել է իր ծրագրային պիտակը
  • Կոնտրաստ, որը շեմից ցած է իջել գունապնակի փոփոխությունից հետո
  • Անվավեր կամ հեռացված ARIA, ներմուծված plugin-ի թարմացումից

Չի ասի ձեզ

  • Արդյոք նոր alt տեքստը իրականում նկարագրում է նկարը
  • Արդյոք էկրանի ընթերցիչի օգտատերը կարող է ավարտել ձեր վերանախագծված checkout-ը
  • Արդյոք ֆոկուսի հերթականությունը դեռ իմաստալից է այն հետևողի համար
  • Արդյոք սխալի հաղորդագրությունը բացատրում է՝ ինչպես վերականգնվել

Ինչու ենք այսքան զգույշ ձևակերպումների հարցում

2025-ի հունվարին ԱՄՆ Դաշնային առևտրի հանձնաժողովը բողոք ներկայացրեց մեր իսկ կատեգորիայի մատակարարի դեմ՝ պնդումների համար, թե իր գործիքը կարող է ցանկացած կայք WCAG-համապատասխան դարձնել. 2025-ի ապրիլին հաստատված վերջնական որոշումը պահանջեց 1 միլիոն դոլարի վճարում (FTC-ի գործ 2223156 (բացվում է նոր ներդիրում))։ FTC-ի բողոքն ասում էր, որ արտադրանքը չի կարողացել հասանելի դարձնել հիմնական բաղադրիչները՝ նավիգացիոն մենյուներ, ձևի դաշտեր, նկարների նկարագրություններ։ Առանձին՝ UsableNet-ը հաշվել է 119 պատասխանող, որոնց դեմ միայն 2025-ի մայիսին հայց է ներկայացվել՝ արդեն երրորդ կողմի հասանելիության վիջեթ օգտագործելիս (UsableNet-ի 2025-ի միջանկյալ հաշվետվություն (բացվում է նոր ներդիրում))։ Մենք նույնպես վիջեթ ենք վաճառում։ Հենց դրա համար այս էջում ոչինչ չի ասում, թե մոնիտորինգը ձեզ համապատասխան է դարձնում, և հենց դրա համար յուրաքանչյուր գտածո պիտակավորված է՝ վիջեթով լուծելի, թե միայն ծրագրավորողի։

Ավտոմատ ստուգումը հուսալիորեն հայտնաբերում է WCAG 2.2 AA չափանիշների 30–50%-ը։ Մոնիտորինգը այն է, ինչով պահում եք ավտոմատացվող այդ մասը կայուն մարդկային աուդիտների միջև — այն դրանց փոխարինող չէ։ Այն, ինչ ավելացնում է մեր մոնիտորինգը, ազդանշանն է. երբ սկանը հայտնաբերում է, որ հիմնական ուղին վերակառուցվել է, այն նշում է, որ մարդկային վերաուդիտի ժամանակն է, ոչ թե թողնում, որ կանաչ վահանակը ակնարկի, թե ոչինչ չի փոխվել։

05 — FAQ

Հարցեր՝ անկեղծ պատասխաններով։

Որքա՞ն հաճախ սկանավորենք։

Համապատասխանեցրեք այն կայքի փոփոխման հաճախականությանը, ոչ թե ձեր անհանգստության մակարդակին։ Խանութը կամ վեբ-հավելվածը, որը շաբաթը մեկ թողարկում է, շահում է յուրաքանչյուր թողարկման սկանից։ Մարքեթինգային կայքը, որը ամսական մի քանի գրառում է հրապարակում, օրական սկանից ավելի արժեք չի ստանում — ավելի շատ նամակ է ստանում։ Եթե վստահ չեք, սկսեք ձեր փաթեթի ժամանակացույցից և ավելացրեք միայն այն ժամանակ, երբ հետընթացը վրիպի։

Սկանավորումը կծանրաբեռնի՞ մեր սերվերները կամ կխեղաթյուրի՞ վերլուծությունը։

Մեր սկաները էջեր է հարցում այնպես, ինչպես crawler-ը, ձեր վերահսկած ժամանակացույցով, ուստի ծանրաբեռնվածությունը կախված է էջերի քանակից և հաճախականությունից։ Եթե խոշոր կայքում սերվերի բեռը մտահոգում է, ասեք մինչ ժամանակացույցը սահմանելը, և կչափենք այն ձեզ հետ։ Վերլուծության մասին. ցանկացած crawler կարող է հայտնվել ձեր հաշվետվություններում, եթե բացառված չէ, ուստի խնդրեք մեզնից մեր սկաների ուղարկած ճշգրիտ նույնացուցիչները և զտեք դրանցով։ Նախընտրում ենք տալ ձեզ բան, որը կարող եք ստուգել ձեր իսկ հաշվետվություններում, քան հանգստացում, որը պետք է հավատով ընդունեք։

Կոնկրետ ի՞նչ է գալիս, երբ կրիտիկական հետընթաց է հայտնաբերվում։

Նամակ՝ էջի հասցեով, տարրի selector-ով, WCAG չափանիշով, խստությամբ, նշումով՝ արդյոք ուղղումը ծրագրավորող է պահանջում, և շտկման ուղեցույցով՝ framework-ին համապատասխան, երբ գիտենք ձեր stack-ը։ Բավական է ֆայլը բացելու և սկսելու համար՝ առանց նախ վահանակը բացելու։ Տալիս ենք selector, ոչ թե տողի համար, որովհետև սկանավորում ենք արդեն render արված էջերը և ձեր source-ը չենք տեսնում։

Իսկ երրորդ կողմի վիջեթները, որոնք մեր վերահսկողության տակ չեն։

Չաթի գործիքները, վճարային iframe-երը և ներդրված մեդիան փոխվում են առանց ձեզ հարցնելու, և դրանք հետընթացների իրական ու տարածված աղբյուր են։ Երրորդ կողմի բովանդակությունից բխող գտածոները հաշվետվությունում նշվում են որպես այդպիսին, ուստի կարող եք հարցը գրավոր բարձրացնել այդ մատակարարի հետ, փոխանակ մեկ sprint ծախսելու այն ձեր իսկ կոդում փնտրելու վրա։ Թե ինչ պարտավորություններ ունեք երրորդ կողմի բովանդակության համար, կախված է ձեր իրավասությունից և պայմանագրերից — այդ մասը ձեր իրավաբանի հարցն է, ոչ մերը։

Մոնիտորինգը պահու՞մ է մեզ համապատասխան։

Ոչ։ Մոնիտորինգը պահում է ձեզ տեղեկացված, ինչը այլ և ավելի օգտակար բան է։ Այն հայտնաբերում է հետընթաց WCAG-ի մեքենայորեն ստուգելի մասում, գրանցում է՝ ինչ և երբ է եղել, և ասում է, երբ մարդկային աուդիտի ժամանակն է։ Այն ձեր կայքը համապատասխան չի դարձնում, իրավական անձեռնմխելիություն չի տալիս, և մաքուր վահանակը համապատասխանության հայտարարություն չէ։ Այն, ինչ ստեղծում է, փաստագրված, շարունակվող ջանքի ապացույցն է — դա արժեքավոր է և անձեռնմխելիություն չէ։

Բռնեք խափանումը ձեր այցելուներից շուտ։

Կարգավորեք մոնիտորինգը երկու րոպեից պակասում։ Առանց քարտի, առանց ժամկետի, առանց վաճառքի զանգի։

Սկսել մոնիտորինգը՝ անվճարՆախ սկանավորել կայքը

Ելակետը այսօր, և դրանից հետո յուրաքանչյուր սկան չափվում է իրական բանից։