5. 






13. Wat levert het op?

18. 28%
15%
55+ 65+

24. Wegwijs in het lingo

26. • •
•
• •
•
•
•

27. De basisprincipes

28. 


30. Uitzondering:
 Decoratieve afbeeldingen

31. Alt=“De Amsterdamse grachten lagen
vol bootjes met oranje feestvierders”

32. Alt=“Foto van Arnold
Schwarzenegger”

33. Alt=“Doe nu in 2 minuten de Spaartest
(advertentie SNS Bank)”

35. <a href=“/” title=“Ga naar homepage shell.nl”>
<img src=“logo.png” alt=“Shell logo” />
</a>

37. Alt=“”

39.  Ondertiteling
 Audiobeschrijving
 Transcriptie

40. http://www.rijksoverheid.nl/documenten-en-
publicaties/videos/2011/04/19/wekelijks-gesprek-rtlz-19-april-

41.  Geen html-elementen voor visuele trucjes
 Niet alleen kleur, vorm, omvang, locatie of
geluid

48. •
•
•
•
•
•

49. De paginatitel
Paragraaftitel
Alinea in de paragraaf
Subparagrafen komen ook voor
Alinea in de subparagraaf

50. De paginatitel
Paragraaftitel
Alinea in de paragraaf
Subparagrafen komen ook voor
Alinea in de subparagraaf

53. <th scope=“col”> <th scope=“col”> <th scope=“col”>
product </th> maart </th> april </th>
<th scope=“row”> <td> 240 </td> <td> 287 </td>
soep </th>
<th scope=“row”> <td> 582 </td> <td> 479 </td>
patat </th>

54.  Genoeg contrast tussen tekst en achtergrond
 Tekst schalen

62.  Komt de cursor overal?
 Ook in Google Maps en de videospeler?
 Is de tabvolgorde logisch?

63. Controle over:
 Tijdslimieten
 Bewegende, knipperende, scrollende of
automatisch actualiserende content

64.  Geen snelle flitsen

66.  ‘Skip’-links en ‘anker’-links
 Beschrijvende titels en links
 Alternatieve routes

69. <a href=“pagina.html” title=“Eerste
Kamer verwerpt milieuwet”>
</a>

70. http://www.den-dopper.com/2007/09/27/effectiever-hyperlinken-vertrouwen-is-te-
ontwerpen-deel-3/

71. Als ontwerper begin je het liefst
met het ideaalplaatje. Dat is
volkomen logisch en prima. Maar
vraag jezelf als ontwerper
regelmatig af: “Is dit zo
toegankelijk voor iedereen?” Zo
niet, in welke vorm dan wel?

72.  Taal en taalwissels
 Afkortingen
 Moeilijke begrippen
 Taalniveau B1 (meestal)

77.  Geen onverwachte contextwijzigingen
 Consequente navigatie en functionaliteiten

87.  Gebruik strikte specificaties (bv. XHTML 1.0
strict)
 Gebruik geen ‘depricated’ elementen (bv.
font)

88.  Houd structuur en vormgeving zoveel
mogelijk gescheiden
 Maak de vindbaarheid en bruikbaarheid
van content niet afhankelijk van scripts en
plugins.

93.  Directory-structuur
 Geen sessies
 Doorverwijzen bij verplaatste content
 Canonical URI’s

94. 






96. Welke website is toegankelijker?
www.rotterdam.nl of www.delft.nl ?
Beoordeel de toegankelijkheid volgens de 14
principes.

97. f.den.dopper@hr.nl
@ferrydendopper