Presentation for Dutch front-end developers association Fronteers, on the most important real-world aspects of the Dutch Web Guidelines. *The first slide in Comic Sans was intentionally bad.*

1. WEBRICHTLIJNEN
FUN FOR THE WHOLE font-family!

2. Webrichtlijnen
De
in de praktijk
Stephen Hay, Cinnamon Interactive

3. Ik heb geen
blinde
gebruikers.

5. Ik gebruik
<div>’s en
alt-tags

9. This

10. This

13. “
Daar word
ik niet
vrolijk van.

15. Kwaliteit.
Duurzaamheid

18. Standaarden
W3C specs
WCAG 1.0
ISO HTML

19. Unobtrusive Javascript
+ Conditional comments
[...]
best
practices.

20. Problemen?

21. Problemen?
CMS’en

22. Problemen?
CMS’en
Editors/IDE’s

23. Problemen?
CMS’en
Editors/IDE’s
Gebrek aan kennis

24. Kansen.

25. Kansen.
Verbeterde CMS’en

26. Kansen.
Verbeterde CMS’en
Tool-onafhankelijk ontwikkelen

27. Kansen.
Verbeterde CMS’en
Tool-onafhankelijk ontwikkelen
Kennisontwikkeling

28. 0

29. 125

30. 5
stappen

31. No frames.

32. Syntactisch
correcte code,
strict DOCTYPE.

35. Semantisch
correcte code.

36. <div id=quot;page_titlequot;>Plannen</div>
<div id=quot;page_contentquot;>
<div id=quot;introquot;>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;><strong>Plannen 2008</strong>
</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;></font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>&nbsp;</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>Blah blah...</p>
[...]

37. <div id=quot;page_titlequot;>Plannen</div>
<div id=quot;page_contentquot;>
<div id=quot;introquot;>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;><strong>Plannen 2008</strong>
</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;></font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>&nbsp;</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>Blah blah...</p>
[...]
<h1>Plannen</h1>
<div id=quot;page-contentquot;>
<h2>Plannen 2008</h2>
<p class=quot;inleidingquot;>
[...]
</p>
[...]

38. <div id=quot;page_titlequot;>Plannen</div>
<div id=quot;page_contentquot;>
<div id=quot;introquot;>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;><strong>Plannen 2008</strong>
</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;></font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>&nbsp;</font></p>
<p class=quot;wordquot;><font style=quot;font-size: 12px;quot;>Blah blah...</p>
[...]
<h1>Plannen</h1>
<div id=quot;page-contentquot;>
<h2>Plannen 2008</h2>
<p class=quot;inleidingquot;>
[...]
</p>
[...]

39. Progressive
enhancement.

41. Permanente, unieke
(en leesbare) URLs.

42. http://example.com/?id=3835&pid=57829&rid=378952&qid=874528&sid=JVWJJ@*UJ@*H

43. http://example.com/?id=3835&pid=57829&rid=378952&qid=874528&sid=JVWJJ@*UJ@*H
http://example.com/nieuws/2007/gilde/oprichtingscongres/

44. Be
the user.

45. eer?
http://webrichtlijnen.overheid.nl/
http://drempelvrij.nl/webrichtlijnen

46. kthxbye
www.the-haystack.com/presentations/gilde2007