Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
De huidige generatie websites

   Zwaar
   Complex
   Beperkt (her)bruikbaar
   Weinig robuust
   Matig toegankelijk
...
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 ...
De voordelen
  Van een ‘next generation’ website
  ...en van een transistorradio:
   Relatieve eenvoud van het ontwerp
  ...
'TNG' markeert de start
➔   Mondde uit in een presentatie voor
    het ministerie van BZK

➔   Leidde tot een opdracht voo...
Doelen webrichtlijnen
➔   Opdrachtgeverschap versterken

➔   Buitensluiting voorkomen

➔   Betere vindbaarheid (zoekmachin...
Webrichtlijnen versie 1
➔   Beschrijft de 'best practice' in
    webontwerp (van 2004...)

➔   Doelgroep webontwikkelaars
...
Enkele highlights
➔   2004 - introductie

➔   2005 - finalist e-Europe Awards

➔   2006 - ministerraadsbesluit

➔   2007 -...
Zorgen om WRv1
➔   Geen differentiatie
    ➔   doelgroepen, processtappen

➔   Geen conformiteitsniveaus

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

➔   Nieuwe versie op basis van WCAG 2.0
    ➔   motie Madsen-Fierens...
Acceptatiecriteria WRv2
➔   Voor diverse gebruikersgroepen
    ➔     bestuurders, opdrachtgevers, projectleiders,
        ...
De werkgroep webrichtlijnen
➔   Bereidt de documenten voor die
    worden gereviewed

➔   Verwerkt ontvangen commentaar

➔...
Formele trajecten
➔   Vaststellen als overheidsstandaard
    ➔   door College Standaardisatie
    ➔   verplicht: minimaal ...
Eerste stappen
➔   WCAG 1.0 ontvlechten en verwijderen

➔   WCAG 2.0 toevoegen
    ➔   alle overgebleven webrichtlijnen na...
Processtappen
➔   Stap 1: besloten review
    ➔   resultaat: andere opzet
    ➔   toegevoegd: Principe 'Universeel'
      ...
En dan nu over de inhoud...
➔   Semantiek
➔   Scheiden (content, presentatie, script)
➔   Gelaagd bouwen
➔   Foutscenario'...
Is dat alles?
➔   Nee, de draft specificatie en het
    reviewproces zijn pas het begin

    ➔   Ingangen per doelgroep
  ...
Ik heb een opmerking
➔   Dat komt goed uit...
    de review is nog niet afgelopen

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

...
Vragen?




Servicedesk Webrichtlijnen



T: 070-8887898
E: webrichtlijnen@overheid.nl
I: www.webrichtlijnen.nl
Upcoming SlideShare
Loading in …5
×

Presentatie over webrichtlijnen versie 2 voor Fronteers, 7 september 2010

1,550 views

Published on

Presentatie over de draft versie van Webrichtlijnen versie 2.

Het downloadbare bestand is in PDF-A/1a formaat. Aanbevolen voor gebruikers voor wie de SlideShare-versie niet toegankelijk is.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Presentatie over webrichtlijnen versie 2 voor Fronteers, 7 september 2010

  1. 1. Webrichtlijnen versie 2 Raph de Rooij servicedesk webrichtlijnen Bijeenkomst Fronteers Haarlem, 7 september 2010
  2. 2. Het begin: 6 jaar geleden ...  
  3. 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. 4. De huidige generatie websites  Zwaar  Complex  Beperkt (her)bruikbaar  Weinig robuust  Matig toegankelijk Oorzaken:  Toegepaste techniek  Visuele vormgeving
  5. 5. Het voorbeeld: www.minvws.nl oud nieuw
  6. 6. Is er een verschil? oud nieuw Bush MB 60 (1957) Bush TR 82 (1959)
  7. 7. Het verschil: onderhuids oud: buizenradio nieuw: transistorradio Bush TR 82 (1959) Bush MB 60 (1957)
  8. 8. De voordelen Van een ‘next generation’ website ...en van een transistorradio:  Relatieve eenvoud van het ontwerp  Robuuster  Lichter  Sneller  Goedkoper
  9. 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. 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. 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. 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. 13. Zorgen om WRv1 ➔ Geen differentiatie ➔ doelgroepen, processtappen ➔ Geen conformiteitsniveaus ➔ Communicatie / perceptie ➔ relatie webrichtlijnen / WCAG / drempelvrij.nl ➔ Middel verwordt zelf tot doel ➔ Implementatieperikelen
  14. 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. 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. 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. 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. 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. 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. 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. 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. 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. 23. Vragen? Servicedesk Webrichtlijnen T: 070-8887898 E: webrichtlijnen@overheid.nl I: www.webrichtlijnen.nl

×