Hoe weet u of uw website 100% WCAG 2.1 compliant is? Wat zijn de beste web accessibility testing tools die er zijn dat je zou kunnen gebruiken?, Hier zijn 5 automated accessibility testing tools die we u aanraden eerst te proberen:
foto door John schnobrich on Unsplash
je hebt de richtlijnen, standaarden, waarschuwingen en best practices in de W3C-aanbevelingen doorgenomen en… je zit vast. Hoe weet u of uw website 100% WCAG 2.1 compliant is? Wat zijn de beste web accessibility testing tools die er zijn dat je zou kunnen gebruiken?,
gratis, eenvoudig te gebruiken hulpmiddelen voor toegankelijkheidsbeoordeling die u op uw website kunt gebruiken om de problemen op de loer te zien.
en dat kan je zelfs waardevolle aanbevelingen geven over de beste manieren om ze aan te pakken.
dit alles voordat u daadwerkelijk iemand (of zelfs een heel team van QA testers) uw website laat bekijken. Voordat je een diepgaande toegankelijkheidsaudit uitvoert en gebruikersgerichte testsessies uitvoert met … echte mensen erbij betrokken.,
u moet denken aan browserextensies…
ze zijn zo toegankelijk: U opent gewoon de pagina die u wilt controleren en klikt op een knop in uw werkbalk. Ze zijn gratis en maken grote “start” voor het identificeren van toegankelijkheidsproblemen op uw website. En voor het krijgen van uw handen op een aantal waardevolle aanbevelingen over hoe ze op te lossen.
dus, hier zijn 5 automated accessibility testing tools die we u aanraden eerst te proberen:
” zijn er aanbevolen tools beschikbaar die me kunnen helpen testen op toegankelijkheidskwesties?,r contrast op bepaalde pagina ’s (of geen contrast heeft)
een of meer afbeeldingen geen ALT beschrijvingen toegevoegd aan
een editor verwijderd van de inhoud voor één van de H2-tags, maar liet dat label er nog in en verwarrend op het scherm lezers
iemand uit uw design team heeft een tijdelijke aanduiding voor tekst in plaats van een tekst-veld, welke risico’ s het weergeven van een blanco veld, die schermlezers niet… lees
er is een label ontbreekt in uw nieuwsbrief sign-up formulier
Dit zijn vaak problemen die de toegankelijkheid van websites evaluatie-instrumenten kan u helpen detecteren en adres.,
ze vallen in meerdere categorieën:
browserextensies, waar we ons in dit bericht op zullen richten
commandoregelhulpmiddelen hulpmiddelen voor het testen van toegankelijkheid die u kunt integreren met uw systeem voor continue integratie
Tip: Houd er rekening mee dat de volgende 5 beste hulpmiddelen voor het testen van toegankelijkheid van het web ongeveer 30% van de problemen detecteren. Ze vormen een prima startpunt voor een complexere audit-en uitgebreide monitoringstrategie die u moet opzetten.,
Wave, De vereerd Web Accessibility Evaluation Tool voor Chrome
een volledig uitgeruste, eenvoudig te gebruiken website accessibility checker die al een paar jaar in de toolkits van de meeste ontwikkelaars zit.,
Hier is hoe het werkt:
het voegt een visuele overlay van de fout pictogrammen en de aanduidingen op de web pagina dat je controle
pictogrammen die, wanneer erop wordt geklikt, u voorzien van informatie en aanbevelingen over de toegankelijkheid problemen gedetecteerd: overbodige titels, structurele elementen, de links naar HTML -, slechte kleur contrast, hoe deze problemen invloed van verschillende soorten gebruikers, wat WCAG-richtlijnen overtreden, enz.,
Het wijst u op de “lastige” code via geannoteerde HTML die verschijnt in het paneel onderaan het scherm
kortom, Wave is een van de robuuste website toegankelijkheidscontrole checkers die verder gaat dan het stroomlijnen van uw auditproces.
het is ook gericht op het opleiden van gebruikers (website-eigenaren, QA testers) over de toegankelijkheidsproblemen om aandacht aan te besteden.
” hoe Wave accessibility tool gebruiken?,”
hoe dan ook:
u kunt gewoon uw URL invoeren in het speciale veld op hun website
u kunt de browserextensie downloaden
Ga naar de extensie vooral als het dynamische, met een wachtwoord beveiligde en lokaal opgeslagen webpagina ‘ s zijn die u moet controleren.
Tenon, Accessibility as a Service
” hoe test ik toegankelijkheid?”
Tenon is een andere tool die zowel in een gratis als betaalde versie wordt geleverd.,
What makes it “worthy” of this top 5 selection?,y tests na verwaarloosd richtlijnen hebben al veranderd in kritieke problemen die van invloed zijn op de ervaring van de gebruiker
het is een flexibele tool voor content makers, ontwerpers, ontwikkelaars en testers
het genereert… royale rapporten met codefragmenten voor elke fout, overeenkomend WCAG-richtlijnen, en aanbevelingen over hoe ze op te lossen
In het kort: Pen helpt u bij het uitvoeren van een preventieve type van de toegankelijkheid voor het controleren van uw website., U kunt belangrijke problemen detecteren voordat ze zelfs tot grote usability problemen kunnen leiden
Bovendien kunt u Pen eenvoudig in uw toolset opnemen via de API. Het integreert soepel met elk CMS, IDE, implementatietool of geautomatiseerd bouwen dat u zou kunnen gebruiken.
Google Lighthouse, een van de beste geautomatiseerde tools voor het testen van toegankelijkheid
” hoe Weet ik of mijn website daadwerkelijk voldoet aan WCAG 2.0?,om gebruik
Bovendien, deze toegankelijkheid hulpprogramma voor het testen is een onderdeel van een hele reeks van controles die u kunt uitvoeren met behulp van Tools voor Ontwikkelaars van Chrome:
SEO
Progressieve Web App
De
Beste Praktijken
Wat het doet bij een volledig verslag van de test resultaten:
of alle knoppen op die pagina moet bereikbaar namen of niet
of alle afbeeldingen hebben ALT attributen die zijn toegevoegd aan
of de pagina heeft een titel of niet …
Naast, je doet het gewoon en het verbeteren van de gebieden gesignaleerd in het rapport.,
en zo gebruikt u het:
open devtools in uw Chrome-Browser
zoek naar het tabblad “Audits”
klik op “Uitvoeren van een Audit”
Tip: sla het rapport op in een JSON-formaat voor later (of om het naar iemand in uw team te sturen).
een ander groot ding over Google Lighthouse is dat het een van die Web accessibility evaluation tools die niet vereisen dat u zich aanmeldt. U sleept gewoon een rapport naar de online rapport viewer die het u biedt.
Axe Browser extensie
” Hoe weet u of uw site WCAG 2 is.,0 compliant?”
U “grijpen” een tool als Axe hier en geef uw site een geautomatiseerde controle.
Het voegt zichzelf gewoon toe als een nieuw tabblad aan de Dev Tools van uw Chrome. Zodra u klikt op die blauwe “analyseren” knop, krijgt u een hele lijst van “schendingen” gedetecteerd op uw pagina.
Waarom hebben we het opgenomen in onze zeer exclusieve lijst van 5 Best Web accessibility testing tools?,
omdat het vrij is (een op zichzelf staande open-source bibliotheek)
omdat u het op maat kunt afstemmen op uw specifieke testbehoeften voor toegankelijkheid: voeg specifieke regels toe, integreer het met test frameworks en browsers van uw keuze…
omdat elk gesignaleerd probleem de bijbehorende markup “blootlegt”, en
druk gewoon op “inspecteer code” en u wordt naar het tabblad in DevTools gebracht, waar het “boosdoener-element” wordt geschetst.,
Tip: een andere reden waarom dit een van de eerste toegankelijkheidscontroles voor websites is die u moet overwegen, is dat het Axe toegankelijkheidsrapport verder gaat dan het signaleren van duidelijke schendingen van toegankelijkheidsrichtlijnen.
het belicht ook aspecten die u kunt verbeteren op de gebruikersinterface van uw website.
Siteimprove, Een van de Beste Web Accessibility Testing Tools
Wij belijden: Siteimprove is onze favoriete website toegankelijkheidscontrole., Hier is waarom:
het geeft ons bruikbare informatie over alle problemen die het detecteert
het genereert duidelijke uitleg over de impact van deze problemen op sommige gebruikers
het “verwent” ons ook met intuïtieve gebruikerservaring: problemen worden gemarkeerd aan de rechterkant van de pagina
waar voeg je toe dat het hele webpagina audit proces wordt uitgevoerd in onze Chrome browsers.
gebruiksvriendelijk en zeer efficiënt. Wat wil je nog meer van een gratis toegankelijkheidstesttool?,
Final Word
maak van dit type toegankelijkheidstests — met behulp van Chrome — extensies-een onderdeel van een uitgebreidere teststrategie.
u moet uw evaluatie niet beperken tot de resultaten die u krijgt met behulp van een van deze 5 beste testtools voor webtoegankelijkheid.
Er is nog steeds enige mate van” menselijke interventie ” nodig om deze resultaten te interpreteren. Om met de juiste stappen te komen, toch?,
gebruik ze als u alleen wilt controleren of:
Er zijn afbeeldingen zonder ALT-beschrijvingen op uw website
de HTML is geldig
uw formuliervelden hebben zowel labels als beschrijvingen
Overwegende dat Voor de beoordeling van:
of die HTML semantisch is of niet
of die formuliervelden gebruikersvriendelijk genoeg zijn
of er is een juiste heading hiërarchie op een bepaalde pagina op uw website
… je hebt menselijke analyse nodig.,
geautomatiseerde toegankelijkheidstests zullen (alleen) de belangrijkste aspecten aanwijzen waarop uw QA-testers zich kunnen concentreren.
het einde!
hebt u een van deze hulpmiddelen voor het testen van toegankelijkheid op uw website gebruikt?
stopt u gewoonlijk uw audit daar of gebruikt u een geautomatiseerde & handmatig testen type “combo”? Hangt het eigenlijk af van de context?
