Slides from a presentation on the Dutch Web Guidelines for Logeion, november 2007

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

4. Toegankelijkheid
Usability

6. $

12. Complexiteit

13. Toegankelijkheid
Usability

14. Toegankelijkheid
Usability

15. Toegankelijkheid
technologie-afhankelijk
Usability
toepassing-afhankelijk

16. Ik heb geen
blinde
gebruikers.

18. This

19. This

23. Kwaliteit.
Duurzaamheid

27. Standaarden
W3C specs
WCAG 1.0
ISO HTML

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

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

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

31. 0

32. 125

33. 5
tips

34. No frames.

35. Syntactisch
correcte code,
strict DOCTYPE.

37. Semantisch
correcte code.

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>
[...]

39. <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>
[...]

40. Progressive
enhancement.

46. Permanente, unieke (en
leesbare) URLs.

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

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

49. Be
the user.

50. Meer?
http://webrichtlijnen.overheid.nl
http://drempelvrij.nl/webrichtlijnen
http://www.kwaliteitsmodel.nl

51. kthxbye
www.the-haystack.com/presentations/logeion2007