SlideShare a Scribd company logo
1 of 28
Online toegankelijkheid in de praktijk
Even voorstellen…
Erik van Es
Erik van Es
Adviseur Digitale Media
Adviseur Digitale Media
en E-dienstverlening
en E-dienstverlening

Gemeente
Gemeente
Capelle aan den IJssel
Capelle aan den IJssel
• Zuid – Holland
• Zuid – Holland
•• 65.000 inwoners
   65.000 inwoners
•• 500 fte’s
   500 fte’s
•• 2 x beleid ICT
   2 x beleid ICT
•• 1 x Digitale Media en E-dvl
   1 x Digitale Media en E-dvl
•• 6 x redactie
   6 x redactie                  www.capelleaandenijssel.nl
Online toegankelijkheid in de
praktijk
Capelse aanpak
Lange weg
toegevoegde waarde van digitale toegankelijkheid
waar moet je aan denken
leerpunten van C a/d IJssel zijn tav de webrichtlijnen
wat het ons oplevert


Pecha Kucha stamt af van een Japans woord voor 'prietpraat'. Het woord moet als een enkel woord
    worden uitgesproken (petsja-kutsja).
Toegankelijkheid &
Webrichtlijnen
De Capelse aanpak        Een lange weg   Rollen en
   Borging




Onderzoek en monitor   Conclusies              Vragen
Capelse aanpak ICT
  ICT = bedrijfsvoering    Voordeel:
                           - Overzicht
                           - Besluitvorming

  Centrale financiering    - Coördinatie projecten
                           - Inkoopvoordeel



  Projectenplanning 5 jaar vooruit
Bestuurlijk draagvlak en ambitie

      Alle                                     Website is
   producten                                  ons primaire
                     Sturende stukken:
    digitaal                                    kanaal
                       Missie en Visie
                   Dienstverleningsconcep
 Op gebied E-                   t
                                             We verbeteren
dienstverlening       Coalitieakkoord
                                             voortdurend en
wil Capelle zich      Collegewerkplan       behoren tot de top
   meten met
                                             van Nederland
  subtop van
  gemeenten             Geen apart
                        beleid voor
                       webrichtlijnen
WR een lange weg
 ● 2004: Intentieverklaring Drempels Weg getekend

 ● 2008: NUP verplicht webrichtlijnen v.a. eind 2012 en Score WR
   wordt onderdeel Overheid.nl Monitor

 ● 2010 juli: aanbesteding CMS eis WR-proof

 ● 2011 maart: 1 e toetsing WR (50 pagina’s)

 ● 2012 jan - sept: Project E-dvl in Versnelling volledig voldoen aan WR

 ● 2012 juni: 2 e toetsing WR

 ● 2013: Geen wet, maar 'pas toe of leg uit'-principe
Waarom webrichtlijnen
• Toepassing Webrichtlijnen is verplicht (iNUP)
• Nut en noodzaak
  Voorstelbaar dat u niet meer ziet waar het om gaat. Het vraagt een flinke
  investering met weinig (zichtbaar) resultaat, lastig om uit te leggen aan uw
  organisatie en bestuur.

  Het gaat om toegankelijkheid, duurzaamheid en efficiëntie. M.a.w. om
  een site die geschikt is voor alle gebruikers en vormen van gebruik, ook op
  langere termijn.
WR voordelen
• Toegankelijkheid voor:
   •   blinden en slechtzienden
   •   auditieve beperkingen
   •   motorische beperkingen
   •   cognitieve beperkingen
   •   minder vaardige internet gebruikers
   •   mensen die minder goed Nederlands spreken
• Een website die werkt in alle browsers, op alle platformen
• Een website optimaal ingericht voor zoekmachines
  (prioritering H1, H2, H3 en geen overbodige code)
• Een snelle website (bespaart bandbreedte)
Rollen en taakverdeling
Rol: Leveranciers
CMS                        • Chat

Aanvraagformulieren        • Vacaturesite

Films                      • Readspeaker

Documenten                 • GSA (Zoekmachine)

Raadsinformatiesysteem     • DigiD

Belastinginformatiesysteem • Geo-informatiesysteem

Afsprakenmodule            • Ogone
Uitdagingen &
concessies
Contrast vb1



Contrast vb2
Zoek fout (gebruikte)
 Zoek fout (gebruikte)
HTML-tags
 HTML-tags
Voorbeeld 3: align afbeeldingen
Voorbeeld 3: align afbeeldingen
Bonussheet: Tools
 1. Contrast: Juicystudio.com link
 2. WAVE (Web Accessibility evaluation Tool) link
 3. W3C Mark-up validator/ CSS validator link
 4.   Markup zoek tool link
 5.   Web design group HTMLhelper link
 6.   Webrichtlijnen Quickscan link
 7.   Ondersteuning externen /QH/leverancier/KING
Rol: Communicatie
• Presentatie / ontwerp website
• Redactie, verantwoordelijk voor content
   ●   300 PDF
   ●   350 menupagina’s
   ●   300 producten
   ●   700 nieuwspagina’s (norm = 2 jaar terug, jaar voor 1e toetsing)
• Grote hoeveelheid werk
   ● Uitbesteden betekend (WR-wijs maken, begeleiden en controleren)
• Redactie WR-wijs maken
   ● Training, begeleiden en controleren
Borging
• Redactie moet WR-proof (kunnen) werken
   •   Overtuigen van nut en noodzaak
   •   Applicaties z.v.m. WR-proof maken (CMS WR-check, PDF/a converter)
• ICT Beleid
   •   Eisen van leveranciers dat applicatie aan WR voldoet
   •   Praktijk = Als het conform WR kan doen we het!
• Monitoren, bewaken & agenderen
Onderzoek en Monitor gebruik
•   Bezoeken site
                                               Inventariseren
•   Aantal en gebruik E-formulieren
•   Top 100 meest bezochte pagina’s
•   Top 50 zoektermen (sitesearch)
                                    Realiseren            Beoordelen
•   Reageren op vragen
•   Bewonersenquête (2 jaarlijks)
•   Audit Klantcontact                           Plannen
•   Usability onderzoek
Visual Usability onderzoek
  ‘wat je met 1000 woorden niet kan vertellen’!
Nieuwe inzichten
Uitgangspunt is dat bezoekers:
1. Onvoldoende de aangeboden informatie lezen
2. Z.s.m. naar de informatie willen waar ze voor komen
3. Geen onderscheid tussen product en andere content (2 structuren)
4. Hoofdzakelijk voor één product komen
5. De gemeentelijke organisatie en haar structuur niet kennen
6. Gemiddeld slechts 1 keer per jaar de gemeentelijke website
   bezoeken
Plan E-dvl in versnelling
      Doel is toename gebruik E-dvl

verbeteren:                Transformeren van
- e-dienstverlening        een Website
- klantgerichtheid
                            vanuit de gemeente
- gebruikersgemak
- vindbaarheid producten   naar een website
  en informatie            voor de burgers!
Het resultaat
Scanbare producten
Conclusies
 ● Grotere impact dan verwacht, zowel bij ons als bij de
   leveranciers
 ● Draagvlak lastig:
      • flinke investering en weinig (zichtbaar) resultaat, lastig uit te leggen naar
        organisatie en bestuur
      • Overheid stelt WR wel verplicht maar (nog) geen consequenties of wet
 ● Complimenten of feedback (vanuit doelgroep) hoeft u niet te
   verwachten
 ● Organisatorisch moeilijk, menselijke fouten vs afdwingen door
   techniek (automatische toetsing bij opslaan in CMS, upload allen PDF/a )
 ● Uitdaging afdwingen bij leveranciers (Notubis/SIM)
 ● Tot die tijd Monitoren, bewaken & blijven agenderen
Vragen?
Vragen en aanvullende informatie?

Erik van Es
•e.van.es@capelleaandenijssel.nl
•06-22793522

Nicole Oltheten en Muriel Lameris
•OperatieNUP@kinggemeenten.nl
•www.operatieNUP.nl
•06-412372347
Toegankelijkheid loont! en de praktijk  (Operatie NUP congres 2013)

More Related Content

Viewers also liked

Digikoppeling en de lv woz (Operatie NUP congres 2013)
Digikoppeling en de lv woz  (Operatie NUP congres 2013)Digikoppeling en de lv woz  (Operatie NUP congres 2013)
Digikoppeling en de lv woz (Operatie NUP congres 2013)
OperatieNUP
 
Bgt de handen uit de mouwen (Operatie NUP congres 2013)
Bgt de handen uit de mouwen  (Operatie NUP congres 2013)Bgt de handen uit de mouwen  (Operatie NUP congres 2013)
Bgt de handen uit de mouwen (Operatie NUP congres 2013)
OperatieNUP
 
Praktische aanpak binnengemeentelijk gebruik basisregistraties (Operatie NUP...
Praktische aanpak binnengemeentelijk gebruik basisregistraties  (Operatie NUP...Praktische aanpak binnengemeentelijk gebruik basisregistraties  (Operatie NUP...
Praktische aanpak binnengemeentelijk gebruik basisregistraties (Operatie NUP...
OperatieNUP
 
Pdok publieke dienstverlening op de kaart (Operatie NUP congres 2013)
Pdok publieke dienstverlening op de kaart  (Operatie NUP congres 2013)Pdok publieke dienstverlening op de kaart  (Operatie NUP congres 2013)
Pdok publieke dienstverlening op de kaart (Operatie NUP congres 2013)
OperatieNUP
 
Weg met de babalonische spraakverwarring (Operatie NUP congres 2013)
Weg met de babalonische spraakverwarring  (Operatie NUP congres 2013)Weg met de babalonische spraakverwarring  (Operatie NUP congres 2013)
Weg met de babalonische spraakverwarring (Operatie NUP congres 2013)
OperatieNUP
 
Praktische aanpak binnengemeentelijk gebruik basisregistraties
Praktische aanpak binnengemeentelijk gebruik basisregistraties Praktische aanpak binnengemeentelijk gebruik basisregistraties
Praktische aanpak binnengemeentelijk gebruik basisregistraties
OperatieNUP
 
Stuf zakendms-presentatie (Operatie NUP congres 2013)
Stuf zakendms-presentatie  (Operatie NUP congres 2013)Stuf zakendms-presentatie  (Operatie NUP congres 2013)
Stuf zakendms-presentatie (Operatie NUP congres 2013)
OperatieNUP
 
De mijn overheid berichtenbox (Operatie NUP congres 2013)
De mijn overheid berichtenbox  (Operatie NUP congres 2013)De mijn overheid berichtenbox  (Operatie NUP congres 2013)
De mijn overheid berichtenbox (Operatie NUP congres 2013)
OperatieNUP
 
Mijn overheid berichtenbox uw supersnelle digitale postduif (Operatie NUP co...
Mijn overheid berichtenbox uw supersnelle digitale postduif  (Operatie NUP co...Mijn overheid berichtenbox uw supersnelle digitale postduif  (Operatie NUP co...
Mijn overheid berichtenbox uw supersnelle digitale postduif (Operatie NUP co...
OperatieNUP
 
Praktijkproef digimelding (Operatie NUP congres 2013)
 Praktijkproef digimelding  (Operatie NUP congres 2013) Praktijkproef digimelding  (Operatie NUP congres 2013)
Praktijkproef digimelding (Operatie NUP congres 2013)
OperatieNUP
 
Hergebruik in de praktijk een win-win-voorbeeld van standaardisatie
Hergebruik in de praktijk  een win-win-voorbeeld van standaardisatieHergebruik in de praktijk  een win-win-voorbeeld van standaardisatie
Hergebruik in de praktijk een win-win-voorbeeld van standaardisatie
OperatieNUP
 
130313 terugmelden en digimelding
130313 terugmelden en digimelding130313 terugmelden en digimelding
130313 terugmelden en digimelding
OperatieNUP
 
130313 kwaliteit in het stelsel van basisregistraties
130313 kwaliteit in het stelsel van basisregistraties130313 kwaliteit in het stelsel van basisregistraties
130313 kwaliteit in het stelsel van basisregistraties
OperatieNUP
 

Viewers also liked (14)

Digikoppeling en de lv woz (Operatie NUP congres 2013)
Digikoppeling en de lv woz  (Operatie NUP congres 2013)Digikoppeling en de lv woz  (Operatie NUP congres 2013)
Digikoppeling en de lv woz (Operatie NUP congres 2013)
 
Bgt de handen uit de mouwen (Operatie NUP congres 2013)
Bgt de handen uit de mouwen  (Operatie NUP congres 2013)Bgt de handen uit de mouwen  (Operatie NUP congres 2013)
Bgt de handen uit de mouwen (Operatie NUP congres 2013)
 
Praktische aanpak binnengemeentelijk gebruik basisregistraties (Operatie NUP...
Praktische aanpak binnengemeentelijk gebruik basisregistraties  (Operatie NUP...Praktische aanpak binnengemeentelijk gebruik basisregistraties  (Operatie NUP...
Praktische aanpak binnengemeentelijk gebruik basisregistraties (Operatie NUP...
 
Pdok publieke dienstverlening op de kaart (Operatie NUP congres 2013)
Pdok publieke dienstverlening op de kaart  (Operatie NUP congres 2013)Pdok publieke dienstverlening op de kaart  (Operatie NUP congres 2013)
Pdok publieke dienstverlening op de kaart (Operatie NUP congres 2013)
 
Weg met de babalonische spraakverwarring (Operatie NUP congres 2013)
Weg met de babalonische spraakverwarring  (Operatie NUP congres 2013)Weg met de babalonische spraakverwarring  (Operatie NUP congres 2013)
Weg met de babalonische spraakverwarring (Operatie NUP congres 2013)
 
Praktische aanpak binnengemeentelijk gebruik basisregistraties
Praktische aanpak binnengemeentelijk gebruik basisregistraties Praktische aanpak binnengemeentelijk gebruik basisregistraties
Praktische aanpak binnengemeentelijk gebruik basisregistraties
 
Stuf zakendms-presentatie (Operatie NUP congres 2013)
Stuf zakendms-presentatie  (Operatie NUP congres 2013)Stuf zakendms-presentatie  (Operatie NUP congres 2013)
Stuf zakendms-presentatie (Operatie NUP congres 2013)
 
De mijn overheid berichtenbox (Operatie NUP congres 2013)
De mijn overheid berichtenbox  (Operatie NUP congres 2013)De mijn overheid berichtenbox  (Operatie NUP congres 2013)
De mijn overheid berichtenbox (Operatie NUP congres 2013)
 
Mijn overheid berichtenbox uw supersnelle digitale postduif (Operatie NUP co...
Mijn overheid berichtenbox uw supersnelle digitale postduif  (Operatie NUP co...Mijn overheid berichtenbox uw supersnelle digitale postduif  (Operatie NUP co...
Mijn overheid berichtenbox uw supersnelle digitale postduif (Operatie NUP co...
 
Hackers 2
Hackers 2Hackers 2
Hackers 2
 
Praktijkproef digimelding (Operatie NUP congres 2013)
 Praktijkproef digimelding  (Operatie NUP congres 2013) Praktijkproef digimelding  (Operatie NUP congres 2013)
Praktijkproef digimelding (Operatie NUP congres 2013)
 
Hergebruik in de praktijk een win-win-voorbeeld van standaardisatie
Hergebruik in de praktijk  een win-win-voorbeeld van standaardisatieHergebruik in de praktijk  een win-win-voorbeeld van standaardisatie
Hergebruik in de praktijk een win-win-voorbeeld van standaardisatie
 
130313 terugmelden en digimelding
130313 terugmelden en digimelding130313 terugmelden en digimelding
130313 terugmelden en digimelding
 
130313 kwaliteit in het stelsel van basisregistraties
130313 kwaliteit in het stelsel van basisregistraties130313 kwaliteit in het stelsel van basisregistraties
130313 kwaliteit in het stelsel van basisregistraties
 

Similar to Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)

Presentatiepva Mt Breed2juli
Presentatiepva Mt Breed2juliPresentatiepva Mt Breed2juli
Presentatiepva Mt Breed2juli
Odette de Koning
 
Leveranciersbijeenkomst uitwerking winstpakkers
Leveranciersbijeenkomst uitwerking winstpakkersLeveranciersbijeenkomst uitwerking winstpakkers
Leveranciersbijeenkomst uitwerking winstpakkers
KING
 
Portfolioboekje ordina 2013 v1 0
Portfolioboekje ordina 2013 v1 0Portfolioboekje ordina 2013 v1 0
Portfolioboekje ordina 2013 v1 0
ordinaportfolioapp
 

Similar to Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013) (20)

E12 Rws Internet
E12 Rws InternetE12 Rws Internet
E12 Rws Internet
 
Keynote CEO Catherine Gressens zonder roadmap
Keynote CEO Catherine Gressens zonder roadmapKeynote CEO Catherine Gressens zonder roadmap
Keynote CEO Catherine Gressens zonder roadmap
 
Impactanalyses
ImpactanalysesImpactanalyses
Impactanalyses
 
20190124_pilot succesratio_verslag bijeenkomst
20190124_pilot succesratio_verslag bijeenkomst20190124_pilot succesratio_verslag bijeenkomst
20190124_pilot succesratio_verslag bijeenkomst
 
160401 Leveranciersdag KING
160401 Leveranciersdag KING160401 Leveranciersdag KING
160401 Leveranciersdag KING
 
Een praktische invulling van TOGAF
Een praktische invulling van TOGAFEen praktische invulling van TOGAF
Een praktische invulling van TOGAF
 
Forum Event KA-TI: Open source ook voor bedrijfskritische applicaties
Forum Event KA-TI: Open source ook voor bedrijfskritische applicatiesForum Event KA-TI: Open source ook voor bedrijfskritische applicaties
Forum Event KA-TI: Open source ook voor bedrijfskritische applicaties
 
Presentatiepva Mt Breed2juli
Presentatiepva Mt Breed2juliPresentatiepva Mt Breed2juli
Presentatiepva Mt Breed2juli
 
BA Summit 2014 Werk efficiënter met IBM SPSS- en IBM Cognos-oplossingen speci...
BA Summit 2014 Werk efficiënter met IBM SPSS- en IBM Cognos-oplossingen speci...BA Summit 2014 Werk efficiënter met IBM SPSS- en IBM Cognos-oplossingen speci...
BA Summit 2014 Werk efficiënter met IBM SPSS- en IBM Cognos-oplossingen speci...
 
141008 bd nv plaquette DSI nl
141008 bd nv plaquette DSI nl141008 bd nv plaquette DSI nl
141008 bd nv plaquette DSI nl
 
3D-projectaanpak gemeenten SWW
3D-projectaanpak gemeenten SWW3D-projectaanpak gemeenten SWW
3D-projectaanpak gemeenten SWW
 
TYPO3 Congres 2012 - Klant Contact Systeem met TYPO3 en Verseon Zaaksysteem
TYPO3 Congres 2012 - Klant Contact Systeem met TYPO3 en Verseon ZaaksysteemTYPO3 Congres 2012 - Klant Contact Systeem met TYPO3 en Verseon Zaaksysteem
TYPO3 Congres 2012 - Klant Contact Systeem met TYPO3 en Verseon Zaaksysteem
 
151105 praktijkmiddag weert breda
151105 praktijkmiddag weert   breda151105 praktijkmiddag weert   breda
151105 praktijkmiddag weert breda
 
Opdracht 16: NVVB
Opdracht 16: NVVB Opdracht 16: NVVB
Opdracht 16: NVVB
 
Geïntegreerd werken / ERP/ Bedrijfssoftware in de KMO: 10 praktische tips
Geïntegreerd werken / ERP/ Bedrijfssoftware in de KMO: 10 praktische tipsGeïntegreerd werken / ERP/ Bedrijfssoftware in de KMO: 10 praktische tips
Geïntegreerd werken / ERP/ Bedrijfssoftware in de KMO: 10 praktische tips
 
Leveranciersbijeenkomst uitwerking winstpakkers
Leveranciersbijeenkomst uitwerking winstpakkersLeveranciersbijeenkomst uitwerking winstpakkers
Leveranciersbijeenkomst uitwerking winstpakkers
 
De grote dag vd kleine gemeente: ICT-integratie
De grote dag vd kleine gemeente: ICT-integratieDe grote dag vd kleine gemeente: ICT-integratie
De grote dag vd kleine gemeente: ICT-integratie
 
20160617 Leveranciersbijeenkomst GIBIT
20160617 Leveranciersbijeenkomst GIBIT20160617 Leveranciersbijeenkomst GIBIT
20160617 Leveranciersbijeenkomst GIBIT
 
Portfolioboekje ordina 2013 v1 0
Portfolioboekje ordina 2013 v1 0Portfolioboekje ordina 2013 v1 0
Portfolioboekje ordina 2013 v1 0
 
Presentaties passende dienstverlening
Presentaties passende dienstverleningPresentaties passende dienstverlening
Presentaties passende dienstverlening
 

More from OperatieNUP

130313 praktijkproef digimelding gemeente venlo
130313 praktijkproef digimelding gemeente venlo130313 praktijkproef digimelding gemeente venlo
130313 praktijkproef digimelding gemeente venlo
OperatieNUP
 
Dienstverlening in de keten van werk en inkomen
Dienstverlening in de keten van werk en inkomenDienstverlening in de keten van werk en inkomen
Dienstverlening in de keten van werk en inkomen
OperatieNUP
 
Stelselinformatiepunt; wat u wilt weten over het stelsel (Operatie NUP congr...
Stelselinformatiepunt; wat u wilt weten over het stelsel  (Operatie NUP congr...Stelselinformatiepunt; wat u wilt weten over het stelsel  (Operatie NUP congr...
Stelselinformatiepunt; wat u wilt weten over het stelsel (Operatie NUP congr...
OperatieNUP
 
Vernieuwingen in de woz (Operatie NUP congres 2013)
Vernieuwingen in de woz  (Operatie NUP congres 2013)Vernieuwingen in de woz  (Operatie NUP congres 2013)
Vernieuwingen in de woz (Operatie NUP congres 2013)
OperatieNUP
 
Routekaart bag woz handelsregister-berichtenbox (Operatie NUP congres 2013)
Routekaart bag woz handelsregister-berichtenbox  (Operatie NUP congres 2013)Routekaart bag woz handelsregister-berichtenbox  (Operatie NUP congres 2013)
Routekaart bag woz handelsregister-berichtenbox (Operatie NUP congres 2013)
OperatieNUP
 
N uepe 1 (Operatie NUP congres 2013)
N uepe 1  (Operatie NUP congres 2013)N uepe 1  (Operatie NUP congres 2013)
N uepe 1 (Operatie NUP congres 2013)
OperatieNUP
 
N ue pe (Operatie NUP congres 2013)
N ue pe  (Operatie NUP congres 2013)N ue pe  (Operatie NUP congres 2013)
N ue pe (Operatie NUP congres 2013)
OperatieNUP
 
Handelsregister lessen uit de pilot (Operatie NUP congres 2013)
Handelsregister lessen uit de pilot  (Operatie NUP congres 2013)Handelsregister lessen uit de pilot  (Operatie NUP congres 2013)
Handelsregister lessen uit de pilot (Operatie NUP congres 2013)
OperatieNUP
 
Grip op leveranciersmanagement (Operatie NUP congres 2013)
Grip op leveranciersmanagement  (Operatie NUP congres 2013)Grip op leveranciersmanagement  (Operatie NUP congres 2013)
Grip op leveranciersmanagement (Operatie NUP congres 2013)
OperatieNUP
 
Apps en open 311 (Operatie NUP congres 2013)
Apps en open 311  (Operatie NUP congres 2013)Apps en open 311  (Operatie NUP congres 2013)
Apps en open 311 (Operatie NUP congres 2013)
OperatieNUP
 
N uepe 2 (Operatie NUP congres 2013)
N uepe 2  (Operatie NUP congres 2013)N uepe 2  (Operatie NUP congres 2013)
N uepe 2 (Operatie NUP congres 2013)
OperatieNUP
 
Zaakgericht werken, dromenn, denken, doen (Operatie NUP congres 2013)
Zaakgericht werken, dromenn, denken, doen  (Operatie NUP congres 2013)Zaakgericht werken, dromenn, denken, doen  (Operatie NUP congres 2013)
Zaakgericht werken, dromenn, denken, doen (Operatie NUP congres 2013)
OperatieNUP
 
Toegankelijkheid loont (Operatie NUP congres 2013)
Toegankelijkheid loont  (Operatie NUP congres 2013)Toegankelijkheid loont  (Operatie NUP congres 2013)
Toegankelijkheid loont (Operatie NUP congres 2013)
OperatieNUP
 
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen (Operat...
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen  (Operat...Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen  (Operat...
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen (Operat...
OperatieNUP
 
Stadaardisatie wabo bag koppeling (Operatie NUP congres 2013)
Stadaardisatie wabo bag koppeling  (Operatie NUP congres 2013)Stadaardisatie wabo bag koppeling  (Operatie NUP congres 2013)
Stadaardisatie wabo bag koppeling (Operatie NUP congres 2013)
OperatieNUP
 

More from OperatieNUP (15)

130313 praktijkproef digimelding gemeente venlo
130313 praktijkproef digimelding gemeente venlo130313 praktijkproef digimelding gemeente venlo
130313 praktijkproef digimelding gemeente venlo
 
Dienstverlening in de keten van werk en inkomen
Dienstverlening in de keten van werk en inkomenDienstverlening in de keten van werk en inkomen
Dienstverlening in de keten van werk en inkomen
 
Stelselinformatiepunt; wat u wilt weten over het stelsel (Operatie NUP congr...
Stelselinformatiepunt; wat u wilt weten over het stelsel  (Operatie NUP congr...Stelselinformatiepunt; wat u wilt weten over het stelsel  (Operatie NUP congr...
Stelselinformatiepunt; wat u wilt weten over het stelsel (Operatie NUP congr...
 
Vernieuwingen in de woz (Operatie NUP congres 2013)
Vernieuwingen in de woz  (Operatie NUP congres 2013)Vernieuwingen in de woz  (Operatie NUP congres 2013)
Vernieuwingen in de woz (Operatie NUP congres 2013)
 
Routekaart bag woz handelsregister-berichtenbox (Operatie NUP congres 2013)
Routekaart bag woz handelsregister-berichtenbox  (Operatie NUP congres 2013)Routekaart bag woz handelsregister-berichtenbox  (Operatie NUP congres 2013)
Routekaart bag woz handelsregister-berichtenbox (Operatie NUP congres 2013)
 
N uepe 1 (Operatie NUP congres 2013)
N uepe 1  (Operatie NUP congres 2013)N uepe 1  (Operatie NUP congres 2013)
N uepe 1 (Operatie NUP congres 2013)
 
N ue pe (Operatie NUP congres 2013)
N ue pe  (Operatie NUP congres 2013)N ue pe  (Operatie NUP congres 2013)
N ue pe (Operatie NUP congres 2013)
 
Handelsregister lessen uit de pilot (Operatie NUP congres 2013)
Handelsregister lessen uit de pilot  (Operatie NUP congres 2013)Handelsregister lessen uit de pilot  (Operatie NUP congres 2013)
Handelsregister lessen uit de pilot (Operatie NUP congres 2013)
 
Grip op leveranciersmanagement (Operatie NUP congres 2013)
Grip op leveranciersmanagement  (Operatie NUP congres 2013)Grip op leveranciersmanagement  (Operatie NUP congres 2013)
Grip op leveranciersmanagement (Operatie NUP congres 2013)
 
Apps en open 311 (Operatie NUP congres 2013)
Apps en open 311  (Operatie NUP congres 2013)Apps en open 311  (Operatie NUP congres 2013)
Apps en open 311 (Operatie NUP congres 2013)
 
N uepe 2 (Operatie NUP congres 2013)
N uepe 2  (Operatie NUP congres 2013)N uepe 2  (Operatie NUP congres 2013)
N uepe 2 (Operatie NUP congres 2013)
 
Zaakgericht werken, dromenn, denken, doen (Operatie NUP congres 2013)
Zaakgericht werken, dromenn, denken, doen  (Operatie NUP congres 2013)Zaakgericht werken, dromenn, denken, doen  (Operatie NUP congres 2013)
Zaakgericht werken, dromenn, denken, doen (Operatie NUP congres 2013)
 
Toegankelijkheid loont (Operatie NUP congres 2013)
Toegankelijkheid loont  (Operatie NUP congres 2013)Toegankelijkheid loont  (Operatie NUP congres 2013)
Toegankelijkheid loont (Operatie NUP congres 2013)
 
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen (Operat...
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen  (Operat...Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen  (Operat...
Praktische aanpak binnengemeentelijk gebruik basisregitraties kempen (Operat...
 
Stadaardisatie wabo bag koppeling (Operatie NUP congres 2013)
Stadaardisatie wabo bag koppeling  (Operatie NUP congres 2013)Stadaardisatie wabo bag koppeling  (Operatie NUP congres 2013)
Stadaardisatie wabo bag koppeling (Operatie NUP congres 2013)
 

Toegankelijkheid loont! en de praktijk (Operatie NUP congres 2013)

  • 2. Even voorstellen… Erik van Es Erik van Es Adviseur Digitale Media Adviseur Digitale Media en E-dienstverlening en E-dienstverlening Gemeente Gemeente Capelle aan den IJssel Capelle aan den IJssel • Zuid – Holland • Zuid – Holland •• 65.000 inwoners 65.000 inwoners •• 500 fte’s 500 fte’s •• 2 x beleid ICT 2 x beleid ICT •• 1 x Digitale Media en E-dvl 1 x Digitale Media en E-dvl •• 6 x redactie 6 x redactie www.capelleaandenijssel.nl
  • 3. Online toegankelijkheid in de praktijk Capelse aanpak Lange weg toegevoegde waarde van digitale toegankelijkheid waar moet je aan denken leerpunten van C a/d IJssel zijn tav de webrichtlijnen wat het ons oplevert Pecha Kucha stamt af van een Japans woord voor 'prietpraat'. Het woord moet als een enkel woord worden uitgesproken (petsja-kutsja).
  • 4. Toegankelijkheid & Webrichtlijnen De Capelse aanpak Een lange weg Rollen en Borging Onderzoek en monitor Conclusies Vragen
  • 5. Capelse aanpak ICT ICT = bedrijfsvoering Voordeel: - Overzicht - Besluitvorming Centrale financiering - Coördinatie projecten - Inkoopvoordeel Projectenplanning 5 jaar vooruit
  • 6. Bestuurlijk draagvlak en ambitie Alle Website is producten ons primaire Sturende stukken: digitaal kanaal Missie en Visie Dienstverleningsconcep Op gebied E- t We verbeteren dienstverlening Coalitieakkoord voortdurend en wil Capelle zich Collegewerkplan behoren tot de top meten met van Nederland subtop van gemeenten Geen apart beleid voor webrichtlijnen
  • 7. WR een lange weg ● 2004: Intentieverklaring Drempels Weg getekend ● 2008: NUP verplicht webrichtlijnen v.a. eind 2012 en Score WR wordt onderdeel Overheid.nl Monitor ● 2010 juli: aanbesteding CMS eis WR-proof ● 2011 maart: 1 e toetsing WR (50 pagina’s) ● 2012 jan - sept: Project E-dvl in Versnelling volledig voldoen aan WR ● 2012 juni: 2 e toetsing WR ● 2013: Geen wet, maar 'pas toe of leg uit'-principe
  • 8. Waarom webrichtlijnen • Toepassing Webrichtlijnen is verplicht (iNUP) • Nut en noodzaak Voorstelbaar dat u niet meer ziet waar het om gaat. Het vraagt een flinke investering met weinig (zichtbaar) resultaat, lastig om uit te leggen aan uw organisatie en bestuur. Het gaat om toegankelijkheid, duurzaamheid en efficiëntie. M.a.w. om een site die geschikt is voor alle gebruikers en vormen van gebruik, ook op langere termijn.
  • 9. WR voordelen • Toegankelijkheid voor: • blinden en slechtzienden • auditieve beperkingen • motorische beperkingen • cognitieve beperkingen • minder vaardige internet gebruikers • mensen die minder goed Nederlands spreken • Een website die werkt in alle browsers, op alle platformen • Een website optimaal ingericht voor zoekmachines (prioritering H1, H2, H3 en geen overbodige code) • Een snelle website (bespaart bandbreedte)
  • 11. Rol: Leveranciers CMS • Chat Aanvraagformulieren • Vacaturesite Films • Readspeaker Documenten • GSA (Zoekmachine) Raadsinformatiesysteem • DigiD Belastinginformatiesysteem • Geo-informatiesysteem Afsprakenmodule • Ogone
  • 13. Zoek fout (gebruikte) Zoek fout (gebruikte) HTML-tags HTML-tags
  • 14. Voorbeeld 3: align afbeeldingen Voorbeeld 3: align afbeeldingen
  • 15. Bonussheet: Tools 1. Contrast: Juicystudio.com link 2. WAVE (Web Accessibility evaluation Tool) link 3. W3C Mark-up validator/ CSS validator link 4. Markup zoek tool link 5. Web design group HTMLhelper link 6. Webrichtlijnen Quickscan link 7. Ondersteuning externen /QH/leverancier/KING
  • 16. Rol: Communicatie • Presentatie / ontwerp website • Redactie, verantwoordelijk voor content ● 300 PDF ● 350 menupagina’s ● 300 producten ● 700 nieuwspagina’s (norm = 2 jaar terug, jaar voor 1e toetsing) • Grote hoeveelheid werk ● Uitbesteden betekend (WR-wijs maken, begeleiden en controleren) • Redactie WR-wijs maken ● Training, begeleiden en controleren
  • 17. Borging • Redactie moet WR-proof (kunnen) werken • Overtuigen van nut en noodzaak • Applicaties z.v.m. WR-proof maken (CMS WR-check, PDF/a converter) • ICT Beleid • Eisen van leveranciers dat applicatie aan WR voldoet • Praktijk = Als het conform WR kan doen we het! • Monitoren, bewaken & agenderen
  • 18.
  • 19. Onderzoek en Monitor gebruik • Bezoeken site Inventariseren • Aantal en gebruik E-formulieren • Top 100 meest bezochte pagina’s • Top 50 zoektermen (sitesearch) Realiseren Beoordelen • Reageren op vragen • Bewonersenquête (2 jaarlijks) • Audit Klantcontact Plannen • Usability onderzoek
  • 20. Visual Usability onderzoek ‘wat je met 1000 woorden niet kan vertellen’!
  • 21. Nieuwe inzichten Uitgangspunt is dat bezoekers: 1. Onvoldoende de aangeboden informatie lezen 2. Z.s.m. naar de informatie willen waar ze voor komen 3. Geen onderscheid tussen product en andere content (2 structuren) 4. Hoofdzakelijk voor één product komen 5. De gemeentelijke organisatie en haar structuur niet kennen 6. Gemiddeld slechts 1 keer per jaar de gemeentelijke website bezoeken
  • 22. Plan E-dvl in versnelling Doel is toename gebruik E-dvl verbeteren: Transformeren van - e-dienstverlening een Website - klantgerichtheid vanuit de gemeente - gebruikersgemak - vindbaarheid producten naar een website en informatie voor de burgers!
  • 25. Conclusies ● Grotere impact dan verwacht, zowel bij ons als bij de leveranciers ● Draagvlak lastig: • flinke investering en weinig (zichtbaar) resultaat, lastig uit te leggen naar organisatie en bestuur • Overheid stelt WR wel verplicht maar (nog) geen consequenties of wet ● Complimenten of feedback (vanuit doelgroep) hoeft u niet te verwachten ● Organisatorisch moeilijk, menselijke fouten vs afdwingen door techniek (automatische toetsing bij opslaan in CMS, upload allen PDF/a ) ● Uitdaging afdwingen bij leveranciers (Notubis/SIM) ● Tot die tijd Monitoren, bewaken & blijven agenderen
  • 27. Vragen en aanvullende informatie? Erik van Es •e.van.es@capelleaandenijssel.nl •06-22793522 Nicole Oltheten en Muriel Lameris •OperatieNUP@kinggemeenten.nl •www.operatieNUP.nl •06-412372347

Editor's Notes

  1. KING heeft ons gevraagd Onze ervaringen met webrichtlijnen met u te delen. Wie van u is al bezig met Webrichtlijnen? en/of heeft al een toetsing behaald?
  2. Project E-dvl in versnelling: inhuur tekstschrijfbureau (&Teksten) voor redactieslag ‘ Facelift’ ontwerp
  3. Je maakt de website toegankelijk voor iedereen zoals: Maar waar ik het belang bij ziet is dat je website kwalitatief beter wordt. want je website werkt door de WR beter met zoekmachines en alle mogelijke platformen.
  4. Een overzicht van de variatie van leveranciers voor het presenteren van onze informatie. Geel gearceerd is vervangen om te voldoen aan de webrichtlijnen en klantvriendelijkheid. We zijn begonnen met het vervangen van het CMS. De toenmalige leverancier leverde geen ondersteuning meer. Waardoor we genoodzaakt zijn om te gaan aanbesteden. In de aanbesteding hebben we de term WR-proef gevraagd. Helaas geen garantie voor het krijgen van een WR-proef website. je weet pas op het moment van toetsten of de gebruikte techniek ook echt WR-proef is. je kunt wel zo veel mogelijk uitsluiten (met de duidelijk beschreven tools). We zijn opzoek gegaan naar een andere leverancier die wel kon voldoen aan de WR-eis voor onze formulieren omdat de huidige leverancier nog steeds niet kan voldoen. We gebruiken veel films ter ondersteuning van productteksten. Deze waren gelukkig al WR-proef. Maar we hebben nog steeds geen goede manier gevonden om de films te publiceren. Er was zelfs een dicussie dat onze cms leverancier 1000 E per film vroeg voor de de werkzaamheden. En zo is voor elk leverancier een eigenaardigs verhaal te vertellen. Het belangrijkste is dan ook om grip proberen te krijgen op de problemen, (onze) leveranciers werden erg blij met onze heldere probleem beschrijving en gewenste situatie. Ik heb dit als volgt aangepakt:
  5. Grote gevolgen! Contrast van 4.7:1 nu 5.11:1
  6. Gezocht op een HTML tag weergave van opsporen van opmaak errors R-pd, 3.5: Gebruik het em (emphasis) en strong element voor het aangeven van nadruk EN DUS NIET VOOR HET VET MAKEN VAN KOPPEN!
  7. Voorbeeld: hoe kan ik het voorkomen: spreekt nu een stijlsheet element aan ipv het html element align
  8. Alle tools nog op een rijtje
  9. Redactie, grote hoeveelheid werk (extern bureau)
  10. Leuk vb. Toegankelijkheid De POP UP kan niet met het toetsenbord bediend worden! Dat is in strijd met de WR.
  11. Waaronder: Facelift website Zoeken met GSA App’s / Mobile website Nieuws (Twitter, info-push) Personalisatie ‘Bij mij in de buurt’ Burgerparticipatie ‘Denk Mee’