Blog om foto, web og brugervenlighed

Tilgængelighed. Toolbars og andre værktøjer

april 30th, 2008. Kategori: Brugervenlighed

Når man arbejder med tilgængelighed, skal værktøjet være i orden. Der findes en lang række forskellige værktøjer, når man skal arbejde med et websites tilgængelighed. Lad os først se på den håndfuld toolbars, der findes. 

Toolbarenes funktioner 

Fælles for toolbarene, er at de indeholder et væld af nyttige funktioner, når en hjemmesides tilgængelighed skal testes. De har alle funktioner som:

• HTML validering. Validér siden med et enkelt klik.
• Script funktioner, hvor man f.eks. kan slå JavaScript og ActiveX til og fra
• CSS funktioner, der viser siden med CSS slået til og fra, samt overblik over CSS
• Farve funktioner, hvor man kan se websiden i gråtoner finde værktøjer til kontrol af kontraster
• Struktur funktioner, hvor man f.eks. kan se overskriftsniveauer, tabeller,  liste og andre html elementers placering på siden og i DOM modellen

3+2  toolbarer til tilgængelighed og webudvikling

AIS Web Accessibility Toolbar er den bedste Internet Explorer toolbar til begynderen. Den er dansksproget, og der  findes også en omfattende dansk dokumentation til toolbaren.

Web Accessibility Toolbar er en anden god Internet Explorer toolbar til at undersøge tilgængelighed.

Til Firefox findes Firefox Accessibility Extension, som er den toolbar, jeg har brugt mest. Ikke fordi den er bedre end de andre, men hvis man kombinerer Firefox Accessibility Extension med  Firebug  og/eller Webdeveloper, har man et meget kraftigt og gratis webudviklingsværktøj. Både når man webudvikler med fokus på tilgængelighed, og når man laver mere generelt webdesign.

Der er variationer i antallet og kvaliteten af værktøjerne i de forskellige toolbars.  Så det endelig valg afhænger dels af personlig smag og dels af, hvilken tilgængelighedsproblematikker, der er mest relevante i forhold til den side, man udvikler eller tester.

Tilgængelighed for farveblinde

På vischeck.com kan man online tjekke sine designs tilgængelighed for farveblinde. Man kan se,  hvordan ens websted ser ud med en farveblinds øjne. Vischeck.com simulerer tre forskellige typer af farveblindhed.

Man kan også downloade et plugins til Photoshop (plugin findes både til Windows og Mac)  eller ImageJ (plugin til Linux) .  Plugin’et  kan også simulere 3 forskellige former for farveblindhed. Resultatet kan blive mere præcist med dette plugin, da vischecks online service kan svinge noget i kvalitet afhængig hvilken typer billeder, der skal behandles.

Tabeller og tilgængelighed

Her kan man finde redskab til at lave tabeller, der lever op til tilgængelighedsreglerne. Man starter med at vælge om tabellen er simpel eller kompliceret, og vælger derefter antallet af koloner, rækker, overskrifter etc. Redskabet laver både XHTML og CSS, som man enten kan bruge direkte eller udvikle videre på.  

Mere om tilgængelighed

Hvis du er interesseret i at læse mere om tilgængelighed kan du downloade hele min rapport “Tilgængelighed på Internettet“.

Den behandler tilgængelighed i brede træk med fokus på brugervenlighed og tilgængelighed.

Baggrunden for rapporten af en undersøgelse af tilgængelighed på Statsbibliotekets website. 

Rapporten indeholder bland andet:

• Definition af tilgængelighed
• Definition af målgrupper
• Prioritering af tilgængelighed
• Krav til tilgængelighed i den offentlige forvaltning
• Metoder til afdækning af et websted tilgængelighed
• Diskussion af konkurencen “Bedst på Nettet”
• Brugervenligt lauoyt
• Brugervenlige tekster
• Diskussion af mulighederne for at øge fokus på tilgængelighed
• Grundig litteratur liste med henvisning til både bøger, artikler og Internetressourcer.