Terug naar Webrichtlijnen 1 - Overzicht van ijkpunten

IJkpunt 9.2 - Webrichtlijnen 1

Zorg ervoor dat elk element dat zijn eigen interface heeft aangestuurd kan worden op een apparaatonafhankelijke manier.

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

Beschrijving

Sommige websites bieden pagina's waarop elementen hun eigen interface hebben zoals games of interactieve e-learning modules, waarbij meestal eigen technologie wordt gebruikt. Zorg ervoor dat dit element ook op een apparaatonafhankelijke manier kan worden bestuurd.

Voordelen

  • elk element dat zijn eigen interface heeft, is voor verschillende soorten invoerapparatuur toegankelijk.

Criteria voor toetsing

  • Alle elementen die hun eigen interface hebben, kunnen op een apparaatonafhankelijke manier worden bestuurd.

Voorbeelden

  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 dat webpagina's ook werken voor toetsenbordgebruikers. Dit kan worden berijkt door waar nodig elementen tabbaar te maken. Dit is geen probleem voor links of formulierelementen. Echter in het voorbeeld wordt een span element gebruikt. Geef deze het tabindex attribuut mee om het berijkbaar te maken voor het toetsenbord. De onfocus en onblur event handlers zijn apparaat onafhankelijk en kunnen ondermeer met het toetsenbord gebruikt worden.

Een uitzondering voor deze regel is het onclick attribuut. Alle browsers zijn inmiddels zo gemaakt dat onclick ook met het toetsenbord geactiveerd kan worden.

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

Definities

  • Geen.

Verwijzingen

  • 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.
  • Delen op Facebook
  • Delen op Twitter
  • Delen op LinkedIn
  • Delen op Google+