Terug naar Webrichtlijnen 1 - Overzicht van ijkpunten

IJkpunt 6.4 - Webrichtlijnen 1

Zorg er in het geval van scripts en applets voor dat event handlers onafhankelijk zijn van het invoerapparaat.

Referentie: Dit ijkpunt overschrijdt conformiteit met WCAG 1.0. Er bestaat geen overeenkomend WCAG 1.0 ijkpunt.

Beschrijving

De meeste mensen gebruiken een muis en toetsenbord om de computer te bedienen en op webpagina’s te navigeren. Mensen met een visuele handicap kunnen echter niet altijd de muis gebruiken. Weer andere mensen kunnen het toetsenbord niet gebruiken en moeten andere invoerapparaten gebruiken zoals spraak, mondstok, invoer op het scherm, eyetrackers, enzovoort. Interactie met de site mag niet afhankelijk zijn van bepaalde invoerapparaten maar moet onafhankelijk zijn van invoerapparatuur.

Voordelen

  • Gebruikers kunnen verschillende soorten invoerapparatuur gebruiken.

Criteria voor toetsing

  • Voor scripts en applets worden alleen event handlers gebruikt die onafhankelijk zijn van het invoerapparaat.

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