Over schoonheid (en de webrichtijnen)
-
Upload
kordwarshuis -
Category
Technology
-
view
257 -
download
0
description
Transcript of Over schoonheid (en de webrichtijnen)
![Page 1: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/1.jpg)
Over Schoonheid(en ook over de Webrichtlijnen)
door Kor Dwarshuis
![Page 2: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/2.jpg)
![Page 3: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/3.jpg)
![Page 4: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/4.jpg)
Het volmaakte getal:
![Page 5: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/5.jpg)
J.S. Bach
Componeerde volgens zeer strikte regels (bv. Fuga)
Triosonate: drie gescheiden melodielijnen
![Page 6: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/6.jpg)
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
![Page 7: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/7.jpg)
Triosonate van J.S. Bach
![Page 8: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/8.jpg)
Triosonate van J.S. Bach
![Page 9: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/9.jpg)
![Page 10: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/10.jpg)
Nog meer
![Page 11: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/11.jpg)
Trias Politica-Montesquieu-
![Page 12: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/12.jpg)
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)
![Page 13: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/13.jpg)
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
![Page 14: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/14.jpg)
Dat móeten wij soms ook
De Webrichtlijnen van de Nederlandse overheid stimuleren een scheiding van deze drie elementen
![Page 15: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/15.jpg)
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.”
![Page 16: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/16.jpg)
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)
![Page 17: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/17.jpg)
Case study: Legal & General
![Page 18: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/18.jpg)
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
![Page 19: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/19.jpg)
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
![Page 20: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/20.jpg)
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......
![Page 21: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/21.jpg)
Waarom ik Webrichtlijnen zo leuk vind
... ik vind ze vooral zo mooi omdat ze naar mijn idee
ook aan die schoonheid appeleren
![Page 22: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/22.jpg)
![Page 23: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/23.jpg)
fronteers.nl: schoon
![Page 24: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/24.jpg)
![Page 25: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/25.jpg)
Memberclicks: vies
![Page 26: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/26.jpg)
![Page 27: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/27.jpg)
![Page 28: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/28.jpg)
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;">
![Page 29: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/29.jpg)
Zo had het ook gekund
html:<div class="classnaam" id=”idnaam”><a class=”nogeenclassnaam” id=”nogeenidnaam” href="bestemmingspagina.htm">
![Page 30: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/30.jpg)
Even terug naar de Webrichtlijnen van de Nederlandse overheid
![Page 31: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/31.jpg)
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%
![Page 32: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/32.jpg)
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
![Page 33: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/33.jpg)
Verwarrend (deel 1)
XHTML - CSS - Liquid Lay Out - Web Standards - Tableless Design - Semantic Markup - Separation
Content and Style
![Page 34: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/34.jpg)
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
![Page 35: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/35.jpg)
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)
![Page 36: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/36.jpg)
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)
![Page 37: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/37.jpg)
Verschillende organisaties
ICTU Stichting Waarmerk drempelvrij.nl Stichting Accessibility
![Page 38: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/38.jpg)
Er zijn 125 webrichtlijnen
![Page 39: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/39.jpg)
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.
![Page 40: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/40.jpg)
R-pd.1.2
Bouw websites volgens het principe van gelaagd bouwen.
![Page 41: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/41.jpg)
R-pd.2.4
Bij de bouw van een nieuwe website: gebruik van HTML 4.01 of XHTML 1.0 de Strict variant.
![Page 42: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/42.jpg)
R-pd.6.2
Zet de inhoud van de pagina in de HTMLbroncode op volgorde van belangrijkheid.
![Page 43: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/43.jpg)
R-pd.11.1
Gebruik tabellen voor het weergeven vanrelationele informatie en niet voor layout.
![Page 44: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/44.jpg)
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.
![Page 45: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/45.jpg)
R-pd.11.4
Gebruik het scope attribuut voor het associërenvan tabellabels (th cellen) met kolommen of rijen.
![Page 46: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/46.jpg)
R-pd.3.3
Sla in de markup geen niveaus inde hiërarchie van kopregels over.
![Page 47: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/47.jpg)
R-pd.4.1
Produceer unieke, onveranderende URL's
![Page 48: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/48.jpg)
R-pd.3.10
Gebruik het cite element voor referenties naar personen en titels.
![Page 49: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/49.jpg)
R-pd.22.1
Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en
afkortingen.
![Page 50: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/50.jpg)
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
![Page 51: Over schoonheid (en de webrichtijnen)](https://reader034.fdocuments.net/reader034/viewer/2022042715/558beee4d8b42a204f8b46c4/html5/thumbnails/51.jpg)
Een schat aan informatie:
http://www.webrichtlijnen.nl/richtlijnen/
en klik links op de link naast elke richtlijn