Kaip patikrinti prieinamumą naudojant „Chrome DevTools“ sistemoje „WordPress“.

Kodėl naudoti „Chrome DevTools“ pritaikymo neįgaliesiems testavimui?

„Chrome DevTools“ yra nemokamas, patogus įrankis, kuris siūlo:

• Išsamūs auditai: Nustato pritaikymo neįgaliesiems problemas naudodamas veiksmingas įžvalgas.
• Testavimas realiuoju laiku: Leidžia tiesiogiai bendrauti su svetaine ir ją derinti.
• Nemokamas prieinamumo tikrintuvas: Švyturio įrankis generuoja išsamias pritaikymo neįgaliesiems ataskaitas.

Išsamus pritaikymo neįgaliesiems tikrinimo naudojant „Chrome DevTools“ vadovas

1 veiksmas: atidarykite „Chrome DevTools“.

Norėdami pasiekti „Chrome DevTools“:

1. Atidarykite „WordPress“ svetainę „Google Chrome“.
2. Dešiniuoju pelės mygtuku spustelėkite bet kurią puslapio vietą ir pasirinkite Patikrink.
3. DevTools skydelis bus rodomas naršyklės šone arba apačioje.

2 veiksmas: eikite į skirtuką Švyturys

„Lighthouse“ yra „Chrome DevTools“ integruotas audito įrankis. Norėdami jį naudoti:

1. DevTools skydelyje spustelėkite švyturys skirtukas.
2. pasirinkti prieinamumas kaip audito kategorija. Taip pat galite įtraukti našumą, SEO ir geriausią praktiką, kad galėtumėte atlikti platesnę analizę.
3. Spauskite Sukurti ataskaitą pradėti auditą.

3 veiksmas: išanalizuokite Švyturio ataskaitą

Kai auditas bus baigtas, „Lighthouse“ sugeneruos ataskaitą su:

• Prieinamumo balas: Procentinis balas, nurodantis jūsų svetainės prieinamumo lygį.
• Problemų sąrašas: Išsami informacija apie pritaikymo neįgaliesiems problemas, pvz., trūkstamo alternatyvaus teksto arba mažo kontrasto santykio.
• Pasiūlymai: Rekomenduojami kiekvienos problemos pataisymai.

4 veiksmas: išbandykite klaviatūros navigaciją

Naršymas klaviatūra yra labai svarbus naudotojams, kurie naudojasi pagalbinėmis technologijomis. Norėdami išbandyti:

1. spauda Tab naršyti po interaktyvius elementus, pvz., nuorodas ir mygtukus.
2. Įsitikinkite, kad židinio indikatorius matomas kiekviename elemente.
3. Patikrinkite, ar naršymo tvarka yra logiška ir intuityvi.

5 veiksmas: patikrinkite ARIA vaidmenis ir atributus

ARIA (Accessible Rich Internet Applications) vaidmenys ir atributai suteikia papildomo konteksto pagalbinėms technologijoms. Norėdami patikrinti:

1. „DevTools“ pasirinkite Elementai skirtukas.
2. Užveskite pelės žymeklį virš DOM elementų, kad peržiūrėtumėte taikomus ARIA vaidmenis ir atributus.
3. Užtikrinkite tokius vaidmenis kaip aria-label, aria-describedbyir role yra naudojami tinkamai.

6 veiksmas: išbandykite spalvų kontrastą

Geras spalvų kontrastas yra būtinas skaitymui. Norėdami išbandyti:

1. Lauke Elementai pasirinkite teksto elementą.
2. Peržiūrėti Stilius sritį, kad patikrintumėte apskaičiuotas spalvų reikšmes.
3. Naudokite kontrasto santykio tikrintuvą, kad įsitikintumėte, jog laikomasi WCAG gairių (mažiausiai 4.5:1 įprastam tekstui).

7 veiksmas: derinkite ir išspręskite problemas

Dėl kiekvienos problemos, nurodytos „Lighthouse“ ataskaitoje arba rankiniuose bandymuose, atlikite reikiamus atnaujinimus. Įprasti pataisymai apima:

• Aprašomojo alternatyvaus teksto pridėjimas prie vaizdų.
• Klaviatūros naršymo ir fokusavimo indikatorių tobulinimas.
• Spalvų kontrasto reguliavimas geresniam skaitymui.

Geriausia pritaikymo neįgaliesiems testavimo praktika

• Reguliariai tikrinti: Atlikite prieinamumo auditą po pagrindinių svetainės atnaujinimų.
• Sujungti įrankius: Išsamiems bandymams naudokite kelis įrankius, pvz., Axe, WAVE ir Lighthouse.
• Įtraukti vartotojus: Gaukite atsiliepimų iš asmenų su negalia, kad nustatytumėte realaus pasaulio problemas.

DUK: Pritaikomumo tikrinimas naudojant „Chrome DevTools“.

Kas yra „Chrome DevTools“?

„Chrome DevTools“ yra žiniatinklio kūrėjų įrankių rinkinys, integruotas į „Google Chrome“, leidžiantis tikrinti ir derinti tinklalapius.

Ar „Lighthouse“ tinka visapusiškam prieinamumo testavimui?

Švyturys puikiai tinka pradiniam auditui, tačiau jį reikėtų papildyti rankiniu testavimu ir kitomis priemonėmis, kad būtų galima atlikti išsamų įvertinimą.

Ar „Chrome DevTools“ gali automatiškai išspręsti pritaikymo neįgaliesiems problemas?

Ne, „Chrome DevTools“ nustato problemas ir teikia pasiūlymų, tačiau pataisymus turėsite įdiegti rankiniu būdu.

Kas yra ARIA vaidmenys?

ARIA vaidmenys apibrėžia elementų paskirtį tinklalapyje ir suteikia papildomo konteksto pagalbinėms technologijoms.

Kaip dažnai turėčiau tikrinti, ar „WordPress“ svetainė yra prieinama?

Išbandykite savo svetainę bent kartą per ketvirtį arba po didelių atnaujinimų, kad užtikrintumėte nuolatinį atitiktį ir tinkamumą naudoti.