Algemeen Internet Software Toetsing Toegankelijke Bouwers

W3C ijkpunt 1.2 Lever tekstlinks voor ieder actief gebied van een server-side image map

Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.

Beschrijving

Een image map is een afbeelding waarvan bepaalde gebieden links zijn. Er zijn twee soorten image maps: server-side image maps en client-side image maps (W3C ijkpunt 9.1).

Server-side image maps zijn afbeeldingen waarvan coördinatencombinaties links vormen naar andere pagina's. Ieder coördinatenpaar binnen de afbeelding kan een link vormen. De coördinaten worden na een muisklik verstuurd naar de server waar een speciaal programma uitzoekt welke pagina getoond moet worden. Het is niet mogelijk om een tekstuele beschrijving toe te voegen aan een link. In dat geval is het gebruik van tekstlinks voor elke actieve gebied een oplossing om de links begrijpelijk te maken voor screenreaders en zo een mogelijkheid voor interactie aan te bieden.

Bij client-side image maps wordt vooraf bepaald aan welke gebieden een bepaalde link en een alt-tekst wordt gekoppeld. Omdat server-side image maps meestal niet toegankelijk zijn, heeft het de voorkeur waar mogelijk voor een client-side image map (zie W3C ijkpunt 9.1) te kiezen.

Relevante Webrichtlijnen: R-pd-7.5.

Voordelen

  • Visueel gehandicapten en mensen met bijvoorbeeld RSI (Repetitive Strain Injury), die geen muis of andere aanwijsapparaten kunnen gebruiken, hebben toegang tot alle links als er een tekstlink geleverd wordt voor ieder actief gebied van een server-side image map. De tekstlinks zijn toegankelijk voor mensen die een toetsenbord of een ander invoerapparaat gebruiken.

Criteria voor toetsing

Vereiste succescriteria (conformiteitseisen) Eén van de volgende punten is van toepassing:

  • Er worden tekstlinks geleverd voor ieder actief gebied van een server-side image map.
  • Als het niet mogelijk is om tekstlinks te leveren, bijv. vanwege teveel informatie, wordt een tekstequivalent aangeboden die dezelfde functie biedt als het niet-tekstuele element en dezelfde informatie overdraagt als de schrijver had bedoeld voor de niet-tekstuele content.

Voorbeeld

Hieronder zie je een voorbeeld van een server-side image map. Wanneer de muis bij een server-side image map over de afbeelding beweegt, worden de coördinaten zichtbaar in de statusbalk (zie inzet).

Een landkaart, waarbij de coördinaten een link vormen.

Op de kaart is bijna elk punt op de kaart een link. In de statusbalk zijn de coördinaten te vinden. De hulpapparatuur, in dit geval de WebFormator (Duitstalig), geeft alleen de naam van het object weer ('server-side image map') en een alt-tekst die is gekoppeld aan de totale afbeelding. De links zijn met de hulpapparatuur niet te bereiken.

Oplossing

Eenvoudige server-side scripts

Hieronder zie je een voorbeeld van een server-side image map. In feite kan bij dit voorbeeld beter gebruik gemaakt worden van een client-side image map (zie W3C ijkpunt 9.1). Onder de afbeelding is een overzicht gegeven van de actieve regio's die de coördinatenparen vormen. Dit linkoverzicht vormt voor mensen die gebruik maken van hulpapparatuur de enige mogelijkheid om inzicht en toegang tot de links te krijgen. Zonder dit extra linkoverzicht zou in hulpapparatuur de afbeelding zonder links worden weergegeven waardoor deze niet toegankelijk zou zijn.

Screenshot van een server-side image map van de kaart van alle staten van Amerika. Daaronder de staten als tekstlink

Cartografische applicaties

Steeds vaker worden op websites GIS applicaties gebruikt om bijvoorbeeld de route aan te geven naar een bepaald locatie. Vaak wordt er ook direct een toegankelijk alternatief aangeboden in de vorm van een tekstbeschrijving. Meestal wordt bij deze kaarten gewerkt met een soort server side map ter bescherming van de cartografische data. Soms is de functionaliteit van een dergelijke applicatie ingewikkelder zoals bij risico kaarten (enkele provincies hebben die op de website staan). Voor lang niet alle GIS functionaliteit is het mogelijk om een toegankelijk alternatief te maken maar vaak is een export naar een toegankelijker formaat dat ook werkt op mobiele platforms zeer goed mogelijk. Informeer tijdig over de laatste mogelijkheden.

Definities

Actief gebied
Een gebied dat kan worden aangeklikt of op andere wijze mogelijkheden voor interactie biedt.

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: Kijk of er bij een image map coördinaten in de statusbalk weergegeven worden. In dat geval is er sprake van een server-side image map. Controleer vervolgens of er alternatieve tekstlinks zijn geleverd binnen dezelfde webpagina.