SlideShare ist ein Scribd-Unternehmen logo
1 von 34
De geest van de
 webrichtlijnen
    Alper Çugun
      @alper
Eigen Mening
Widgets
Problemen

• <iframe>
• Geen pageloads, alles dynamisch met
  scripts
• Geen DOCTYPEs mogelijk
Voordelen

• Grootste open platform
  (iGoogle + OpenSocial)
• Beste syndicatie-mogelijkheden
• Nu ook een hele goede
  mobiele versie van iGoogle
“We willen wel wat
 doen met widgets
     maar…
 …webrichtlijnen.”
Pragmatiek
      +
Gezond verstand
Webrichtlijnen
Slecht te meten
Wat betekent het om
je aan de webrichtlijnen
   te móeten houden?
Niet te testen
R-pd.4.6
Gebruik vriendelijke
URL's, die leesbaar en
  herkenbaar zijn.
Validatie
Andere prioriteiten
Genoeg te doen
zonder te verzeilen in
    esoterische
    standaarden
Mooi en
vriendelijk design
Heldere teksten
R-pd.22.1
  Gebruik taal die de
   bezoeker begrijpt:
beperk het gebruik van
    jargon, moeilijke
termen en afkortingen.
Esoterische
      standaarden?
• XHTML
• RDFa
• WCAG
• ARIA
XHTML
Validerende templates
die niet semantisch zijn
Geen pad naar de
   toekomst
De rest te ingewikkeld
   en onpraktisch.
URLs
Helder
Onveranderlijk
Uit de structuur van de
 gegevens niet van de
        techniek
Semantiek
Distributie
   van
   Data
Blinde mensen?
“Regulations [are]
    written for the
obedience of fools and
 the guidance of wise
         men.”
alper@alper.nl
twitter.com/alper

Weitere ähnliche Inhalte

Andere mochten auch

Culture Industries Meet Virtual Worlds
Culture Industries Meet Virtual WorldsCulture Industries Meet Virtual Worlds
Culture Industries Meet Virtual WorldsTracy Kennedy
 
What Makes You Horny? Big Data!
What Makes You Horny? Big Data!What Makes You Horny? Big Data!
What Makes You Horny? Big Data!Alper Çugun
 
Content Syndicatie
Content SyndicatieContent Syndicatie
Content SyndicatieAlper Çugun
 
Code camping amsterdam day proceedings
Code camping amsterdam   day proceedingsCode camping amsterdam   day proceedings
Code camping amsterdam day proceedingsAlper Çugun
 
Free Economies Reboot
Free Economies   RebootFree Economies   Reboot
Free Economies RebootAlper Çugun
 
Willem de Kooning - week 1.key
Willem de Kooning - week 1.keyWillem de Kooning - week 1.key
Willem de Kooning - week 1.keyAlper Çugun
 

Andere mochten auch (10)

Culture Industries Meet Virtual Worlds
Culture Industries Meet Virtual WorldsCulture Industries Meet Virtual Worlds
Culture Industries Meet Virtual Worlds
 
What Makes You Horny? Big Data!
What Makes You Horny? Big Data!What Makes You Horny? Big Data!
What Makes You Horny? Big Data!
 
Content Syndicatie
Content SyndicatieContent Syndicatie
Content Syndicatie
 
Free Economies
Free Economies Free Economies
Free Economies
 
Code camping amsterdam day proceedings
Code camping amsterdam   day proceedingsCode camping amsterdam   day proceedings
Code camping amsterdam day proceedings
 
Autos ChinoS
Autos ChinoSAutos ChinoS
Autos ChinoS
 
Free Economies Reboot
Free Economies   RebootFree Economies   Reboot
Free Economies Reboot
 
Sirena
SirenaSirena
Sirena
 
Willem de Kooning - week 1.key
Willem de Kooning - week 1.keyWillem de Kooning - week 1.key
Willem de Kooning - week 1.key
 
Un Regalo Unico
Un Regalo UnicoUn Regalo Unico
Un Regalo Unico
 

Ähnlich wie De Geest van de Webrichtlijnen

Drupal in 5 vragen - Drupal seminar 20 mei 2010, Colours
Drupal in 5 vragen - Drupal seminar 20 mei 2010, ColoursDrupal in 5 vragen - Drupal seminar 20 mei 2010, Colours
Drupal in 5 vragen - Drupal seminar 20 mei 2010, ColoursColours B.V.
 
2013 14-05 - drupal multisite - drupal jam 2013
2013 14-05 - drupal multisite - drupal jam 20132013 14-05 - drupal multisite - drupal jam 2013
2013 14-05 - drupal multisite - drupal jam 2013syneticbv
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013Hans Palmers
 
Workshop slides to Mmm WebBasic
Workshop slides to Mmm WebBasicWorkshop slides to Mmm WebBasic
Workshop slides to Mmm WebBasicJolanda Peters
 
Een norm voor goede webcontent
Een norm voor goede webcontentEen norm voor goede webcontent
Een norm voor goede webcontentHugo Louter
 
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...Iacobien Riezebosch
 
Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1jaapvandeputte
 
Nord Toelichting Techniek
Nord Toelichting TechniekNord Toelichting Techniek
Nord Toelichting Techniektjercus
 
Ontwikkelen van online platformen met Drupal 8
Ontwikkelen van online platformen met Drupal 8Ontwikkelen van online platformen met Drupal 8
Ontwikkelen van online platformen met Drupal 8Raymond Muilwijk
 
Liferay 6.2 Roadmap 28 Jan 2013
Liferay 6.2 Roadmap 28 Jan 2013Liferay 6.2 Roadmap 28 Jan 2013
Liferay 6.2 Roadmap 28 Jan 2013Ruud Kluivers
 
Headless Drupal - Wat, Waarom, Hoe & Uitdagingen
Headless Drupal - Wat, Waarom, Hoe & UitdagingenHeadless Drupal - Wat, Waarom, Hoe & Uitdagingen
Headless Drupal - Wat, Waarom, Hoe & UitdagingenLuciuswebsystems
 

Ähnlich wie De Geest van de Webrichtlijnen (20)

Websites en Kwaliteit
Websites en KwaliteitWebsites en Kwaliteit
Websites en Kwaliteit
 
Wordpress
WordpressWordpress
Wordpress
 
Drupal in 5 vragen - Drupal seminar 20 mei 2010, Colours
Drupal in 5 vragen - Drupal seminar 20 mei 2010, ColoursDrupal in 5 vragen - Drupal seminar 20 mei 2010, Colours
Drupal in 5 vragen - Drupal seminar 20 mei 2010, Colours
 
2013 14-05 - drupal multisite - drupal jam 2013
2013 14-05 - drupal multisite - drupal jam 20132013 14-05 - drupal multisite - drupal jam 2013
2013 14-05 - drupal multisite - drupal jam 2013
 
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
 
Workshop slides to Mmm WebBasic
Workshop slides to Mmm WebBasicWorkshop slides to Mmm WebBasic
Workshop slides to Mmm WebBasic
 
Slimmer werken ZZP BV
Slimmer werken ZZP BVSlimmer werken ZZP BV
Slimmer werken ZZP BV
 
Drupal Ncrv
Drupal NcrvDrupal Ncrv
Drupal Ncrv
 
Slimmer werken
Slimmer werkenSlimmer werken
Slimmer werken
 
Een norm voor goede webcontent
Een norm voor goede webcontentEen norm voor goede webcontent
Een norm voor goede webcontent
 
Duurzaam digitaliseren: praktijk
Duurzaam digitaliseren: praktijkDuurzaam digitaliseren: praktijk
Duurzaam digitaliseren: praktijk
 
Online Netwerken YIP
Online Netwerken YIPOnline Netwerken YIP
Online Netwerken YIP
 
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...
WCAG 2.0 en Webrichtlijnen versie 2, Nationaal Congres Digitale Toegankelijkh...
 
Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1
 
Seo basis uitleg
Seo basis uitlegSeo basis uitleg
Seo basis uitleg
 
Nord Toelichting Techniek
Nord Toelichting TechniekNord Toelichting Techniek
Nord Toelichting Techniek
 
Ontwikkelen van online platformen met Drupal 8
Ontwikkelen van online platformen met Drupal 8Ontwikkelen van online platformen met Drupal 8
Ontwikkelen van online platformen met Drupal 8
 
Liferay 6.2 Roadmap 28 Jan 2013
Liferay 6.2 Roadmap 28 Jan 2013Liferay 6.2 Roadmap 28 Jan 2013
Liferay 6.2 Roadmap 28 Jan 2013
 
Headless Drupal - Wat, Waarom, Hoe & Uitdagingen
Headless Drupal - Wat, Waarom, Hoe & UitdagingenHeadless Drupal - Wat, Waarom, Hoe & Uitdagingen
Headless Drupal - Wat, Waarom, Hoe & Uitdagingen
 
Seo linkbuilding
Seo linkbuildingSeo linkbuilding
Seo linkbuilding
 

De Geest van de Webrichtlijnen

Hinweis der Redaktion

  1. Freelance webprogrammeur, interactieontwerper en adviseur. Doe al 10 jaar iets met het internet. Ik kom ook uit een sector waar we zijn begonnen IE6 af te danken dus misschien niet geheel representatief. In het bedrijfsleven gaan we zeker geen webrichtlijnen hard toepassen, we maken standaardsgebaseerde kwalitatief goede websites. Voor zover dat samenvalt met de webrichtlijnen is dat mooi meegenomen, maar het is geen doen om je productstrategie hierdoor te laten dicteren.
  2. niet de mening van Tam Tam of van MinBZK Ik ben ook geen expert wat betreft de webrichtlijnen maar ik richt me hier vandaag op de troep en de rhetoriek (&amp;#x2018;de spreekwoordelijke blinde&amp;#x2019;) die we te verduren krijgen onder het mom van webrichtlijnen. Ik probeer de fijne lijn te bewandelen tussen scherpe kritiek en opbouwend commentaar. Het is is niet denkbeeldig dat ik eraf flikker.
  3. Een beetje de aanleiding voor dit verhaal.
  4. De widgets die we bij BZK hebben gemaakt. see for details: http://alper.nl/dingen/2009/05/widgets-overzicht/ http://www.overheid20.nl/workspaces/index/72
  5. Geschreven voor iGoogle, OpenSocial Netvibes in de toekomst maar ook Hyves, NING, Orkut etc. Participerende platformen op: http://wiki.opensocial.org/ OpenSocial widgets zijn te installeren op elke willekeurige site met een klein stukje code.
  6. de grootste problemen met de &amp;#x2018;webrichtlijnen&amp;#x2019; iframe probleem wordt wellicht opgelost met caja: http://code.google.com/p/google-caja/ inlinen dmv caja is een plan voor de toekomst en deels de reden dat er nu geen DOCTYPE wordt weergegeven (wat zou er gebeuren als op een pagina meerdere gadgets met verschillende DOCTYPEs werden ge-inlined?)
  7. veel massa, ontwikkeling, open referentie implementaties in Java en PHP, ondersteuning uit community Blijf ver uit de buurt van Netvibes. Mobiele versie werkt geweldig onder Mobile Safari.
  8. Reactie op ons project. boe: http://www.webrichtlijnen.nl/
  9. Het kan wel en als het aansluit bij je doelgroep moet je het ook vooral w&amp;#xE9;l doen. De webrichtlijnen zijn goed maar moet je niet letterlijk nemen en het moet geen reden worden om dingen niet te doen. &amp;#xE9;n &amp;#xE9;n is wel degelijk een mogelijkheid.
  10. Wat is er nu precies mis mee? 1. Het is niet zinnig te meten. 2. Betere dingen te doen. Volgens mij staat er nergens in de webrichtlijnen dat je niet je verstand mag blijven gebruiken.
  11. Delft: Meten is weten. Programmeur: Wat je niet kunt meten kun je niet optimaliseren. 125 regels in meer of mindere mate van vaagheid. Wirwar van opmaak, semantiek, usability en algemenere richtlijnen. Nogal subjectief.
  12. moet je je dan in alle gevallen eraan houden, in al je uitingen? of moet je basisdienstverlening goed op orde zijn voor alle bezoekers en mag je daarop uitbreiden? Dus bescherming en toetsing is wel nodig, maar liever niet blindstaren. Hou je aan de geest van de webrichtlijnen. Stel het gelijk aan het maken van /goede/ websites, niet je blind houden aan een serie regels.
  13. Het lijkt me onmogelijk om je aan alle regels te houden en om dat te valideren. Expert reviews bieden uitkomst, maar er is niet zoiets als &amp;#x2018;je houden aan de webrichtlijnen&amp;#x2019;. Het is goed mogelijk om een site te hebben die goed test maar nog steeds slecht en onsemantisch is. Winst = 0.
  14. Hoe meet je dit? Je kunt het wel testen, dank Raph. Maar ik ben nog steeds niet overtuigd dat je het kunt meten.
  15. Wanneer iets makkelijk te meten is zullen mensen zich daarop focusen en die criteria proberen te optimaliseren. Validatie is een hele simpele automatische check die niet zoveel zegt. Hoe vaak ik correcte maar compleet onsemantische XHTML code tegenkom. Het voldoet aan de letter van de wet. Er is uiteraard geen test voor semantiek.
  16. Er zijn betere dingen te doen. Er is nog zoveel laaghangend fruit. 80% van de basics is goed genoeg om mee te beginnen. Als dat goed ging, dan was ik al heel blij en konden we al de rest van onze tijd steken in het helpen van blinde mensen. Zie ook: http://alper.nl/dingen/2009/06/friendlier-and-more-open-government-data/
  17. De webrichtlijnen gaan over het bedienen van het gehele publiek. Ik denk dat er voor de 100% nog genoeg te verbeteren is zonder te verzanden in micro-optimalisaties voor een kleiner percentage visueel gehandicapten.
  18. Oh zo belangrijk. Staat nergens in de webrichtlijnen, zijn ook niet heel veel mensen schijnbaar die dit kunnen leveren. Mooi is niet meetbaar maar wel aangetoond is het Aesthetic-Usability Effect, dingen die mooi zijn worden als prettiger en gebruiksvriendelijker ervaren. http://www.jnd.org/dn.mss/emotion_design.html
  19. Net zo belangrijk, zie volgende webrichtlijn:
  20. Dit lijkt me een van de belangrijkste en tegelijkertijd een van de moeilijkst meetbare webrichtlijnen. Duidelijk trend, hoe belangrijker de webrichtlijn, hoe moeilijker deze automatisch te meten is. En dat terwijl veel mensen alleen maar naar die automatische maat kijken.
  21. http://immike.net/blog/2008/02/06/xhtml-2-vs-html-5/ Ik ben geen voorstander van XHTML en gelukkig mag je van de webrichtlijnen gewoon HTML4 gebruiken.
  22. zoals ik al zei, dit komt nog steeds te vaak voor
  23. Geen van de grote browsermakers zit in de XHTML werkgroep. Ze zitten wel in de HTML5 werkgroep. Gebruik toch gewoon HTML 4.01/5, dat heeft zeker w&amp;#xE9;l een pad naar de toekomst
  24. Als een webpagina semantisch HTML 4.01 is en er netjes uitziet, dan moet dat voorlopig even genoeg zijn. Geen tijd/zin in micro-optimalisatie.
  25. Hadden we het al over, maar oh zo belangrijk. Het fundament van het internet. Gelukkig worden URLs goed gedekt in de volgende webrichtlijnen (of dit dan ook uitgevoerd wordt is een tweede).
  26. R-pd.4.6 Gebruik vriendelijke URL&apos;s, die leesbaar en herkenbaar zijn.
  27. R-pd.4.1 Produceer unieke, onveranderende URL&apos;s
  28. R-pd.4.7 Zet een leesbare, uitbreidbare directory-structuur op.
  29. Raar! Semantiek/semantisch komt niet &amp;#xE9;&amp;#xE9;n keer voor in de webrichtlijnen. Betekenis gelukkig wel en: R-pd.3.15Geef betekenisvolle namen aan id en class attributen. Maar deze &amp;#xE9;n&amp;#xE9; webrichtlijn is met wat schraal. Ik ben zelf voorstander van POSH met Microformats: http://microformats.org/wiki/posh
  30. Niet alleen toegankelijk voor mensen maar ook voor mobieltjes en andere machines. APIs, koppelvlakken, webservices, ook niet echt een focus van de webrichtlijnen maar zouden het wel moeten zijn. Bieden een betere fallback: In plaats van linken naar data elders, kun je de data naar je toe halen. APIs betekenen niet dat de overheid niets meer moet doen, maar het is onmogelijk om elke gebruiksdoel te voorzien en erin te voorzien. R-pd.5.1 In het geval dat belangrijke informatie via een gesloten standaard wordt aangeboden, dient men dezelfde informatie ook via een open standaard aan te bieden. Lijkt me dat deze webrichtlijn wel uitgebreid kan worden.
  31. Ik zeg niet dat we blinde mensen aan hun lot over moeten laten. De overheid heeft terecht een voortrekkersrol op dit vlak. Ik zeg alleen dat als een pagina inhoud, stijl en gedrag scheidt en in semantische HTML opgemaakt is, dat dat dan nu even wat mij betreft genoeg moet zijn omdat we genoeg andere dingen te doen hebben om de 100% verder te helpen.