Skip to content

cjohansen.no

Tilgjengelighetsverktøy

Å lage tilgjengelige nettsteder er en øvelse i tenke utover seg selv. Vi må tenke oss situasjoner som ikke nødvendigvis er en del av vår hverdag: Hvordan navigere uten mus, hvordan få oversikt uten syn, hvordan finne fargekodet informasjon når du er fargeblind osv. Det er ikke alltid lett å ha alle tenkelige scenarier i hodet og derfor er det godt det finnes så mange nyttige verktøy som kan hjelpe oss.

Grunnleggende teknikker

Mange teknikker for å bedre tilgjengeligheten er heldigvis ikke så vanskelig å holde styr på. De av oss som er opptatt av tilgjengelighet har stort sett ikke store problemer med å huske på å bruke semantisk HTML, lage ikke-påtrengende Javascript, skrive gode alt- og lenketekster og andre grunnleggende teknikker.

Utover det grunnleggende

Andre ting kan være verre å huske - hvilket skilletegn er best for blinde? Hvilke fargekombinasjoner bør unngås for å ikke forulempe fargeblinde? Fungerer denne menyen med Javascript men uten mus? Og mange, mange flere spørsmål. Hva man aktivt tar høyde for er i høy grad avhengig av erfaring, kjente situasjoner og input fra andre i vår umiddelbare nærhet.

For å ivareta alle disse interessene har vi idag en mengde verktøy til å hjelpe oss. Tilgjengelighetsverktøy er noe jeg stadig blir mer oppmerksom på og prøver å jobbe inn i mine daglige rutiner. Jeg mistenker at jeg såvidt har begynt å skrape toppen av isfjellet, men her følger ihvertfall et knippe verktøy jeg har funnet nyttige.

Tilgjengelighetsverktøy

Fargeblindhet - Vischeck

Vischeck er et verktøy som lar deg laste opp bilder og få de tilbake slik fargeblinde vil se dem. Vischeck simulerer tre typer fargeblindhet og er en enkel måte å unngå de verste fargekombinasjonene. Den vanligste formen for fargeblindhet er nedsatt evne til å skille mellom rød og grønn, men det er ikke alltid så enkelt som det kanskje høres ut som. Se bare eksemplene på Vischeck-siden.

Prøv Vischeck online eller last ned.

Kontrast - AccessColors

En online tjeneste som tar en URL og analyserer CSS for å sjekke om kontrast og forskjell i fargetone er tilstrekkelig for å tilfredsstille sjekkpunkt 2.2 i WCAG 1.0. Sjekken som foretas er i henhold til W3Cs anbefaling om minimum kontrast.

AccessColors.

Skjermleseremulator for Firefox - Fangs

Fangs er en utvidelse til Firefox som emulerer en skjermleser. Den leser ikke innholdet tilbake til deg, men den viser deg innholdet i én sammenhengende tekst, sånn en skjermleser ville ha lest den. Relativt ny utvidelse for meg, men den virker veldig nyttig.

Last ned Fangs.

Validering mot WCAG 1.0 - WebXACT

Denne tjenesten er helt genial. Den analyserer en side på nettstedet ditt og kommer med en del informasjon om den. Det mest interessante den kommer opp med er en tilgjengelighetsrapport. Denne rapporten er en delvis automatisk validering mot WCAG 1.0. Det som er verdt å merke seg her er at det ikke er mulig å automatisere hele prosessen med å validere tilgjengelighet. Derfor gir WebXACT deg en rapport som du må gå gjennom manuelt og enkelte punkter må sjekkes helt manuelt.

Valider med WebXACT.

Accessibility toolbar til Firefox

Dette tillegget har mange nyttige funksjoner, blant annet mulighet til å undersøke alt-tekst til bilder, bruk av headinger (<h1>, <h2> osv), se liste med lenker (ute av sin opprinnelige kontekst - veldig nyttig for å evaluere lenketekster) og mer.

Last ned og installér (kun for Firefox)

Flere verktøy

Utover de nevnte finnes det en laaang liste over verktøy hos WAI. Her er det sikkert mange flere nyttige verktøy som er verdt å få med seg. Siden tilgjengelighetsverktøy ikke er det jeg har samlet på lengst er det garantert noen jeg har gått glipp av. Hvilke er dine hotteste tips?

Possibly related

2006 - 2010 Christian Johansen Creative Commons License