jak víte, zda je váš web kompatibilní se 100% WCAG 2.1? Jaké jsou nejlepší nástroje pro testování přístupnosti na webu, které byste mohli použít?, Zde jsou 5 automatizované testování přístupnosti nástrojů, které doporučujeme vyzkoušet jako první:
Foto John Schnobrich na Unsplash
Jste prošli pokyny, normy, varování a nejlepší postupy obsažené v doporučení W3C a… jste přilepená. Jak víte, zda je váš web 100% kompatibilní s WCAG 2.1? Jaké jsou nejlepší nástroje pro testování přístupnosti na webu, které byste mohli použít?,
Zdarma, snadné použití dostupnost hodnotící nástroje, které můžete spustit na své webové stránky na místě otázky, číhající tam.
a které by vám dokonce mohly poskytnout několik cenných doporučení ohledně nejlepších způsobů, jak je řešit.
vše, co předtím, než skutečně máte někoho (nebo dokonce celý tým testerů QA), zkontrolujte svůj web. Než provedete hloubkový audit přístupnosti a spustíte testování zaměřené na uživatele s… skutečnými zapojenými lidmi.,
asi Si je rozšíření prohlížeče…
Jsou tak přístupné: stačí otevřít stránku, kterou chcete zkontrolovat, a klikněte na tlačítko v panelu nástrojů. Jsou zdarma a dělají skvělé „starty“ pro identifikaci problémů s přístupností na vašem webu. A za to, že jste se dostali k některým cenným doporučením, jak je opravit.
takže zde je 5 automatizovaných nástrojů pro testování přístupnosti, které doporučujeme nejprve vyzkoušet:
“ existují nějaké doporučené nástroje, které mi mohou pomoci otestovat problémy s přístupností?,r kontrast na určitých stránkách (nebo žádný kontrast)
jeden nebo více obrázků nemáme ALT popisy přidány do
editor smazal obsah pro jeden z H2 tagy, ale opustil tento tag přetrvávající a matoucí obrazovky čtenářů
někdo z vašeho konstrukčního týmu má dát zástupný text pole text, který rizik zobrazování neoznačené pole, že čtečky obrazovky nelze… číst
je zde jeden štítek chybí z vašeho newsletter sign-up formulář
to vše jsou časté otázky, které web accessibility evaluation tools může pomoci vám odhalit a řešit.,
spadají do více kategorií:
rozšíření prohlížeče, že se budeme soustředit na v tomto příspěvku
command-line nástroje přístupnosti testování nástrojů, které lze integrovat s kontinuální integrace systému
Tip: Mějte na paměti, že po 5 nejlepší webové přístupnosti testování nástroje detekovat o 30% otázek. Dělají skvělý výchozí bod pro složitější audit a komplexní monitorovací strategii, kterou byste měli nastavit na svém místě.,
Vlna, Uctívaný Web Accessibility Evaluation Tool for Chrome
full-featured, snadné použití web accessibility checker, který byl ve většině vývojářů nástrojů pro docela několik let.,
Zde je, jak to funguje:
dodává vizuální překrytí ikony chyb a údaje na webové stránce, že jste audit
ikony, které, jakmile na něj kliknete, vám poskytne informace a doporučení o problematiku přístupnosti zjištěna: redundantní tituly, konstrukční prvky, odkazy na HTML, špatný barevný kontrast, jak tyto problémy dopad různých typů uživatelů, co WCAG pokyny poruší, atd.,
upozorňuje na ty „nepříjemné“ kód prostřednictvím komentovaných HTML, objevují se v panelu v dolní části obrazovky
stručně řečeno, Vlna je jedním z robustní webové stránky přístupnost dáma, která jde nad rámec zjednodušení procesu auditu.
To je také zaměřena na vzdělávání uživatelů (vlastníků, QA testery) o problémech v přístupnosti, věnovat pozornost.
„Jak používat Wave accessibility tool?,“
:
můžete zadat adresu URL do příslušného pole na svých webových stránkách
můžete si stáhnout rozšíření prohlížeče
Jít na rozšíření, zejména pokud je dynamická, heslem chráněné a lokálně uložených webových stránek, které je třeba zkontrolovat.
Tenon, dostupnost jako služba
„Jak mohu testovat dostupnost?“
Tenon je další nástroj, který přichází jak v bezplatné, tak placené verzi.,
What makes it „worthy” of this top 5 selection?,y testy po zanedbané pokyny již proměnil v kritické otázky, které mají vliv na uživatelské zkušenosti
je to jako flexibilní nástroj pro tvůrce obsahu, návrhářů, vývojářů a testerů
generuje… štědrý zprávy s fragmenty kódu pro každou chybu, odpovídající pokyny WCAG, a doporučení, jak opravit
Ve zkratce: Čep pomůže vám spustit preventivní typ přístupnost podívejte se na vaše webové stránky., Klíčové problémy můžete zjistit dříve, než se dokonce stanou hlavními problémy s použitelností
kromě toho můžete snadno začlenit Tenon do sady nástrojů prostřednictvím svého API. Hladce se integruje s jakýmkoli CMS, IDE, nasazovacím nástrojem nebo automatizovaným sestavením, které byste mohli používat.
Maják Google, jeden z nejlepších automatizovaných nástrojů pro testování přístupnosti
“ Jak mohu vědět, zda je můj web skutečně kompatibilní s WCAG 2.0?,použití
kromě toho, tento nástroj pro testování přístupnosti je součástí celé sady kontrol, které můžete spustit pomocí Nástrojů pro Vývojáře Chrome:
SEO
Progresivní Webové Aplikace
Výkon
Best Practices
Co to dělá, je poskytnout vám s plnou zprávu o své výsledky testu:
zda všechna tlačítka na této stránce máte přístupné jména, nebo ne
zda všechny obrázky mají atributy ALT přidány do
zda se, že stránka má název, nebo ne …
Next, prostě si to tam a zlepšení v oblastech, naznačil ve zprávě.,
A tady je, jak jej použít:
open devtools v Prohlížeči Chrome
podívejte se na „Audity“ tab
klikněte na „Provést Audit“
Tip: uložit zprávu ve formátu JSON na později (nebo poslat na někoho ve vašem týmu).
Další skvělou věcí na majáku Google je to, že je to jeden z těch nástrojů pro hodnocení přístupnosti webu, které nevyžadují registraci. Stačí přetáhnout zprávu na on-line prohlížeč zpráv, které vám poskytuje.
rozšíření prohlížeče Axe
“ Jak víte, zda je váš web skutečně WCAG 2.,0 vyhovující?“
„chytit“ nástroje jako Sekeru tady a dát vaše stránky automatizovaný audit.
k nástrojům Dev Vašeho prohlížeče Chrome se připojí pouze jako nová karta. Jakmile kliknete na modré tlačítko „Analyzovat“, dostanete na své stránce celý seznam“ porušení“.
proč jsme jej zařadili do našeho vysoce exkluzivního seznamu 5 nejlepších nástrojů pro testování přístupnosti na webu?,
protože je to zdarma (self-obsažené open-source knihovna)
protože se dostanete k vlastní-nalaďte se na konkrétní dostupnost testování potřebuje: přidat zvláštní pravidla, integrovat je s testování rámců a prohlížeče dle vašeho výběru…
protože každý signalizoval problém „odhaluje“ odpovídající markup, stejně
hit „Zkontrolujte kód“ a jste přesměrováni na záložku v DevTools, kde „viník prvek“ je uvedeno.,
Tip: další důvod, proč je to jedna z prvních webových stránek přístupnost dáma, které byste měli zvážit, je, že Sekyra dostupnost zpráva jde nad rámec signalizace jasné porušení accessibility guidelines.
zdůrazňuje také aspekty, které byste mohli zlepšit v uživatelském rozhraní vašeho webu.
Siteimprove, Jeden z Nejlepších Přístupnost Nástroje pro Testování
vyznáváme: Siteimprove je náš oblíbený web accessibility checker., Zde je proč:
poskytuje nám s užitečné informace o všech otázkách, které zjistí
generuje přehledné informace o dopadu těchto problémů na některé uživatele
je také „kazí“ nás s intuitivní uživatelské zkušenosti: problémy si zvýrazněný na pravé straně stránky
Kde jsi dodat, že celou webovou stránku procesu auditu se provádí v naší Chrome prohlížeče.
snadné použití a vysoce efektivní. Co víc si můžete přát od bezplatného nástroje pro testování přístupnosti?,
Final Word
Proměňte tento typ testování přístupnosti-pomocí rozšíření Chrome-v součást komplexnější testovací strategie.
hodnocení byste neměli omezovat na výsledky, které získáte použitím některého z těchto 5 nejlepších nástrojů pro testování přístupnosti webu.
stále existuje určitá úroveň“ lidského zásahu “ potřebná k interpretaci těchto výsledků. Přijít se správnou sadou kroků, které je třeba podniknout, že?,
je Použít, pokud si jen chcete zkontrolovat, zda:
nejsou tam žádné obrázky bez ALT popisy na svých webových stránkách
HTML je platné
pole formuláře mají oba štítky a popisy
Vzhledem k tomu, že pro posuzování:
zda se, že HTML je sémantický nebo ne
zda se tyto formy pole popisy jsou dostatečně uživatelsky přátelský
zda je správné čísla hierarchie na dané stránce na svých webových stránkách
… budete potřebovat lidské analýzy.,
automatické testování přístupnosti (pouze) upozorní na klíčové aspekty, na které se testeři QA zaměří.
konec!
použili jste některý z těchto nástrojů pro testování přístupnosti na vašem webu?
obvykle tam zastavujete audit nebo používáte automatizovaný & ruční testování typu „combo“? Záleží na kontextu?
