SlideShare a Scribd company logo
1 of 23
Download to read offline
Webrichtlijnen versie 2




Raph de Rooij
servicedesk webrichtlijnen

Bijeenkomst Fronteers
Haarlem, 7 september 2010
Het begin: 6 jaar geleden ...
 
The Next Generation
                     Webpresentatietechniek nieuwe stijl
                     bij www.minvws.nl

Peter Arxhoek
Michiel Groeneveld
Raph de Rooij                                Cursus ‘Winst met ICT’
Sierd Westerfield                            januari 2004
De huidige generatie websites

   Zwaar
   Complex
   Beperkt (her)bruikbaar
   Weinig robuust
   Matig toegankelijk

Oorzaken:
 Toegepaste techniek
 Visuele vormgeving
Het voorbeeld: www.minvws.nl


oud                 nieuw
Is er een verschil?


oud                           nieuw




Bush MB 60 (1957)             Bush TR 82 (1959)
Het verschil: onderhuids


oud: buizenradio            nieuw: transistorradio




                             Bush TR 82 (1959)




Bush MB 60 (1957)
De voordelen
  Van een ‘next generation’ website
  ...en van een transistorradio:
   Relatieve eenvoud van het ontwerp
   Robuuster
   Lichter
   Sneller
   Goedkoper
'TNG' markeert de start
➔   Mondde uit in een presentatie voor
    het ministerie van BZK

➔   Leidde tot een opdracht voor de
    ontwikkeling van een kwaliteitsmodel
Doelen webrichtlijnen
➔   Opdrachtgeverschap versterken

➔   Buitensluiting voorkomen

➔   Betere vindbaarheid (zoekmachines)

➔   ... en zelfs kostenbesparing
    ➔   mits goed toegepast (!)
    ➔   heeft betrekking op de 'Total Cost of Ownership'

Praktijkervaring: minVWS, Jeugd&Gezin, project ONS (Rijksoverheid.nl)
Webrichtlijnen versie 1
➔   Beschrijft de 'best practice' in
    webontwerp (van 2004...)

➔   Doelgroep webontwikkelaars

➔   Introductie september 2004

➔   124 richtlijnen (1 toegevoegd in 2006)

➔   Maakte gebruik van WCAG 2.0 draft
Enkele highlights
➔   2004 - introductie

➔   2005 - finalist e-Europe Awards

➔   2006 - ministerraadsbesluit

➔   2007 - drempelvrij.nl normdocument

➔   2008 - basisinfrastructuur e-Overheid

➔   2009 - start Webrichtlijnen versie 2
Zorgen om WRv1
➔   Geen differentiatie
    ➔   doelgroepen, processtappen

➔   Geen conformiteitsniveaus

➔   Communicatie / perceptie
    ➔   relatie webrichtlijnen / WCAG / drempelvrij.nl

➔   Middel verwordt zelf tot doel

➔   Implementatieperikelen
Opdracht voor WRv2
➔   BZK & Waarmerk drempelvrij.nl

➔   Nieuwe versie op basis van WCAG 2.0
    ➔   motie Madsen-Fierens uit 2006
    ➔   in lijn met Europees beleid

➔   Groeimodel
    ➔   'van goed naar beter' & 'van beter naar best'

➔   Scope WRv2 = Scope WRv1

➔   Ondersteunende instrumenten
Acceptatiecriteria WRv2
➔   Voor diverse gebruikersgroepen
    ➔     bestuurders, opdrachtgevers, projectleiders,
          ontwikkelaars en redacteuren

➔   WCAG 2.0 'as is' opgenomen in WRv2

➔   Toepasbaar door de 'BV Nederland'

➔   Review / toetsing door stakeholders

➔   ...
De werkgroep webrichtlijnen
➔   Bereidt de documenten voor die
    worden gereviewed

➔   Verwerkt ontvangen commentaar

➔   Leden van de werkgroep
    ➔   Gerrit Berkouwer (minAZ)
    ➔   Alexander Fase (webrichtlijnen, ICTU)
    ➔   Stephen Hay (Cinnamon Interactive)
    ➔   Raph de Rooij (webrichtlijnen, ICTU)
    ➔   Eric Velleman (Stichting Accessibility)
    ➔   Koen Willems (normcommissie WDV)
Formele trajecten
➔   Vaststellen als overheidsstandaard
    ➔   door College Standaardisatie
    ➔   verplicht: minimaal 2 referentie-implementaties

➔   Vaststellen van het toetsingskader
    ➔   door bestuur stichting Waarmerk drempelvrij.nl

➔   Bepalen van de implementatietermijn
    ➔   afbouwen WRv1
Eerste stappen
➔   WCAG 1.0 ontvlechten en verwijderen

➔   WCAG 2.0 toevoegen
    ➔   alle overgebleven webrichtlijnen nalopen of ze
        door WCAG 2.0 worden afgedekt

➔   Webrichtlijnen in format WCAG 2.0
    ➔   principes, richtlijnen, succescriteria, technieken
Processtappen
➔   Stap 1: besloten review
    ➔   resultaat: andere opzet
    ➔   toegevoegd: Principe 'Universeel'
        ➔  11 richtlijnen
        ➔  14 succescriteria
        ➔  38 afdoende technieken
        ➔  27 gangbare fouten

➔   Stap 2: openbare review
    ➔   tot 13 september, 17.00 uur !

➔   Stap 3: op naar een definitieve versie
    ➔   Voor aanbieding aan Forum Standaardisatie
En dan nu over de inhoud...
➔   Semantiek
➔   Scheiden (content, presentatie, script)
➔   Gelaagd bouwen
➔   Foutscenario's
➔   Bruikbare formulieren
➔   Meertaligheid
➔   Nesten van webpagina's
➔   Karaktercodering
➔   Open standaarden / open specificaties
➔   Structureren van content
➔   Duidelijke en duurzame URI's
Is dat alles?
➔   Nee, de draft specificatie en het
    reviewproces zijn pas het begin

    ➔   Ingangen per doelgroep
    ➔   Overzichtelijk, begrijpelijk
    ➔   Voorbeelden, tips en truuks
    ➔   Website
    ➔   Toetsinstrument
    ➔   ...
Ik heb een opmerking
➔   Dat komt goed uit...
    de review is nog niet afgelopen

➔   Concept op http://review.wrv2.nl/

➔   Let op:
    ➔ WCAG 2.0 is al vastgesteld

    ➔ Scope WRv2 = Scope WRv1
Vragen?




Servicedesk Webrichtlijnen



T: 070-8887898
E: webrichtlijnen@overheid.nl
I: www.webrichtlijnen.nl

More Related Content

Similar to Presentatie over webrichtlijnen versie 2 voor Fronteers, 7 september 2010

Klant Seminar 15 September 2011
Klant Seminar 15 September 2011Klant Seminar 15 September 2011
Klant Seminar 15 September 2011
Edwin van Leeuwen
 
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Rob Punselie
 
Vertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar ImplementatieVertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar Implementatie
efocus.im
 
Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012
Tim Ameye
 
Talk 02 html5-css3
Talk 02 html5-css3Talk 02 html5-css3
Talk 02 html5-css3
Monkeyshot
 
Waarom 42windmills
Waarom 42windmillsWaarom 42windmills
Waarom 42windmills
42windmills
 
Infomoment tetra html5
Infomoment tetra html5Infomoment tetra html5
Infomoment tetra html5
psimoens
 

Similar to Presentatie over webrichtlijnen versie 2 voor Fronteers, 7 september 2010 (20)

Demo: events 6
Demo: events 6Demo: events 6
Demo: events 6
 
Drupal Ncrv
Drupal NcrvDrupal Ncrv
Drupal Ncrv
 
Klant Seminar 15 September 2011
Klant Seminar 15 September 2011Klant Seminar 15 September 2011
Klant Seminar 15 September 2011
 
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
Presentatie ContentKings CMS Congres 19-05-2009 - Hemel Of Hel Voor Uw Webred...
 
Crowd Designing Microservices Architecture
Crowd Designing Microservices ArchitectureCrowd Designing Microservices Architecture
Crowd Designing Microservices Architecture
 
Bb Open Source S Mi
Bb Open Source S MiBb Open Source S Mi
Bb Open Source S Mi
 
Presentatie dso leveranciersdag 17 november
Presentatie dso leveranciersdag 17 novemberPresentatie dso leveranciersdag 17 november
Presentatie dso leveranciersdag 17 november
 
Vertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar ImplementatieVertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar Implementatie
 
Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012
 
Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1Webredactie Webrichtlijnen Deel1
Webredactie Webrichtlijnen Deel1
 
Sdb Presentatie
Sdb PresentatieSdb Presentatie
Sdb Presentatie
 
Tiende Meetup: Microservices
Tiende Meetup: MicroservicesTiende Meetup: Microservices
Tiende Meetup: Microservices
 
CROW Contractdata (InfraTech 2017)
CROW Contractdata (InfraTech 2017)CROW Contractdata (InfraTech 2017)
CROW Contractdata (InfraTech 2017)
 
Uitgangsituatie looppadenproject
Uitgangsituatie looppadenprojectUitgangsituatie looppadenproject
Uitgangsituatie looppadenproject
 
Wiki Concept
Wiki ConceptWiki Concept
Wiki Concept
 
Talk 02 html5-css3
Talk 02 html5-css3Talk 02 html5-css3
Talk 02 html5-css3
 
Front end development - Les 01
Front end development - Les 01Front end development - Les 01
Front end development - Les 01
 
Waarom 42windmills
Waarom 42windmillsWaarom 42windmills
Waarom 42windmills
 
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
Masterclass Kwaliteitsnetwerk Bouw: "BIM in relatie tot kwaliteitsmanagement"
 
Infomoment tetra html5
Infomoment tetra html5Infomoment tetra html5
Infomoment tetra html5
 

Presentatie over webrichtlijnen versie 2 voor Fronteers, 7 september 2010

  • 1. Webrichtlijnen versie 2 Raph de Rooij servicedesk webrichtlijnen Bijeenkomst Fronteers Haarlem, 7 september 2010
  • 2. Het begin: 6 jaar geleden ...  
  • 3. The Next Generation Webpresentatietechniek nieuwe stijl bij www.minvws.nl Peter Arxhoek Michiel Groeneveld Raph de Rooij Cursus ‘Winst met ICT’ Sierd Westerfield januari 2004
  • 4. De huidige generatie websites  Zwaar  Complex  Beperkt (her)bruikbaar  Weinig robuust  Matig toegankelijk Oorzaken:  Toegepaste techniek  Visuele vormgeving
  • 6. Is er een verschil? oud nieuw Bush MB 60 (1957) Bush TR 82 (1959)
  • 7. Het verschil: onderhuids oud: buizenradio nieuw: transistorradio Bush TR 82 (1959) Bush MB 60 (1957)
  • 8. De voordelen Van een ‘next generation’ website ...en van een transistorradio:  Relatieve eenvoud van het ontwerp  Robuuster  Lichter  Sneller  Goedkoper
  • 9. 'TNG' markeert de start ➔ Mondde uit in een presentatie voor het ministerie van BZK ➔ Leidde tot een opdracht voor de ontwikkeling van een kwaliteitsmodel
  • 10. Doelen webrichtlijnen ➔ Opdrachtgeverschap versterken ➔ Buitensluiting voorkomen ➔ Betere vindbaarheid (zoekmachines) ➔ ... en zelfs kostenbesparing ➔ mits goed toegepast (!) ➔ heeft betrekking op de 'Total Cost of Ownership' Praktijkervaring: minVWS, Jeugd&Gezin, project ONS (Rijksoverheid.nl)
  • 11. Webrichtlijnen versie 1 ➔ Beschrijft de 'best practice' in webontwerp (van 2004...) ➔ Doelgroep webontwikkelaars ➔ Introductie september 2004 ➔ 124 richtlijnen (1 toegevoegd in 2006) ➔ Maakte gebruik van WCAG 2.0 draft
  • 12. Enkele highlights ➔ 2004 - introductie ➔ 2005 - finalist e-Europe Awards ➔ 2006 - ministerraadsbesluit ➔ 2007 - drempelvrij.nl normdocument ➔ 2008 - basisinfrastructuur e-Overheid ➔ 2009 - start Webrichtlijnen versie 2
  • 13. Zorgen om WRv1 ➔ Geen differentiatie ➔ doelgroepen, processtappen ➔ Geen conformiteitsniveaus ➔ Communicatie / perceptie ➔ relatie webrichtlijnen / WCAG / drempelvrij.nl ➔ Middel verwordt zelf tot doel ➔ Implementatieperikelen
  • 14. Opdracht voor WRv2 ➔ BZK & Waarmerk drempelvrij.nl ➔ Nieuwe versie op basis van WCAG 2.0 ➔ motie Madsen-Fierens uit 2006 ➔ in lijn met Europees beleid ➔ Groeimodel ➔ 'van goed naar beter' & 'van beter naar best' ➔ Scope WRv2 = Scope WRv1 ➔ Ondersteunende instrumenten
  • 15. Acceptatiecriteria WRv2 ➔ Voor diverse gebruikersgroepen ➔ bestuurders, opdrachtgevers, projectleiders, ontwikkelaars en redacteuren ➔ WCAG 2.0 'as is' opgenomen in WRv2 ➔ Toepasbaar door de 'BV Nederland' ➔ Review / toetsing door stakeholders ➔ ...
  • 16. De werkgroep webrichtlijnen ➔ Bereidt de documenten voor die worden gereviewed ➔ Verwerkt ontvangen commentaar ➔ Leden van de werkgroep ➔ Gerrit Berkouwer (minAZ) ➔ Alexander Fase (webrichtlijnen, ICTU) ➔ Stephen Hay (Cinnamon Interactive) ➔ Raph de Rooij (webrichtlijnen, ICTU) ➔ Eric Velleman (Stichting Accessibility) ➔ Koen Willems (normcommissie WDV)
  • 17. Formele trajecten ➔ Vaststellen als overheidsstandaard ➔ door College Standaardisatie ➔ verplicht: minimaal 2 referentie-implementaties ➔ Vaststellen van het toetsingskader ➔ door bestuur stichting Waarmerk drempelvrij.nl ➔ Bepalen van de implementatietermijn ➔ afbouwen WRv1
  • 18. Eerste stappen ➔ WCAG 1.0 ontvlechten en verwijderen ➔ WCAG 2.0 toevoegen ➔ alle overgebleven webrichtlijnen nalopen of ze door WCAG 2.0 worden afgedekt ➔ Webrichtlijnen in format WCAG 2.0 ➔ principes, richtlijnen, succescriteria, technieken
  • 19. Processtappen ➔ Stap 1: besloten review ➔ resultaat: andere opzet ➔ toegevoegd: Principe 'Universeel' ➔ 11 richtlijnen ➔ 14 succescriteria ➔ 38 afdoende technieken ➔ 27 gangbare fouten ➔ Stap 2: openbare review ➔ tot 13 september, 17.00 uur ! ➔ Stap 3: op naar een definitieve versie ➔ Voor aanbieding aan Forum Standaardisatie
  • 20. En dan nu over de inhoud... ➔ Semantiek ➔ Scheiden (content, presentatie, script) ➔ Gelaagd bouwen ➔ Foutscenario's ➔ Bruikbare formulieren ➔ Meertaligheid ➔ Nesten van webpagina's ➔ Karaktercodering ➔ Open standaarden / open specificaties ➔ Structureren van content ➔ Duidelijke en duurzame URI's
  • 21. Is dat alles? ➔ Nee, de draft specificatie en het reviewproces zijn pas het begin ➔ Ingangen per doelgroep ➔ Overzichtelijk, begrijpelijk ➔ Voorbeelden, tips en truuks ➔ Website ➔ Toetsinstrument ➔ ...
  • 22. Ik heb een opmerking ➔ Dat komt goed uit... de review is nog niet afgelopen ➔ Concept op http://review.wrv2.nl/ ➔ Let op: ➔ WCAG 2.0 is al vastgesteld ➔ Scope WRv2 = Scope WRv1
  • 23. Vragen? Servicedesk Webrichtlijnen T: 070-8887898 E: webrichtlijnen@overheid.nl I: www.webrichtlijnen.nl