Hvordan ved du, om dit websiteebsted er 100% compliantcag 2.1-kompatibelt? Hvad er de bedste testingeb tilgængelighed testværktøjer derude, som du kan bruge?, Her er 5 automatiseret test for tilgængelighed værktøjer, som vi anbefaler, du kan prøve først:
Foto af John Schnobrich på Unsplash
Du har gået gennem de retningslinjer, standarder, advarsler, og den bedste praksis, der indgår i W3C anbefalinger og… du er gået i stå. Hvordan ved du, om din hjemmeside er 100% compliantcag 2.1 kompatibel? Hvad er de bedste testingeb tilgængelighed testværktøjer derude, som du kan bruge?,
gratis, brugervenlige værktøjer til evaluering af tilgængelighed, som du kan køre på dit websiteebsted for at få øje på de problemer, der lurer derinde.
og som endda kan give dig nogle værdifulde anbefalinger om de bedste måder at adressere dem på.
alt det, før du faktisk har nogen (eller endda et helt team af tesa-testere), gennemgår dit websiteebsted. Før du udfører en dybdegående tilgængelighedsrevision og kører brugercentriske testsessioner med… rigtige mennesker involveret.,
Du skal tænke på bro .serudvidelser…
de er så tilgængelige: du åbner bare den side, du vil kontrollere, og klikker på en knap i din værktøjslinje. De er gratis og gør gode “starter” til at identificere tilgængelighedsproblemer på dit websiteebsted. Og for at få dine hænder på nogle værdifulde anbefalinger om, hvordan du løser dem.
så her er 5 automatiserede tilgængelighedstestværktøjer, som vi anbefaler, at du prøver først:
“er der nogen anbefalede værktøjer til rådighed, der kan hjælpe mig med at teste for tilgængelighedsproblemer?,r kontrast på bestemte sider (eller ingen modsætning i alt)
en eller flere billeder, som ikke har ALT beskrivelser tilføjet til
en redaktør slettet indholdet til en af H2 tags, men forlod dette tag dvælende i der og forvirrende skærmen læsere
en person fra dit design team har lagt en pladsholder tekst i stedet for et tekstfelt, hvilke risici der er vist en være uden navn-feltet, at tv-læsere ikke kan… læs
der er en etiket, der mangler fra dit nyhedsbrev sign-up form
Disse er alle hyppige spørgsmål, at web-tilgængelighed evaluering værktøjer, der kan hjælpe dig med at finde og adresse.,
De falder i flere kategorier:
browser-udvidelser, som vi vil fokusere på i dette indlæg
command-line tools accessibility test værktøjer, som du kan integrere med din fortsatte integration system
Tip: husk at følgende 5 bedste web accessibility test værktøjer registrere omkring 30% af spørgsmålene. De gør et godt udgangspunkt for en mere kompleks revision og omfattende overvågningsstrategi, som du bør sætte på plads.,
Waveave, den Venerated Accessibilityeb Accessibility Evaluation Tool for Chrome
en fuldt udstyret, let at bruge hjemmeside tilgængelighed checker, der har været i de fleste udviklere’ værktøjssæt i ganske få år nu.,
Her er hvordan det virker:
det tilføjer en visuel overlejring af fejl ikoner og tegn på, at den web-side, som du auditering
ikoner, der, når der klikkes på det, give dig med oplysninger og anbefalinger om tilgængelighed spørgsmål registreret: redundant titler, strukturelle elementer, links til HTML, dårlig farve, kontrast, hvordan disse spørgsmål indvirkning forskellige typer af brugere, hvad WCAG-retningslinjerne, er i strid osv.,
det gør du den “besværlige” code via kommenteret HTML dukker op i panelet i bunden af skærmen
I kort, Bølge er en robust website tilgængelighed brikker, der går ud over at strømline din revisionsprocessen.
det er også rettet mod at uddanne brugere (websiteebstedsejere, Tesa-testere) om tilgængelighedsproblemerne at være opmærksomme på.
“Sådan bruges Waveave accessibility tool?,”
Enten måde:
du kan bare indtaste din URL i de dertil indrettede felt på deres hjemmeside
du kan downloade den browser udvidelse
Gå til udvidelsen, især hvis det er dynamisk, password-beskyttet og gemt lokalt web-sider, som du er nødt til at tjekke.
Tenon, Accessibility as a Service
“hvordan tester jeg tilgængelighed?”
Tenon er et andet værktøj, der kommer både i en gratis og betalt version.,
What makes it “worthy” of this top 5 selection?,y tests efter forsømt retningslinjer har allerede forvandlet til kritiske spørgsmål, der påvirker brugeroplevelsen
det er sådan et fleksibelt værktøj, for skaberne af indhold, designere, udviklere og testere
det skaber… generøse rapporter med kodestykker for hver fejl, svarende WCAG-retningslinjerne, og henstillinger om, hvordan du løser dem
I kort: Tenon hjælper dig med at køre en forebyggende type af tilgængelighed ind på din hjemmeside., Du kan registrere nøgleproblemer, før de endda bliver til store brugervenlighedsproblemer
desuden kan du nemt indarbejde Tenon i dit værktøjssæt via dets API. Det integreres problemfrit med enhver CMS, IDE, implementere værktøj eller automatiseret build, som du måske bruger.
Google Lighthouse, et af de øverste automatiske Tilgængelighedstestværktøjer
“hvordan ved jeg, om mit websiteebsted faktisk er compliantcag 2.0-kompatibelt?,at bruge
Desuden er, denne tilgængelighed test-værktøj er en del af en hel suite af kontrol, som du kan køre med Chrome Developer Tools:
SEO
Progressive Web-App
Performance
Best Practices
Hvad betyder det, at det giver dig en fuldstændig rapport over sine test resultater:
om alle knapperne på denne side er tilgængelige navne eller ikke
, om alle billeder, der har ALT-attributter, der er føjet til
om denne side har en overskrift, eller ikke …
Næste, kan du bare tage den derfra og forbedre de områder, der er angivet i rapporten.,
Og her er hvordan du bruger det:
åbn devtools i din Chrome-Browser
se efter “Audit”, fane
klik på “Udføre en Revision”
Tip: gem rapport i JSON-format til senere (eller til at sende det til nogen i dit team).en anden god ting ved Google Lighthouse er, at det er et af disse værktøjer til evaluering af accessibilityebtilgængelighed, der ikke kræver, at du tilmelder dig. Du trækker bare en rapport til den online rapportfremviser, som den giver dig.
Økse Browser Udvidelse
“Hvordan kan du vide, om din hjemmeside rent faktisk er WCAG 2.,0 kompatibel?”
Du “grab” et værktøj som Økse her, og giver dit websted en automatiseret revision.
det vil bare knytte sig som en ny fane til din Chrome ‘ s Dev værktøjer. Når du klikker på den blå “analyser” – knap, får du en hel liste over” overtrædelser”, der er registreret på din side.
hvorfor har vi inkluderet det i vores meget eksklusive liste over 5 bedste testværktøjer til testingebtilgængelighed?,
fordi det er gratis (en selvstændig open source-bibliotek)
fordi du kommer til custom-tune den til dine specifikke test for tilgængelighed behov: føjer bestemte regler, integrere det med afprøvning af rammer og browsere, dit valg…
fordi hver signalerede spørgsmålet “udsætter” den tilsvarende markering, så godt
Bare slå “Inspicere koden”, og du er taget til tab i DevTools, hvor “synderen element” er skitseret.,Tip: en anden grund til, at dette er en af de første tilgængelighedscheckere på websiteebstedet, som du bør overveje, er, at a accessibility accessibility report går ud over at signalere klare overtrædelser af retningslinjer for tilgængelighed.
det fremhæver også aspekter, som du kan forbedre på dit websiteebsteds brugergrænseflade.
Siteimprove, En af de Bedste Web Accessibility Test Værktøjer
Vi bekender: Siteimprove er vores foretrukne websted accessibility checker., Her er hvorfor:
det giver os handlingsrettede oplysninger om alle spørgsmål, at det registrerer
det skaber klare forklaringer på konsekvenserne af disse spørgsmål, nogle brugere
det er også “byttet” os med en intuitiv brugeroplevelse: spørgsmål få afdækket, højre side af siden
Hvor kan du tilføje, at hele web-side revisionen er udført i Chrome browsere.
let at bruge og meget effektiv. Hvad mere kan du ønske dig fra et gratis tilgængelighedstestværktøj?,
sidste ord
gør denne type tilgængelighedstest — ved hjælp af Chrome — udvidelser-til en del af en mere omfattende teststrategi.
Du bør ikke begrænse din evaluering til de resultater, du får ved at bruge et af disse 5 bedste testværktøjer til testingebtilgængelighed.
Der er stadig et vist niveau af “menneskelig indgriben”, der er nødvendig for at fortolke disse resultater. At komme med det rette sæt trin at tage, ikke?,
Brug dem, hvis du blot ønsker at kontrollere, om:
der er nogen billeder uden ALT-beskrivelser på din hjemmeside
HTML er gyldig
din form felter har begge mærker og beskrivelser
der Henviser til, at for at vurdere:
om, at HTML er semantisk eller ikke
om dem felt beskrivelser, der er brugervenlig nok
om der er en ordentlig overskrift hierarki på en given side på din hjemmeside
… du har brug for menneskelig analyse.,
automatiseret tilgængelighedstest vil (kun) påpege vigtige aspekter, som dine Tesa-testere skal fokusere på.
slutningen!
har du brugt nogle af disse værktøjer til tilgængelighedstest på dit websiteebsted?
stopper du normalt din revision der, eller bruger du en automatiseret& manuel testtype af “combo”? Afhænger det faktisk af konteksten?
