Over Schoonheid(en ook over de Webrichtlijnen)

door Kor Dwarshuis

Het volmaakte getal:

J.S. Bach

Componeerde volgens zeer strikte regels (bv. Fuga)

Triosonate: drie gescheiden melodielijnen

HET WOHLTEMPERIRTE CLAVIERVAN

JOHAN SEBASTIAN BACH

Ontstaan, geschiedenis en bouw van het werkbenevens bespreking van vele vraagstukken

aantekeningen en verklaringen ten dienste vanluisteraars en bespelers van toetsinstrumentenbewonderenden ter uitbreiding hunner kennisonbekenden ter wegwijzing naar deze schatten

voorzien van tabellen en verlucht met vele notenvoorbeelden

Triosonate van J.S. Bach

Triosonate van J.S. Bach

Nog meer

Trias Politica-Montesquieu-

Scheiding der machten

Trias politica houdt in dat de macht over drie gescheiden machten verdeeld moet worden:

1: De wetgevende macht (Eerste en Tweede kamer)

2: De uitvoerende macht (de regering)

3: De rechterlijke macht (de rechters)

Dat kunnen wij natuurlijk ook

De scheiding op het web, de Trias Webbica (o.i.d.):

1: Inhoud (Content) → HTML

2: Presentatie (Presentation) → CSS

3: Gedrag (Behaviour) → JAVASCRIPT

Dat móeten wij soms ook

De Webrichtlijnen van de Nederlandse overheid stimuleren een scheiding van deze drie elementen

Webrichtlijnen Nederlandse Overheid

“In april 2006 heeft de Tweede Kamer haar zorg uitgesproken over de mate van toegankelijkheid van websites van de Nederlandse overheid.

Dit leidde tot het Besluit Kwaliteit Rijksoverheidswebsites op 30 juni 2006.

Als gevolg van het besluit moeten nieuwe websites van de rijksoverheid aan de webrichtlijnen voldoen.”

Voordelen van de Webrichtlijnen

● Betere bereikbaarheid;● Betere vindbaarheid;● Betere toegankelijkheid;● Toename in snelheid;● Lagere kosten voor beheer en onderhoud;● Voorbereid op mobiele telefoons en PDA's.

(http://www.drempelvrij.nl/webrichtlijnen)

Case study: Legal & General

Resultaten- 1 -

+ 30% bezoekers via zoekmachines hoger in Google voor alle sleutelwoorden pagina's laden 75% sneller werkt beter in andere browsers 13.000 extra bezoekers per maand minder klachten over de website ook op PDA's, mobile telefoons en blackberry beheer van content vergt minder tijd

Resultaten- 2 -

Positieve Return on Investment: £200.000 besparing per jaar op onderh. + beheer aantal ”Life quote's”: +95% aantal levensverzekeringen via website: + 90% Kortgezegd:

100% Return on Investment in < 12 maandenbron: http://www.accessibility.nl/toetsing/casestudy/Legalandgeneral, gebaseerd op presentatie

tijdens lancering Pas 78 (Publicly available specification 78 launch) in Londen, op 8 maart 2006

Waarom ik Webrichtlijnen zo leuk vind

Website toegankelijk voor meer mensen, makkelijker onderhoud, beter vindbaar in Google,

meer bezoekers, snellere laadtijd, beter voorbereid op PDA's, future-proof, etc.

jaja, dat is allemaal zo, maar......

Waarom ik Webrichtlijnen zo leuk vind

... ik vind ze vooral zo mooi omdat ze naar mijn idee

ook aan die schoonheid appeleren

fronteers.nl: schoon

Memberclicks: vies

1 zootje

<div class="menuTitle" style="cursor:hand;"><a href="javascript:void(0);" onClick="if ( document.getElementById('menuOptions').className=='hidDiv' ) { document.getElementById('menuOptions').className='visDiv';document.images.menu_iconMenu.src=document.images.menu_minus.src; } else if ( document.getElementById('menuOptions').className=='visDiv' ) { document.getElementById('menuOptions').className='hidDiv';document.menu_iconMenu.src=document.images.menu_plus.src; }" style="text-decoration:none;">

Zo had het ook gekund

html:<div class="classnaam" id=”idnaam”><a class=”nogeenclassnaam” id=”nogeenidnaam” href="bestemmingspagina.htm">

Even terug naar de Webrichtlijnen van de Nederlandse overheid

Voor wie is het?

Visueel beperkten:-2% visueel gehandicapten (0.1% is blind)-1 op 12 mannen en 1 op 200 vrouwen is kleurenblind

Auditief beperkten:-ongeveer 1,5 miljoen doven en slechthorenden

Lichamelijk beperkten:11% van 12 jaar en ouder

Verstandelijk beperkten of mensen met dyslexie:-2% tot 10%

Voor wie is het?

Senioren (65+)-14% van de bevolking in 2005 (schatting van 23,3% in 2040)

Anderszins beperkten:-1 op 5 mensen met RSI-klachten

Niet beperkten in een beperkende situatie

bron: Stichting Accessibility

Verwarrend (deel 1)

XHTML - CSS - Liquid Lay Out - Web Standards - Tableless Design - Semantic Markup - Separation

Content and Style

Verwarrend (deel 2)

Op http://forum.accessibility.nl/viewtopic.php?pid=912:

webrichtlijnen - nieuwe Webrichtlijnen norm - normcommissie - normdocument - de W3C eisen

(46 ijkpunten) - de oude Webrichtlijnen (125 richtlijnen) - een lijst van 95 richtlijnen (totaal 232 meetbare criteria) - WCAG 1.0 - WCAG 2.0 - 95

ijkpunten

Verwarrend (deel 3)“Het normdocument bevat geen lijst van 95 richtlijnen, maar van 95 ijkpunten; dat is niet hetzelfde. In die ijkpunten zijn de 125 webrichtlijnen en de 46 prioriteit 1 en 2 ijkpunten van WCAG 1.0 verwerkt.

Er is derhalve geen sprake van 'oude Webrichtlijnen', zoals in de originele posting staat; De set omvat nog steeds 125 richtlijnen [...]. Voor de fijnproevers: het normdocument is gemodelleerd naar WCAG 1.0 (prioriteit 1 en 2) om drie redenen:”

(http://forum.accessibility.nl/viewtopic.php?pid=912)

Verwarrend (deel 4)“Er dient immers onderscheid te worden gemaakt tussen:

- de norm- de toetsing aan de norm.

De norm is vastgelegd in de Webrichtlijnen.De toetsing daaraan is beschreven in een tweetal door de Stichting Drempelvrij beheerde documenten, te weten het Normdocument (dat misschien voor de duidelijkheid anders had moeten heten) en het Caesura en sampling-document.

(http://fronteers.nl/blog/2008/02/webrichtlijnen-r-pd-2-7-en-r-pd-2-8)

Verschillende organisaties

ICTU Stichting Waarmerk drempelvrij.nl Stichting Accessibility

Er zijn 125 webrichtlijnen

R-pd.1.1

Houd structuur en vormgeving zoveel mogelijk gescheiden: gebruik HTML of XHTML voor de

structuur van de site en CSS voor de vormgeving ervan.

R-pd.1.2

Bouw websites volgens het principe van gelaagd bouwen.

R-pd.2.4

Bij de bouw van een nieuwe website: gebruik van HTML 4.01 of XHTML 1.0 de Strict variant.

R-pd.6.2

Zet de inhoud van de pagina in de HTMLbroncode op volgorde van belangrijkheid.

R-pd.11.1

Gebruik tabellen voor het weergeven vanrelationele informatie en niet voor layout.

R-pd.11.9

Bij het gebruik van tabellen voor layout: gebruik niet meer dan één tabel en gebruik zoveel mogelijk

CSS voor de vormgeving van deze tabel.

R-pd.11.4

Gebruik het scope attribuut voor het associërenvan tabellabels (th cellen) met kolommen of rijen.

R-pd.3.3

Sla in de markup geen niveaus inde hiërarchie van kopregels over.

R-pd.4.1

Produceer unieke, onveranderende URL's

R-pd.3.10

Gebruik het cite element voor referenties naar personen en titels.

R-pd.22.1

Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en

afkortingen.

Links http://webrichtlijnen.overheid.nl http://webrichtlijnen.overheid.nl/toetsen/ http://webrichtlijnen.overheid.nl/achtergrond/ http://www.accessibility.nl/ http://www.naarvoren.nl/artikel/blind_surfen.html http://fronteers.nl

Een schat aan informatie:

http://www.webrichtlijnen.nl/richtlijnen/

en klik links op de link naast elke richtlijn