Algemeen Internet Software Toetsing Toegankelijke Bouwers

Menu

Logo inspectie Raad van Accreditatie I-184
Geaccrediteerd voor inspectie voor het Waarmerk drempelvrij.nl

naar het W3C

W3C ijkpunt 9.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 geo­grafische 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.

Afbeelding van een server-side image map gebruikt voor een navigatiemenu van een site. Zoals te zien is het alt-attribuut bij de onderdelen 'menubar'.

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.

©2010 Stichting Accessibility. Disclaimer | Privacy policy | XHTML en CSS valide

Login

Meer informatie

Snelle evaluatietip

Mogelijkheid 1: Zoek een server-side image map en ga na of die vervangen had kunnen worden door een client-side image map.