IJkpunt 6.2 - Webrichtlijnen 1

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

Beschrijving

Het is mogelijk om met behulp van scripts onderdelen van een pagina te veranderen, zoals afbeeldingen of geluidsfragmenten. De tekstuele beschrijving van deze dynamische content moet dan mee veranderen. Het is belangrijk om dit in overweging te nemen bij het kiezen van de techniek waarmee informatie op pagina's geplaatst wordt. Namen van dynamische frames kunnen bijvoorbeeld moeilijker te wijzigen zijn dan namen van dynamische afbeeldingen.

Relevante Webrichtlijnen: R-pd.4.2

Voordelen

Als niet-tekstuele informatie op een pagina verandert (dynamische content) is het nodig dat de (tekst)equivalenten mee veranderen:

• Blinden, slechtzienden en mensen met leesproblemen of cognitieve beperkingen weten dan met behulp van spraaksynthese en braille ook wat er in de pagina te zien is.
• Doven, slechthorenden of mensen die moeite hebben om auditieve informatie te begrijpen kunnen de tekstuele weergave van de audio lezen of laten omzetten door hulpapparatuur naar gebarentaal.

Criteria voor toetsing

• Equivalenten voor dynamische content (waarvoor een tekstalternatief nodig is) worden geactualiseerd als de dynamische content verandert.

Voorbeeld

Voorbeeld 1

Op het plaatje hieronder zie je twee afbeeldingen van een website met steeds wisselende foto's. Ook de beschrijving van de foto's dient automatisch te worden geactualiseerd.

Hieronder ziet u een afbeelding waarbij een grafiek van de AEX index dynamisch wordt gegenereerd. De omschrijving van de grafiek in de alt-tekst wordt echter niet geactualiseerd.

Voorbeeld 2

1. <script type="text/javascript">
2. //<![CDATA[
3. function display_spiek() {
4. document.getElementById("spiek").src = "spiekbrief.jpg";
5. document.getElementById("spiek").alt = "Spiekbrief: 1 = A, 2 = C, 3 = B";
6. }
7. function hide_spiek() {
8. document.getElementById("spiek").src = "verborgen.jpg"
9. document.getElementById("spiek").alt = "Verborgen spiekbrief";
10. }
11. // ]]>
12. </script>
13. <span tabindex="0" onfocus="display_spiek()" onblur="hide_spiek()"
14. onmouseover="display_spiek()" onmouseout="hide_spiek()">Spiek hier!</span>
15. <img src="verborgen.jpg" alt="Verborgen spiekbrief" id="spiek" />

Het is belangrijk de alt tekst te vervangen anders blijven mensen die de afbeelding niet kunnen zien met verouderde informatie zitten.

Meer informatie over het gebruik van scripts is te vinden in ijkpunt 6.3 en ijkpunt 6.4.

Oplossingen

Voorheen vormden dynamische gegenereerde grafieken op veel sites een probleem. Het was ondoenlijk om realtime grafieken van bijvoorbeeld beursstatistieken te voorzien van goede tekstuele omschrijvingen. Elke minuut wordt een dergelijke grafiek ververst. Volgens de richtlijnen van het W3C dienen de tekstuele equivalenten echter even vaak geactualiseerd te worden als de (dynamische) content. Door gebruik te maken van technieken (server scripts als ASP of PHP) is het mogelijk om niet alleen de grafiek dynamisch te genereren, maar ook de tekstuele omschrijving daarvan.

Definities

Dynamische content

• content die met of zonder gebruikersinteractie/tussenkomst van de auteur verandert.

Verwijzingen

• R-pd.1.2 Bouw websites volgens het principe van gelaagd bouwen.
• R-pd.1.3 Maak de functie van de website niet afhankelijk van optionele technologie, zoals CSS en client-side script: optionele technologie dient de informatie op de site en het gebruik ervan te complementeren en niet de toegang ertoe te belemmeren wanneer deze technologie niet ondersteund wordt.
• R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.