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?