Honnan tudja, hogy a webhely 100% – os WCAG 2.1-kompatibilis? Melyek a legjobb Web accessibility testing tools odakinn, hogy lehet használni?, Íme 5 automatizált elérhetőség vizsgálati eszközök javasoljuk, hogy próbáld meg először:

Fotó: John Schnobrich a Unsplash

Te mentél át az irányelvek, szabványok, figyelmeztetések, valamint a legjobb gyakorlatok szerepelnek a W3C ajánlások… ragadtál. Honnan tudja, hogy webhelye 100% – ban megfelel-e a WCAG 2.1 szabványnak? Melyek a legjobb Web accessibility testing tools odakinn, hogy lehet használni?,

ingyenes, könnyen használható akadálymentesítési értékelési eszközök, amelyeket a webhelyén futtathat, hogy észrevegye az ott rejlő problémákat.

, ami még néhány értékes ajánlást is kaphat a legjobb megoldási módokról.

mindezt, mielőtt ténylegesen valaki (vagy akár egy egész csapat QA tesztelők) felülvizsgálja a honlapon. Mielőtt mélyreható akadálymentesítési ellenőrzést végezne, és felhasználóközpontú tesztelési munkameneteket futtatna … valódi emberekkel.,

böngészőbővítményekre kell gondolnia…

annyira hozzáférhetőek: csak nyissa meg az ellenőrizni kívánt oldalt, majd kattintson az eszköztár egyik gombjára. Ők szabad, és hogy nagy “kezdődik” azonosítására kisegítő problémák a honlapon. És azért, hogy a kezét néhány értékes ajánlást, hogyan kell kijavítani őket.

tehát itt van 5 automatizált akadálymentesítési tesztelő eszköz, amelyet javasoljuk, hogy először próbálkozzon:

” vannak olyan ajánlott eszközök, amelyek segíthetnek nekem tesztelni a Hozzáférhetőségi problémákat?,r kontraszt bizonyos oldalak (vagy nem kontraszt egyáltalán)

  • egy vagy több kép nincs ALT leírások ki, hogy
  • szerkesztő törölte a tartalom például a H2 kategória, de hagyta, hogy a tag elhúzódó be, zavaros, a képernyőn olvasók
  • valaki a design csapat egy helyőrző szöveg helyett egy szöveges mező, amely a kockázatok megjelenítése egy jelöletlen pályán, ez a képernyőolvasók nem… olvasson
  • van egy címke hiányzik a hírlevél feliratkozási űrlap
  • Ezek mind gyakori kérdések a web akadálymentesítési értékelési eszközök segítségével érzékeli, címe.,

    több kategóriába tartoznak:

    • böngészőbővítmények, amelyekre ebben a bejegyzésben összpontosítunk
    • parancssori eszközök akadálymentesítési tesztelési eszközök, amelyeket integrálhat a folyamatos integrációs rendszerrel

    TIPP: Ne feledje, hogy a következő 5 legjobb web kisegítő tesztelő eszköz észleli a problémák mintegy 30% – át. Remek kiindulópontot jelentenek egy összetettebb ellenőrzési és átfogó megfigyelési stratégia számára, amelyet be kell állítania.,

    Wave, A Chrome tiszteletteljes Web akadálymentesítési értékelési eszköze

    egy teljes funkcionalitású, könnyen használható webhely-hozzáférhetőség-ellenőrző, amely a legtöbb fejlesztő eszköztárában már jó néhány éve megtalálható.,

    Itt van, hogyan működik:

    • hozzáad egy vizuális overlay hiba ikonok jelzések, hogy a weblap vagy ellenőrzési
    • ikonok, amelyek, ha egyszer kattint, az ön számára információkat, valamint ajánlások az elérhetőségi problémákat észlelt: redundáns címek, szerkezeti elemek, linkek a HTML, szegény szín, kontraszt, hogy azok a problémák hatása a különböző típusú felhasználók, mi WCAG iránymutatás megszegik, stb.,
    • rámutat arra, hogy a” problémás ” kódot annotált HTML-en keresztül felbukkanó a képernyő alján található panelen

    röviden, A Wave az egyik robusztus weboldal hozzáférhetőség-ellenőrzője, amely túlmutat az ellenőrzési folyamat egyszerűsítésén.

    a felhasználók (webhelytulajdonosok, QA tesztelők) oktatására is irányul az akadálymentesítési kérdésekről, amelyekre figyelni kell.

    ” hogyan kell használni a Wave accessibility tool?,”

    akárhogy is:

    • csak írja be az URL-t a megfelelő mezőbe a honlapon
    • a letöltés a böngésző kiterjesztés

    a kiterjesztés, különösen, ha ez a dinamikus, jelszóval védett, a helyben tárolt weboldalak kell néznem.

    Tenon, Accessibility as a Service

    ” How do I test accessibility?”

    Tenon egy másik eszköz, amely mind ingyenes, mind fizetett változatban érkezik.,

    What makes it “worthy” of this top 5 selection?,y vizsgálatok után elhanyagolt iránymutatás már vált kritikus kérdés, hogy befolyásolja a felhasználói élményt

  • ez egy rugalmas eszköz a tartalom alkotók, tervezők, fejlesztők, majd a tesztelők
  • generál… nagylelkű jelentések kódrészletek, minden hiba, megfelelő WCAG iránymutatások valamint tanácsokat, hogyan kell megjavítani őket
  • röviden: Tenon segít fut egy megelőző típusú elérhetőség ellenőrzése honlapon., Felismerheti a legfontosabb kérdéseket, mielőtt még nagyobb használhatósági problémákká válhatnak

    továbbá könnyedén beépítheti a Tenont az ESZKÖZKÉSZLETÉBE az API-n keresztül. Zökkenőmentesen integrálódik minden olyan CMS-hez, IDE-hez, telepítőeszközhöz vagy automatizált felépítéshez, amelyet esetleg használ.

    Google Lighthouse, az egyik legnépszerűbb automatizált akadálymentesítési tesztelő eszköz

    ” Honnan tudom, hogy a webhelyem valóban megfelel-e a WCAG 2.0-nak?,használata

    Sőt, ez a hozzáférhetőség vizsgálati eszköz részét egy egész lakosztály ellenőrzi, hogy futtassa a Chrome Fejlesztői Eszközök:

    • SEO
    • Haladó Webes Alkalmazás
    • Teljesítmény
    • a Legjobb Gyakorlatok

    Mit jelent ez az ön számára a teljes jelentés a vizsgálati eredmények:

    • – e az összes gombot, hogy az oldalon már elérhető a neveket, vagy nem
    • – e a képek ALT attribútumot ki, hogy
    • – e, hogy az oldal egy címet, vagy nem …

    a Jövő, egyszerűen tovább javítani a jelzett területeken a jelentés.,

    és itt van, hogyan használja:

    • nyissa meg a devtools-t a Chrome böngészőben
    • keresse meg az” auditok “fület
    • kattintson az”Audit elvégzése” gombra

    tipp: mentse el a jelentést később JSON formátumban (vagy küldje el valakinek a csapatban).

    egy másik nagyszerű dolog a Google Lighthouse-ban az, hogy ez egyike azoknak a web akadálymentesítési értékelési eszközöknek, amelyek nem igénylik a regisztrációt. Csak húzza a jelentést az online jelentésnézegetőre, amelyet az Ön számára biztosít.

    Axe Browser Extension

    ” Honnan tudja, hogy a webhely valójában WCAG 2.,0 megfelel?”

    itt “megragad” egy olyan eszközt, mint az Axe, és automatizált ellenőrzést ad webhelyének.

    csak új lapként csatolja magát a Chrome Dev eszközeihez. Ha rákattint a kék ” Elemzés “gombra, akkor kap egy teljes listát a” jogsértések ” észlelt az oldalon.

    miért vettük fel az 5 legjobb web akadálymentesítési tesztelő eszköz rendkívül exkluzív listájába?,

    • mert ingyenes (önálló nyílt forráskódú könyvtár)
    • – azért, mert te egyéni behangolni, hogy a konkrét elérhetőség vizsgálatra van szüksége: add konkrét szabályok, integrálni a vizsgálati keretek, valamint a böngészők a választás…
    • mert minden jelzett probléma “leleplezi” a megfelelő jelölés, csakúgy,

    nyomja meg a “Vizsgálja meg a kódot” vagy venni, hogy a lap DevTools, ahol a “tettes elem” van vázolt.,

    Tipp: a másik ok, amiért ez az első honlap elérhetőség ellenőrök, hogy fontolja meg, hogy a Fejsze elérhetőség jelentés túlmutat a jelzés egyértelmű megsértése hozzáférhetőségi irányelvek.

    kiemeli azokat a szempontokat is, amelyeket javíthatja a webhely felhasználói felületén.

    Siteimprove, Az egyik Legjobb Webes Akadálymentesítés Vizsgálati Eszközök

    megvalljuk: Siteimprove a kedvenc honlap elérhetőség-ellenőrző., Itt van, hogy miért:

    • biztosít számunkra hasznosítható információt a kérdés, hogy érzékeli
    • generál egyértelmű magyarázatot a hatást gyakorolnak ezek a kérdések az egyes felhasználók
    • ez is “zsákmányt” nekünk intuitív felhasználói élmény: kérdések kiemelten jelennek meg a jobb oldalon a lap

    Hol hozzá, hogy a teljes weboldal ellenőrzési folyamat során a Chrome böngésző.

    könnyen használható és rendkívül hatékony. Mit kívánhat még egy ingyenes akadálymentesítési tesztelő eszközből?,

    Final Word

    kapcsolja be az ilyen típusú akadálymentesítési tesztelést — Chrome kiterjesztések használatával-egy átfogóbb tesztelési stratégia részévé.

    nem szabad korlátoznia az értékelést azokra az eredményekre, amelyeket az 5 legjobb web akadálymentesítési tesztelő eszköz bármelyikével kap.

    még mindig van bizonyos szintű” emberi beavatkozás ” az eredmények értelmezéséhez. Ahhoz, hogy a megfelelő lépéseket, hogy, jobb?,

    Használni őket, ha csak azt akarom, hogy ellenőrizze, hogy:

    • vannak olyan képek nélkül ALT leírások honlapon
    • a HTML érvényes
    • az űrlap mezők mindkét címkék, leírásokat

    Mivel értékelése:

    • – e, hogy a HTML szemantikai, vagy nem
    • – e azok a mező leírások felhasználóbarát elég
    • hogy van-e megfelelő vtsz hierarchia egy adott oldalon honlapon

    … kell az emberi elemzés.,

    az automatizált akadálymentesítési tesztelés (csak) rámutat a QA tesztelők legfontosabb szempontjaira.

    vége!

    használt már ezen akadálymentesítési tesztelő eszközök valamelyikét a webhelyén?

    általában leállítja az ellenőrzést, vagy automatizált & kézi tesztelési típusú”combo”? Valóban függ a kontextustól?

    Vélemény, hozzászólás?

    Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük