10 verktøy for å forbedre tilgjengeligheten på nettstedet
Det er ingen tvil om at du forstår behovet for at nettstedet ditt skal være tilgjengelig for så mange brukere som mulig. Men å lese gjennom alle retningslinjene og standardene kan være litt overveldende. Du kan finne de siste W3C-anbefalingene her, men trenger du å vite hvert ord, og følge alle retningslinjer?
I dag skal vi prøve å gjøre det hele litt enklere med noen verktøy og ressurser som hjelper deg med å forbedre tilgjengeligheten til nettstedet (og kanskje til og med noen kontroller for å vurdere at de ikke var på radaren din!).
Enten du ønsker å sikre at du har nok visuell kontrast, et nettsted som er tilgjengelig for skjermlesere, eller til og med lager tilgjengelige e-postmeldinger, har vi deg dekket!
1. Fargesikker
Color Safe hjelper deg med å sjekke (og til og med lage) tilgjengelige fargepaletter basert på WCAG-retningslinjer for tekst- og bakgrunnsfargekontrast. Verktøyet og standardene bruker en forholdsbasert formel for å bestemme fargekombinasjoner som kan leses av alle.
WCAG Retningslinjer anbefaler et kontrastforhold på 4, 5 for liten (kropps) tekst og 3 for stor tekst (alt over 24 poeng).
Bare skriv inn fargene dine - basert på HEX-kode - valg av størrelse og størrelse og generer en palett. Du får et øyeblikkelig forhold å sjekke mot og kan se andre lignende farger. Sjekk gjennom for å se om noe lignende kan være et bedre alternativ basert på skrifttype og størrelse.
2. NoCoffee
NoCoffee er en Google Chrome nettleserutvidelse som hjelper deg å visualisere designet ditt på samme måte som noen som er synshemmede kan se det. (Ingenting fremhever viktigheten av tilgjengelighet som å se det på denne måten.)
Den kan se etter og vise følgende:
- Lav skarphet med liten tekst eller klikkmål
- Problemer med lav kontrast med tekst- og bakgrunnselementer
- Fargeblindhet
- Visuell snø, gjenskinn, spøkelse og grå stær
- Nystagmus, som er rask ufrivillig bevegelse av øynene
- Hindrede visuelle felt
3. Kontrastkontroll
Contrast Checker lar deg legge inn bakgrunns- og forgrunnsfarger på skjermen og få umiddelbare kontroller mot flere visuelle standarder med et øyeblikkelig, fargekodet pass / mislykket.
Fin funksjoner i verktøyet inkluderer muligheten til å bla mellom farge- og gråtonealternativer, dele prøver av sjekkene dine og trekke farger fra bilder. Du kan også lagre en PDF-prøve. Det er et enkelt verktøy med mange funksjoner som alle kan bruke raskt.
Det gir også fargeforholdet, som beskrevet i WCAG-retningslinjene.
4. Tota11y
Tota11y er en JavaScript-fil som setter en liten knapp i nederste hjørne av dokumenter. Den utvides med en verktøylinje som inkluderer flere plugins for forskjellige tilgjengelighetssjekker.
- Overskrifter og brudd på ordensbestillinger
- Kontrast (eller mangel på slike)
- Koble tekst som mangler eller er forvirrende
- Etiketter som mangler fra innganger
- Bilder uten alt-tekst
- Etiketter er ARIA-landemerker
- Skjermleser “wand” slik at du kan “lese” nettstedet slik en skjermleser ville gjort
5. Bølg
WAVE, eller verktøy for evaluering av tilgjengelighet på nettet, er en robust samling av sjekker på ett sted.
Verktøyet bruker et visuelt overlegg av ikoner som er relatert til informasjon i sidefeltet for å gi detaljer om alt fra fargekontrast til overflødige titler til lenker til HTML og strukturelle elementer.
Gratis sjekkeren gir deg nesten alt du trenger å vite om en enkelt side, men WAVE inkluderer også betalte verktøy på bedriftsnivå for eiere eller brukere som ønsker flere sider enn om gangen. Det inkluderer også Chrome- og Firefox-nettleserutvidelser som kan sjekke intranett, passordbeskyttet, dynamisk genererte eller sensitive websider i et privat miljø.
6. 508 Checker
508 Checker tester nettadresser for å avgjøre om et nettsted oppfyller retningslinjene for USAs 508 compliance, som er lovpålagt for enhver organisasjon som mottar føderal finansiering.
Selv om dette verktøyet er gratis, må du registrere deg for å se hele resultatet av skanningen.
Nettstedet inneholder andre verktøy og ressurser også, inkludert en quiz for å hjelpe organisasjoner med å finne ut om de er underlagt 508 samsvar og spesifikke ressurser for høyere utdanning, ideelle organisasjoner og statlige organer.
7. HTML_CodeSniffer
HTML_CodeSniffer er et klientsideskript som sjekker kildekoden og ser etter brudd på definerte standarder. Den sjekker både retningslinjer for tilgjengelighet på webinnhold 2.0 og USAs avsnitt 508.
Lim inn koden direkte på nettstedet for en sjekk, eller bruk bokmerke.
Det er enkelt å bruke, og du kan velge hvilken type informasjon som skal vises - feil, advarsler eller merknader og se en rapport som inneholder detaljerte spørsmål fra sjekken.
8. Tilgjengelig e-post
Tilgjengelig e-post er en online sjekker og HTML-redigerer som hjelper deg med å forbedre koden til et e-postnyhetsbrev før du sender det ut. (Du kan også sjekke tidligere / sendte kampanjer.)
Med så mye digital kommunikasjon og leadgenerering som kommer fra e-post, burde det ikke være et av de glemte nettstedselementene når det gjelder tilgjengelighet, men det er det ofte. De samme reglene for tilgjengelighet på nettet gjelder også for e-postsendinger.
Verktøyet er gratis å bruke og designet for å fremme tilgjengelighet og brukbarhet via e-postmarkedsføring.
9. Amara
Amara er et verktøy for å lage undertekster og lukkede bildetekster for video.
Å tilby en måte å koble til uten lyd eller på et annet språk kan åpne designelementene dine for flere mennesker, spesielt hvis video er et sentralt element i designen.
Dette verktøyet inkluderer gratis og bedriftsalternativer som gjør det enkelt å sette språket på skjermen i et lesbart format som fungerer på nettsteder og videostreamingsplattformer som YouTube.
10. MobiReady
MobiReady tilbyr en mobil tilgjengelighetstest i et visuelt format og med en rapportrapport, slik at du kan se hvor nettstedet ditt kan komme til kort på den minste enheten.
Du kan sammenligne nettstedet ditt mot Alexa 1000, som er en rangering av de beste nettstedene i verden; få detaljerte tekniske resultater med anbefalinger og se gjengivelser av nettstedet ditt på forskjellige skjermer, inkludert enheter for høyt, mellomt og lavt nivå.
En av de beste delene av denne testen er at den blir scoret i dusinvis av områder, og det er forslag til forbedringer med "mislykkes."
Konklusjon
Når det gjelder tilgjengeligheten til nettstedet, er det viktig å vurdere brukervennlighet og lesbarhet for alle typer brukere. Tenk på farge, størrelse og plassering av elementer, bildetekster og undertekster, passende HTML og struktur og til og med e-post, slik at du gir en best mulig opplevelse for flest mulig.
Det er også viktig å sjekke for regionale eller nasjonale samsvarsregler som kan gjelde for prosjektene dine, for eksempel 508 samsvarsstandarder nevnt ovenfor.
Og når det tviler, er det bedre å feile på siden av tilgjengeligheten. Det er OK å finpusse en farge fra en palett eller støpe opp en skriftstørrelse slik at flere kan forstå hva som er på skjermen med letthet.
