2. Inhoud
Wat zijn webrichtlijnen, waarom zouden we
daar iets mee moeten en hoe doe je dat dan?
3. Webrichtlijnen?
30 juni 2006: de Tweede kamer neemt het
'Besluit Kwaliteit Rijksoverheidswebsites' Alle
nieuw te maken websites van de rijksoverheid
dienen te voldoen aan de 'Richtlijnen voor de
toegankelijkheid en duurzaamheid van
overheidswebsites'.
9. Mensen met een functiebeperking
Blind (slechtziend?), spastisch (parkinson?,
reuma?), kleurenblind, oud(er), laaggeletterd,
[…]
10. Mensen met een functiebeperking
Blind (slechtziend?), spastisch (parkinson?,
reuma?), kleurenblind, oud(er), laaggeletterd,
[…]
Tritanopia (ongevoelig voor blauw)
27. Inhoud
<!-- tekst structureren -->
<h1>Dit is de belangrijkste kop</h1>
<p class="introductie">
Dit is een paragraaf met een <strong>stukje nadruk</strong>
</p>
<address>hier kan ik een adres kwijt</address>
<!-- Een division. Gebruik om elementen logisch te groeperen -->
<div id="inhoud">
28. Hoe dan niet?
<!-- introduceert vormgeving -->
<p style="color:red">Deze paragraaf is rood!</p>
<!-- introduceert gedrag -->
<a onclick="followLink(this)">Klik hier!</a>
<!-- zegt iets over weergave -->
<sup>Mooi klein tekstje</sup>
29. Werkwijze
Begin met bepalen van belangrijkheid,
voeg betekenis aan je inhoud toe en groepeer
als laatste.
36. Events, vormgeving en gedrag
// Met behulp van jQuery
$(document).ready(function(){
$('#diashow li').addClass('slide');
$('#dianavigatie h3 a').click(function(event){
showSlide(this)
});
})
/* klasse */
.slide {
position:absolute;
top:0;
left:0;
}
37. $nextbigthing?
HTML/CSS
Bouw een formulier met een file input.
Ondersteuning voor scripting
Zorg met javascript dat de gebruiker meerdere
files kan toevoegen.
38. $nextbigthing?
Ondersteuning voor plugin?
Gebruik de flash/java plugin om de dialoog te
openen.
39. Deze werkwijze?
Voldoe aan standaarden, gebruik progressive
enhancement en je voldoet voor 90% aan
webrichtlijnen.