FlexAccesses-ի փաստաթղթեր

Ներածություն

FlexAccesses-ը օգնում է գտնել, ուղղել և փաստագրել վեբ-հասանելիության խնդիրները։ Այն միավորում է երեք բան. ընտրովական կայքի widget, ավտոմատ scanner, և փորձագիտական ձեռքով աուդիտներ։

Արագ մեկնարկ

Ամենաարագ ճանապարհը «պետք է հասանելիությանը նայենք»-ից մինչ պաշտպանելի դիրք.

1. Գործարկիր սկան ամենակարևոր էջերիդ վրա (գլխավոր, ապրանք/ծառայություն, վճարում կամ կապ)։ Տես Սկան գործարկել։
2. Անցիր checklist-ով այն ամենի, ինչ սկանը չի կարող գնահատել։ Տես Checklist-ի օգտագործում։
3. Ուղղիր և վերաթեստավորիր, ապա դիտարկիր ձեռքով աուդիտ բարձր-ռիսկային հոսքերի համար։
4. Հրապարակիր ազնիվ հայտարարություն գեներատորով։

Widget-ը ընտրովական է և կարելի է ավելացնել ցանկացած պահի — այն օգտագործման շերտ է, ոչ համապատասխանության քայլ։ Տես Ինչ է անում / ինչ՝ ոչ։

Ինչպես են մասերը կապվում

Ամեն մասը մի ուրիշ բան է ծածկում։ Սահմանները իմանալը քո պնդումները ազնիվ է պահում։

Վերջում՝ հասանելիության հայտարարությունը հրապարակայնորեն փաստագրում է կարգավիճակդ — այն զեկուցում է վերևի աշխատանքի արդյունքը, ոչ փոխարինում այն։

Widget-ը. ինչ է անում / ինչ՝ ոչ

Ինչ է անում. այցելուներին տալիս է էջի կառավարումներ՝ իրենց փորձը հարմարեցնելու — տեքստի չափ, բացատներ, կոնտրաստ-թեմաներ, նվազեցված շարժում։ Որոշ օգտատերերի համար սրանք իրական օգնություն են։

Ինչ չի անում. չի վերաշարադրում քո HTML-ը, չի ավելացնում ճիշտ alt, չի ուղղում ստեղնաշարի թակարդներ, և կայքդ WCAG-ին համապատասխան չի դարձնում։ Widget-ը «համապատասխանություն» համարելը հենց այն պնդումն է, որ overlay-վաճառողների դեմ կարգավորողի գործողությունների պատճառ է դարձել։ Օգտագործիր որպես հարմարության շերտ պատշաճ ուղղված կայքի վրա — երբեք ուղղումների փոխարեն։

Widget-ի տեղադրում

Ավելացրու script-ը կայքիդ HTML-ում, հենց </body>-ից առաջ, ամեն էջում, որտեղ ուզում ես երևա։

<!-- Example only — replace with your real snippet -->
<script
  src="https://cdn.flexaccesses.com/widget.js"
  data-site="YOUR_SITE_KEY"
  defer></script>

WordPress-ում, Shopify-ում և նմաններում կարող ես սա տեղադրել theme-ի footer-ում կամ «custom scripts» հատվածում։ Համոզվիր, որ բեռնվում է ամեն template-ում՝ ներառյալ վճարումն ու ձևերը։

Widget-ի կարգավորում

Տարբերակները սահմանվում են script-ի data- ատրիբուտներով։ Աղյուսակը ցույց է տալիս սպասվող տարբերակները — ընթացիկ, հեղինակավոր ցանկի համար ստուգիր dashboard-ը։

Սկան գործարկել

Բացիր scanner-ը, մուտքագրիր էջի URL և սկսիր։ Սկանավորիր ամենակարևոր template-ները — գլխավոր էջ, ներկայացուցչական բովանդակություն/ապրանք էջ, և ցանկացած ձև կամ վճարում — ոչ միայն գլխավորը։ Խնդիրների մեծ մասը կրկնվում է template-երով, ուստի մի քանի լավ ընտրված էջ շատ բան է ասում։

Հաշվետվությունը կարդալ

Հաշվետվությունը թվարկում է հայտնաբերված խնդիրները, սովորաբար խմբավորված ըստ լրջության և կապված համապատասխան WCAG չափորոշիչի հետ, էջի տեղով։ Սկսիր ամենալուրջ, ամենահաճախակի կետերից — հաճախ ցածր կոնտրաստ, բացակայող alt, չպիտակավորված ձևի դաշտեր, որոնք վեբի ամենատարածված ձախողումներն են։

Ինչ սկանը չի որսում

Սա ամենակարևորն է հասկանալ ցանկացած scanner-ի, ներառյալ մերի, մասին։ Ավտոմատ ստուգումը հուսալիորեն հայտնաբերում է WCAG 2.2 AA չափանիշների 30–50%-ը։ Կարող է հաստատել որոշ բաներ (բացակայող alt, ցածր կոնտրաստ, էջի բացակայող լեզու) և թեկնածուներ նշել մյուսների համար — բայց չի կարող գնահատել իմաստը կամ փորձը.

• Արդյոք alt-ը իսկապես նկարագրում է պատկերը
• Արդյոք էջն աշխատում է միայն ստեղնաշարով
• Արդյոք ընթերցման ու ֆոկուսի կարգը իմաստ ունեն
• Արդյոք սխալի հաղորդագրություններն իսկապես օգնում են

Ուստի մաքուր սկանը լավ սկիզբ է, ոչ համապատասխանության արդյունք։ Checklist-ը ամեն չափորոշիչ պիտակավորում է ավտոմատ/մասնակի/ձեռքով, որ տեսնես, թե որտեղ է սկսվում մարդկային աշխատանքը։

Remediation-հոսքը

Կրկնվող ցիկլ, որ հասանելիությունը մեկանգամյա իրարանցում չդարձնի.

1. Հայտնաբերիր — սկանավորիր ավտոմատ խնդիրները։
2. Վերանայիր — անցիր checklist-ի ձեռքով չափորոշիչներով՝ ստեղնաշարով և էկրան-ընթերցիչով։
3. Ուղղիր — շտկիր հիմքի HTML-ը, բովանդակությունն ու փոխազդեցությունները՝ ըստ դերի (դիզայն, ծրագր., կոնտենտ)։
4. Վերաթեստավորիր — հաստատիր ուղղումը և հետևիր հետընթացներին ամեն թողարկումից հետո։

Checklist-ի օգտագործում

Հասանելիության checklist-ը ծածկում է WCAG 2.2 Level A և AA-ի բոլոր 55 չափորոշիչները։ Ֆիլտրիր Ձեռքով՝ տեսնելու, ինչ սկանը չի հասնում, ֆիլտրիր ըստ դերի՝ ամեն գործընկերոջ տալու իր կետերը, և տպիր ամսաթվով գրառում։ Առաջընթացդ պահվում է բրաուզերում։

WCAG համապատասխանության մակարդակներ

WCAG-ը սահմանում է երեք մակարդակ. A (հիմնական), AA (որ շատ օրենքներ պահանջում են), AAA (ընդլայնված, հազվադեպ պահանջվող ամբողջ կայքով)։ ADA-ն ու EAA-ն ցույց են տալիս WCAG 2.1 AA-ին, Section 508-ը՝ 2.0 AA-ին — և քանի որ 2.2-ը հետընթաց համատեղելի է, 2.2 AA-ին ձգտելը բավարարում է այդ ելակետերը։ Մեր WCAG 2.2 ուղեցույցը բացատրում է մանրամասները։

Ձեռքով աուդիտներ

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

Աուդիտ պատվիրելու համար կապվիր աջակցության հետ՝ նշելով կայքդ և օգտատերերիդ համար ամենակարևոր հոսքերը։

Հայտարարություն & VPAT

Հասանելիության հայտարարություն. Հրապարակային էջ՝ նշելով նպատակային ստանդարտ, ընթացիկ կարգավիճակ, հայտնի սահմանափակումներ և հետադարձ կապ։ Կառուցիր գեներատորով — և նշիր կարգավիճակ, որի ետևում կանգնում ես, ոչ default-ով «լրիվ համապատասխան»։

VPAT. Voluntary Product Accessibility Template-ը փաստագրում է, թե ապրանքը ինչպես է բավարարում Section 508-ի պես ստանդարտներ, և հաճախ պահանջվում է ԱՄՆ կառավարական գնումներում։ Լրացված VPAT-ը (ACR) պետք է արտացոլի իրական թեստավորում։ Տես Section 508 ուղեցույցը։

Աջակցություն

Երրորդ կողմի լիցենզիաներ

Մեր սկաներն աշխատում է axe-core-ով՝ Deque Systems-ի ստեղծած՝ հասանելիության կանոնների բաց կոդով շարժիչով։ Այն տարածվում է որպես մեր ծառայության մաս, ուստի այստեղ նշում ենք նաև իր լիցենզիան։

axe-core 4.10.2 — © 2015–2024 Deque Systems, Inc. Օգտագործվում է Mozilla Public License 2.0 (բացվում է նոր ներդիրում) լիցենզիայի պայմաններով։ Օգտագործում ենք թողարկված ֆայլն այնպես, ինչպես հրապարակված է՝ առանց փոփոխության, հեղինակային իրավունքի ծանուցումն անփոփոխ պահելով։ Աղբյուրը՝ github.com/dequelabs/axe-core (բացվում է նոր ներդիրում)։

Այս ծանուցումն արձանագրում է, թե ինչ ենք օգտագործում և ինչ պայմաններով. այն իրավական եզրակացություն չէ։ Deque Systems-ը կապ չունի FlexAccesses-ի հետ և չի հավաստում այն։ axe-core-ը կանոնների շարժիչ է, ոչ թե դատավճիռ — ինչ է այն հայտնաբերում և ինչը՝ ոչ, նկարագրված է Ինչ սկանը չի որսում բաժնում։