DeWebrichtlijnenin de praktijk

Stephen Hay, Cinnamon Interactive

http://www.edht.org.uk/Images/people/TimBerners-Lee1.jpg

Toegankelijkheid

Usability

$

Complexiteit

Toegankelijkheid

Usability

Toegankelijkheid

Usability

Toegankelijkheid

Usability

technologie-afhankelijk

toepassing-afhankelijk

Ik heb geen blinde gebruikers.

“

”

This

This

Kwaliteit.Duurzaamheid

StandaardenW3C specs

WCAG 1.0ISO HTML

+best practices.

Unobtrusive JavascriptConditional comments

[...]

Problemen?CMS’en

Editors/IDE’sGebrek aan kennis

Kansen.Verbeterde CMS’en

Tool-onafhankelijk ontwikkelenKennisontwikkeling

8020

125

5tips

No frames.1

Syntactisch correcte code,strict DOCTYPE.

2

Semantisch correcte code.

3

<div id="page_title">Plannen</div> <div id="page_content"> <div id="intro">

<p class="word"><font style="font-size: 12px;"><strong>Plannen 2008</strong></font></p>

<p class="word"><font style="font-size: 12px;"></font></p> <p class="word"><font style="font-size: 12px;">&nbsp;</font></p> <p class="word"><font style="font-size: 12px;">Blah blah...</p>

[...]

<div id="page_title">Plannen</div> <div id="page_content"> <div id="intro">

<p class="word"><font style="font-size: 12px;"><strong>Plannen 2008</strong></font></p>

<p class="word"><font style="font-size: 12px;"></font></p> <p class="word"><font style="font-size: 12px;">&nbsp;</font></p> <p class="word"><font style="font-size: 12px;">Blah blah...</p>

[...]

<h1>Plannen</h1><div id="page-content"> <h2>Plannen 2008</h2> <p class="inleiding"> [...] </p> [...]

Progressive enhancement.

4

Permanente, unieke (en leesbare) URLs.

5

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

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

http://example.com/nieuws/2007/logeion

Be the user.

Meer?http://webrichtlijnen.overheid.nl

http://drempelvrij.nl/webrichtlijnen

http://www.kwaliteitsmodel.nl

kthxbyewww.the-haystack.com/presentations/logeion2007