IJkpunt 9.1 - Webrichtlijnen 1
Lever client-side image maps in plaats van server-side image maps behalve waar de gebieden niet kunnen worden gedefinieerd met behulp van een beschikbaar geometrisch model.
Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.
Beschrijving
Zoals besproken is bij W3C ijkpunt 1.2 zijn er twee soorten image maps: server-side image maps en client-side image maps. Dit ijkpunt betreft client-side image maps. Behalve complexe toepassingen zoals ingewikkelde geografische informatiesystemen kan in de meeste gevallen het best gebruik worden gemaakt van client-side image maps. Werk alleen met server-side image maps als gebieden niet met een beschikbare geometrische vorm kunnen worden gedefinieerd.
Voordelen
- Mensen die geen muis of andere aanwijsapparaten kunnen gebruiken, bijvoorbeeld visueel gehandicapten of mensen met RSI, profiteren van deze richtlijn. Client-side image maps zijn namelijk niet afhankelijk van een specifiek invoerapparaat, waar server-side image maps dat wel zijn. Server-side image maps zijn alleen toegankelijk met een muis of een ander aanwijsapparaat en bijvoorbeeld niet met een toetsenbord.
Criteria voor toetsing
Indien er gebruik is gemaakt van server-side image maps, zijn de volgende punten waar:
- De informatie kon niet worden geleverd in de vorm van een client-side image map;
- De gebieden konden niet worden gedefinieerd met een beschikbaar geometrisch model;
- Er is een equivalent dat dezelfde content en functionaliteit biedt.
Voorbeeld
Server side menu
De afbeelding hieronder toont een navigatiebalk van een site. In dit menu wordt een server-side image map gebruikt. Dit is eigenlijk volkomen onnodig omdat de links prima door eenvoudige geometrische vormen weer te geven zijn. Zoals te zien is, is het alt-attribuut bij alle onderdelen "menubar". In dit geval was het beter geweest om een client-side image map te kiezen. Elke link kan dan voorzien worden van een eigen alt-tekst. Hierdoor is de informatie goed te benaderen met hulpapparatuur.

Oplossingen
Gebruik, indien mogelijk, client-side image maps in plaats van server-side image maps en geef zinvolle alt-teksten mee aan de gebieden gekoppeld aan de links.
Definities
Beschikbare geometrische vorm
Een vorm die in een programma gedefinieerd kan worden om links of andere vormen van interactie te bieden. Op dit moment kunnen in de meeste opmaakprogramma's bijna alle vormen worden gedefinieerd. De enige uitzondering wordt gevormd door programma's en websites die gerelateerd zijn aan geografische informatiesystemen.
Verwijzingen
- R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.
- Tags:
- Categorie:
- Kennisbank
Geaccrediteerd voor inspectie voor het Waarmerk drempelvrij.nl
Deze pagina delen