Hur vet du om din webbplats är 100% WCAG 2.1-kompatibel? Vilka är de bästa webbtillgänglighetstestningsverktygen där ute som du kan använda?, Här är 5 automatiserade tillgänglighetstestverktyg som vi rekommenderar att du försöker först:
Så här fungerar det:
Det lägger till en visuell överlagring av error icons and indications to the web page that you ’ re auditing
icons which, once clicked, provide you with information and recommendations about the accessibility issues detected: redundanta titlar, strukturella element, länkar till HTML, dålig färgkontrast, hur dessa frågor påverkar olika typer av användare, vilka WCAG-riktlinjer de bryter mot, etc.,
det påpekar för dig den ”besvärliga” koden via kommenterad HTML poppar upp i panelen längst ner på skärmen
kort sagt, Wave är en av de robusta webbplats tillgänglighet checkers som går utöver att effektivisera din revisionsprocess.
det är också inriktat på att utbilda användare (webbplatsägare, QA-testare) om tillgänglighetsfrågorna att uppmärksamma.
”hur använder du verktyget Wave accessibility?,”
hur som helst:
Du kan bara ange din URL i det dedikerade fältet på deras hemsida
Du kan ladda ner webbläsartillägget
gå till tillägget, särskilt om det är dynamiskt, lösenordsskyddat och lokalt lagrade webbsidor som du behöver kontrollera.
Tenon, tillgänglighet som tjänst
” hur testar jag tillgänglighet?”
tenons ett annat verktyg som kommer både i en gratis och betald version.,
What makes it ”worthy” of this top 5 selection?,y-tester efter försummade riktlinjer har redan blivit kritiska problem som påverkar användarupplevelsen
Det är ett så flexibelt verktyg för innehållsskapare, designers, utvecklare och testare
Det genererar… generösa rapporter med kodavsnitt för varje fel, motsvarande WCAG-riktlinjer och rekommendationer om hur man åtgärdar dem
kort sagt: tenon hjälper dig att köra en förebyggande typ av tillgänglighetskontroll på din webbplats., Du kan upptäcka viktiga problem innan de ens får förvandlas till stora användbarhetsproblem
Dessutom kan du enkelt införliva Tenon i din verktygsuppsättning via dess API. Den integreras smidigt med alla CMS, IDE, distribuera verktyg eller automatiserad bygga som du kan använda.
Google Lighthouse, ett av de bästa automatiserade Tillgänglighetstestverktygen
”hur vet jag om min webbplats faktiskt är WCAG 2.0-kompatibel?,för att använda
dessutom är detta verktyg för tillgänglighetstestning en del av en hel uppsättning kontroller som du kan köra med hjälp av Chrome Developer Tools:
SEO
progressiv webbapp
prestanda
bästa praxis
vad det ger dig en fullständig rapport om dess testresultat:
om alla knappar på den sidan har tillgängliga namn eller inte
om alla bilder har alt-attribut till
om den sidan har en titel eller inte …
därefter tar du det därifrån och förbättrar de områden som signaleras i rapporten.,
och så här använder du det:
öppna devtools i webbläsaren Chrome
leta efter fliken ”revisioner”
Klicka på ”Utför en revision”
tips: spara rapporten i ett JSON-format för senare (eller för att skicka den till någon i ditt lag).
en annan bra sak med Google Lighthouse är att det är ett av de verktyg för utvärdering av webbtillgänglighet som inte kräver att du registrerar dig. Du drar bara en rapport till online rapportvisare som det ger dig.
Axe webbläsartillägg
”hur vet du om din webbplats faktiskt är WCAG 2.,0 överensstämmande?”
Du ”grab” ett verktyg som Axe här och ge din webbplats en automatiserad revision.
det kommer bara att fästa sig som en ny flik till Chrome Dev-verktyg. När du klickar på den blå ”Analysera” – knappen får du en hel lista med” överträdelser ” som upptäcks på din sida.
Varför har vi inkluderat det i vår mycket exklusiva lista över 5 bästa webbtillgänglighetstestverktyg?,
eftersom det är gratis (ett fristående open source-bibliotek)
eftersom du får anpassa det till dina specifika tillgänglighetstestbehov: Lägg till specifika regler, integrera det med testramar och webbläsare som du väljer…
eftersom varje signalerat problem ”exponerar” motsvarande markering, samt
tryck bara på ” inspektera kod ”och du tas till fliken i DevTools, där” skyldige elementet ” beskrivs.,
Tips: En annan anledning till att detta är en av de första tillgänglighetscheckarna på webbplatsen som du bör överväga är att Axe-tillgänglighetsrapporten går utöver att signalera tydliga överträdelser av tillgänglighetsriktlinjerna.
det belyser också aspekter som du kan förbättra på din webbplats UI.
Siteimprove, ett av de bästa verktygen för Webbtillgänglighetstestning
Vi kan inte göra det här.bekänn: Siteimprove är vår favorit webbplats tillgänglighet Checker., Här är varför:
Det ger oss värdefull information om alla problem som den upptäcker
Det genererar tydliga förklaringar om effekterna av dessa problem på vissa användare
det också ”förstör” oss med intuitiv användarupplevelse: problem blir markerade till höger på sidan
var lägger du till att hela webbsidgranskningsprocessen utförs i våra webbläsare i Chrome.
lätt att använda och mycket effektiv. Vad mer kan du önska från ett gratis tillgänglighetstestverktyg?,
sista ordet
förvandla denna typ av tillgänglighetstestning — med hjälp av Chrome — tillägg-till en del av en mer omfattande teststrategi.
Du bör inte begränsa din utvärdering till de resultat du får genom att använda något av dessa 5 bästa testverktyg för webbtillgänglighet.
det finns fortfarande en viss nivå av ”mänsklig intervention” som behövs för att tolka dessa resultat. Att komma med rätt uppsättning åtgärder att vidta, eller hur?,
använd dem om du bara vill kontrollera om:
Det finns några bilder utan ALT-beskrivningar på din webbplats
HTML-koden är giltig
dina formulärfält har både etiketter och beskrivningar
För att bedöma:
om den HTML-koden är semantisk eller inte
om dessa formulärfältbeskrivningar är användarvänliga nog
om det finns en lämplig rubrik på hierarki på en viss sida på din webbplats
… du behöver mänsklig analys.,
automatiserad tillgänglighetstestning kommer (endast) att peka på viktiga aspekter för dina QA-testare att fokusera på.
slutet!
har du använt något av dessa tillgänglighetstestverktyg på din webbplats?
brukar du stoppa din revision där eller använder du en automatiserad& Manuell testtyp av ”combo”? Beror det på sammanhanget faktiskt?