Hvordan vet du om din nettside er 100% WCAG-2.1-kompatibel? Hva er den beste web accessibility testing verktøy der ute som du kan bruke?, Her er 5 automatisert tilgjengelighet testing verktøy som vi anbefaler at du prøver først:
Foto: John Schnobrich på Unsplash
Du har gått gjennom retningslinjer, standarder, advarsler, og beste praksis inkludert i W3C anbefalinger og… du sitter fast. Hvordan vet du om din nettside er 100% WCAG-2.1-kompatibel? Hva er den beste web accessibility testing verktøy der ute som du kan bruke?,
Gratis, enkelt å bruke tilgjengelighet-evaluering verktøy som du kan kjøre på din nettside for å oppdage problemer på lur i det.
Og som kunne til og med få deg noen verdifulle anbefalinger om de beste måtene å løse dem.
Alt det før du faktisk har noen (eller til og med et helt team av QA testere) gjennomgå nettstedet ditt. Før du kan utføre en grundig tilgjengelighet revisjon og kjøre brukersentrert testing økter med… virkelige mennesker involvert.,
Du må tenke på leserutvidelser…
De er så tilgjengelig: du bare åpne siden du vil vise og klikker på en knapp i verktøylinjen. De er gratis og gjøre store «starter» for å identifisere tilgjengelighetsproblemer på ditt nettsted. Og for å få hendene på noen verdifulle anbefalinger om hvordan du kan løse dem.
Så, her er 5 automatisert tilgjengelighet testing verktøy som vi anbefaler at du prøver først:
«Er det noen anbefalte verktøy tilgjengelig som kan hjelpe meg å teste for tilgjengelighet spørsmål?,r kontrast på bestemte sider (eller ingen motsetning i det hele tatt)
ett eller flere bilder som ikke har ALT-beskrivelser legges til
en redaktør slettet innholdet for ett av H2-tagger men venstre som tag dvelende i det og forvirrende skjermen lesere
noen fra design teamet har satt en plassholder for tekst i stedet for et tekstfelt, som risikerer å vise en umerket feltet, at skjermlesere kan ikke… les
det er en etikett som mangler fra nyhetsbrev-registreringsskjema
Disse er alle hyppige problemer som web accessibility evaluering verktøy kan hjelpe deg å oppdage og adresse.,
De faller inn i flere kategorier:
leserutvidelser, som vi vil fokusere på i dette innlegget
command-line verktøy tilgjengelighet testing verktøy som du kan integrere med kontinuerlig integrasjon-system
Tips: husk at du følgende 5 beste web accessibility testverktøy oppdage ca 30% av sakene. De gjør et flott utgangspunkt for en mer kompleks revisjon og omfattende overvåking strategi som du bør sette på plass.,
Bølge, Æret Web Accessibility Evaluation Tool for Chrome
En fullfunksjons, enkel å bruke nettstedet tilgjengelighet checker som har vært i de fleste utviklere’ verktøysett for ganske mange år nå.,
Her er hvordan det fungerer:
det gir en visuell overlegg av feil ikoner og indikasjoner til web-siden som du er revisjon
ikoner som, når den klikkes, gi deg informasjon og anbefalinger om tilgjengelighet problemer oppdaget: redundant titler, strukturelle elementer, lenker til HTML, dårlig fargekontrast, hvordan disse problemene påvirker ulike typer av brukere, hva WCAG-retningslinjene de bryter, etc.,
den peker ut for deg «plagsom» kode via forklart HTML dukker opp i panelet på bunnen av skjermen
kort sagt, Wave er en av de robust nettsted tilgjengelighet brikker som går utover effektiviserer revisjonen.
Det er også rettet mot å utdanne brukerne (nettside eiere, QA testere) om tilgjengelighet problemer med å betale oppmerksomhet til.
«Hvordan å bruke Wave tilgjengelighet verktøyet?,»
Enten slik:
du kan bare skrive inn URL-adressen i dedikert felt på deres hjemmeside
du kan laste ned nettleseren extension
Gå for utvidelsen spesielt hvis den er dynamiske, passord-beskyttet og lokalt lagrede web-sider som du trenger for å sjekke.
Tenon, Tilgjengelighet som en Service
«Hvordan kan jeg teste tilgjengelighet?»
Tenon er et annet verktøy som kommer i både gratis og betalt versjon.,
What makes it «worthy” of this top 5 selection?,y tester etter neglisjert retningslinjene har allerede slått inn kritiske problemer som påvirker brukeropplevelsen
det er et fleksibelt verktøy for innhold skapere, designere, utviklere og testere
det genererer… sjenerøs rapporter med kodebiter for hver feil, noe som tilsvarer WCAG-retningslinjene, og anbefalinger om hvordan du kan løse dem på
kort sagt: Tenon hjelper deg med å kjøre en forebyggende type av tilgjengelighet sjekk på ditt nettsted., Du kan oppdage viktige spørsmål før de selv får til å slå inn store brukervennlighet problemer
Videre, kan du enkelt innlemme Tenon inn din verktøysett via sin API. Det integrerer jevnt med alle CMS, IDE, distribuere verktøyet eller automatisert bygge som du kan bruke.
Google Fyr, En av de beste Automatiserte Tilgjengelighet Testing Verktøy
«Hvordan vet jeg om min nettstedet faktisk er WCAG 2.0-kompatibel?,å bruke
Videre, denne tilgjengeligheten testing verktøy er en del av en hel suite av sjekker at du kan kjøre ved hjelp av Chrome Utvikler Verktøy:
SEO
Progressive Web App
Ytelse
Best Practices
Hva den gjør det gi deg en full rapport av sine testresultater:
om alle knappene på denne siden har tilgjengelig navn eller ikke
om alle de bilder har ALT-attributter lagt til
om denne siden har en tittel eller ikke …
Neste, du bare ta det derfra og forbedre de områder som er signalisert i rapporten.,
Og her er hvordan du skal bruke det:
åpne devtools i Chrome-Nettleseren
se etter «Revisjon» – fanen
klikk på «Utføre Revisjon»
Tips: lagre rapporten i en JSON-format for senere (eller for å sende den til noen i ditt team).
en Annen stor ting om Google-Fyrtårn er at det er en av de web accessibility evaluering verktøy som ikke krever at du registrerer deg. Du bare drar en rapport på online report viewer at det gir deg.
Øks Nettleser Utvidelse
«Hvordan vet du at hvis nettstedet ditt er faktisk WCAG 2.,0-kompatibel?»
Du «ta» et verktøy som Øks her og gi området en automatisert revisjon.
Det vil bare feste seg som en ny fane i Chrome-er Eller Verktøy. Når du klikker på den blå «analyser» – knappen, vil du bli gitt en hel liste av «brudd» oppdaget på din side.
Hvorfor har vi tatt det i vår meget eksklusive listen over 5 beste web accessibility testing verktøy?,
fordi det er gratis (en selvstendig åpen-kilde bibliotek)
fordi du får tilpasset justere den til dine spesifikke tilgjengelighet testing behov: legge til bestemte regler, integrere den med testing rammeverk, og lesere av ditt valg for…
fordi hver signalisert problemet «avslører» tilsvarende markeringer, så vel
Bare trykke «Inspisere koden», så kommer du til fanen i DevTools, hvor den «skyldige element» er skissert.,
Tips: en annen grunn til at dette er en av de første nettsted tilgjengelighet brikker som du bør vurdere er at Øksen tilgjengelighet rapporten går utover signaliserer klart brudd på retningslinjer for tilgjengelighet.
Den fremhever også aspekter som du kan forbedre ditt nettsted UI.
Siteimprove, En av de Beste Web Accessibility Testing Verktøy
Vi bekjenner: Siteimprove er vår favoritt nettstedet tilgjengelighet checker., Her er hvorfor:
det gir oss nyttig informasjon om alle problemene som den oppdager
det genererer klare forklaringer på virkningen av disse problemene på noen brukere
det også «skjemmer bort» oss med intuitiv brukeropplevelse: problemer få markert til høyre på siden
Hvor kan du legge til at hele nettsiden revisjonen er utført i Chrome nettlesere.
Enkel å bruke og svært effektiv. Hva mer kan du ønske fra en gratis tilgjengelighet testing verktøy?,
Siste Ordet
Slå denne typen av tilgjengelighet testing — ved hjelp av Chrome-utvidelser — i en del av en mer omfattende testing strategi.
Du bør ikke begrense din vurdering til resultater som du får ved å bruke noen av disse 5 beste web accessibility testverktøy.
Det er fortsatt en viss grad av «menneskelige inngrep» som trengs for å tolke disse resultatene. For å komme opp med riktig steg å ta, ikke sant?,
Bruke dem hvis du bare ønsker å sjekke om:
det er noen bilder uten ALT beskrivelser på din nettside
HTML-koden er gyldig
dine feltene har både etiketter og beskrivelser
Mens det for vurdering:
om at HTML er semantisk eller ikke
om disse felt beskrivelser er brukervennlig nok
om det er en riktig vei hierarki på en bestemt side på nettstedet ditt
… du trenger menneskelig analyse.,
Automatisert tilgjengelighet testing (kun) peker på viktige aspekter for QA testere til å fokusere på.
SLUTT!
Har du brukt noen av disse tilgjengelighet testing verktøy på nettstedet ditt?
pleier du å stoppe revisjon der, eller må du bruke en automatisert & manuell testing type «combo»? Gjør det, avhenger av konteksten egentlig?
