• Save
Presentatie Kor Dwarshuis Holland Open2008
Upcoming SlideShare
Loading in...5
×
 

Presentatie Kor Dwarshuis Holland Open2008

on

  • 585 views

in Dutch. About Dutch governmental Web Guidelines, accessibility.

in Dutch. About Dutch governmental Web Guidelines, accessibility.

Statistics

Views

Total Views
585
Views on SlideShare
582
Embed Views
3

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 3

http://www.linkedin.com 3

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Presentatie Kor Dwarshuis Holland Open2008 Presentatie Kor Dwarshuis Holland Open2008 Presentation Transcript

  • Accessibility richtlijnen: waar eis en wanneer wens? Holland Open Conferentie 2008 Kor Dwarshuis
  • < Inhoudsopgave >
    • Samenvatting
    • Inleiding
    • Korte geschiedenis
    • Recente ontwikkelingen
    • Accessibility
    • Webrichtlijnen
    • Case Study
    • Conclusie
    • Vragen
    • Links
    • Bijlage
    • -> < Samenvatting >
  • < Samenvatting >
      • Overheden en bedrijven staan voor de uitdaging hun websites zó te bouwen dat ze zowel voor mensen als voor browsers en zoekmachines optimaal toegankelijk zijn.
      • De Webrichtlijnen helpen daarbij.
      • ( www.webrichtlijnen.nl )
      • -> < Inleiding >
  • < Inleiding >
      • Even voorstellen:
      • Naam: Kor Dwarshuis
      • Beroep: zelfstandig front-end web ontwikkelaar
      • website: dwarshuis.com
      • voorheen: systeembeheerder
      • (Novell, UNIX) bij
      • Capgemini
  • < Inleiding > Wie ben ik nog meer
  • < Inleiding >
      • Wie zijn jullie?
      • Wie heeft gehoord van Web Standards ...
      • ... Table based lay-out ...
      • ... Accessibility ...
      • ... de Webrichtlijnen ...
  • < Inleiding >
      • Relatie met Holland Open
      • Webrichtlijnen:
      • “ In het raamwerk van eisen worden eisen gedefiniëerd waarin open standaarden wordt gevraagd.”
      • “ ...daar waar een open standaard beschikbaar is, deze ook dient te worden gebruikt.”
      • http://www.webrichtlijnen.nl/achtergrond/raamwerk/open-standaarden/
  • < Inleiding >
      • Doel van deze presentatie:
      • Voordelen Accessibility / Webrichtlijnen laten zien
  • < Inleiding > Waar gaat het over? - Een paar 'soundbites': 1 Accessibility (en) = Toegankelijkheid (nl) 2 'Webrichtlijnen' zijn duidelijke handleidingen om websites toegankelijk te maken 3 'HTML zoals HTML bedoeld is.' 4 'Websites toegankelijk voor alle user-agents (browsers, zoekbots, screenreaders, mobiele platforms)' -> < Korte geschiedenis >
  • < Korte geschiedenis > Het www is voor iedereen! Gevolg: Bijna 100% van HTML wereldwijd is “tag soup ” ; -> user agents interpreteren deze “tag soup ” ; HTML en JAVASCRIPT worden oneigenlijk gebruikt -> user agents “lopen vast” of nemen maatregelen
  • < Korte geschiedenis >
      • www.nieuwekerk.nl zonder javascript (begin 2008)
  • < Korte geschiedenis >
      • www.nieuwekerk.nl zonder javascript (sep 2008)
      • “ Voor deze website heeft u de Shockwave Flash Plugin nodig. Deze kunt u hier downloaden”
      • (Dat schiet al lekker op.)
  • < Korte geschiedenis >
      • www.nieuwekerk.nl mét javascript
  • < Korte geschiedenis > Rommelig | Netjes ↑ ↑ ↑ ↑ Searchbot: “Zootje; ik kom later wel eens terug”
  • < Korte geschiedenis >
      • Windows Live zonder javascript
  • < Korte geschiedenis >
      • Windows Live mét javascript
  • < Korte geschiedenis >
      • Google mail zonder javascript doet het wel
  • < Korte geschiedenis >
      • “ Je weet niet wat je mist!”
      • of eigenlijk:
      • “ Je weet niet wie je mist!”
    • -> < Recente ontwikkelingen >
  • < Recente ontwikkelingen >
      • Microsoft committeert zich aan de
      • Web Standards met Internet Explorer 8
      • Google eist snellere sites, en
      • heeft het over Accessibility
      • Wehkamp maakte zijn site accessible
      • Legal & General maakte zijn site accessible
      • (case study)
  • < Recente ontwikkelingen >
    • Van Google's Blogspot:
    • (n.a.v. Google Chrome)
      • “ When your site renders poorly or is difficult to use on many browsers you risk losing your visitors' interest, and, if you're running a monetized site, perhaps their business.”
      • “ Here's a quick list to make sure
      • you're covering the basics:”
  • < Recente ontwikkelingen >
    • Van Google's Blogspot:
      • Step 1: Ensure browser compatibility by focusing on accessibility
      • The same techniques that make your site more accessible to search engines, [...], often help your site's compatibility on various browsers [...].
      • Simpler HTML is often more easily cross-compatible than the latest techniques.
      • Step 2: Consider validating your code
      • Written by Maile Ohye, Developer Programs Tech Lead (@ Google)
      • http://feeds.feedburner.com/~r/blogspot/amDG/~3/384459169/workin-it-on-all-browsers.html
    • -> < Accessibility >
  • < Accessibility >
  • < Accessibility >
      • Wat was dat ook al weer?
      • “ Iets met blinden”
      • “ dus het interesseert me niet”
  • < Accessibility > Wat is accessibility? 1 Accessibility (en) = Toegankelijkheid (nl) 2 'HTML zoals HTML bedoeld is.' 3 'Websites toegankelijk voor alle user-agents (browsers, zoekbots, screenreaders, mobiele platforms)'
  • < Accessibility >
      • Verband tussen Accessibility en Webrichtlijnen :
      • De Webrichtlijnen zijn een set duidelijke richtlijnen om een site accessible te maken
      • (onder andere)
  • < Accessibility >
      • Zou je willen dat zo veel mogelijk mensen je site kunnen bezoeken?
      • Klant: Ja tuurlijk!
      • Vind je het belangrijk dat je site snel is?
      • Klant: Ja!
      • Site ook toegankelijk binnen kantooromgevingen, internet café's, op mobiele toepassingen?
      • Klant: Ja zeker!
      • Vind je het belangrijk dat je site makkelijk technisch te beheren is?
      • Klant: Ja, scheelt weer!
      • Vind je het belangrijk dat je site het goed doet in zoekmachines?
      • Klant: Ja, zekerste weten!
      • Vind je het belangrijk dat je site toegankelijk is?
      • Klant: Dat is toch accessibility, Web Standards? Nee dat interesseert me eigenlijk niet zo
  • < Accessibility >
    • Waarover gaat het:
    • Visueel beperkten: - 2% visueel gehandicapten (0.1% is blind) - 1 op 12 mannen en 1 op 200 vrouwen is kleurenblind - 100% van de zoekmachines is blind
    • 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%
  • < Accessibility >
    • Waarover gaat 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 - Kantooromgevingen, internet café's, mobiele platforms bron: Stichting Accessibility
    • -> < Webrichtlijnen >
  • < Webrichtlijnen >
      • “ 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.”
  • < Webrichtlijnen >
      • Voordelen:
      • Beter en duurzaam toegankelijk voor mensen en zoekmachines
      • Snellere website
      • Voorbereid op de toekomst (o.a. mobiele toepassingen)
      • Hogere Return on Investment
      • Beter opdrachtgeverschap
      • Managen bestuurlijk risico
      • ( http://www.webrichtlijnen.nl/waarom/ )‏
  • < Webrichtlijnen >
      • Het kwaliteitsmodel Webrichtlijnen
      • Instrument voor beter opdrachtgeverschap
      • Referentie bij front-end web development
      • Basisprincipes van de Webrichtlijnen
      • Juiste toepassing van standaarden
      • Gelaagd bouwen(progressive enhancement)
      • Semantiek ('HTML zoals HTML bedoeld is')
      • Duurzaamheid
      • Toegankelijkheid
      • Complexiteitsreductie (Strikte scheiding tussen inhoud, vorm en functie)
    • -> < Case study: Legal & General >
  • < Case study: Legal & General > Heeft website toegankelijker gemaakt
  • < Case study: Legal & General >
    • Resultaten
      • + 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
      • Resultaten
      • 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 maanden
      • bron: 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
    • -> < Conclusie >
    < Case study: Legal & General >
  • < Conclusie > Gewoon doen de webrichtlijnen zijn gratis, helpen bij beter opdrachtgeverschap, je trekt meer bezoekers, die beter vinden wat ze zoeken. Iedereen blij. -> < Links >
  • < Links >
      • http://www.webrichtlijnen.nl/
      • http://www.webrichtlijnen.nl/toetsen/
      • http://feeds.feedburner.com/~r/blogspot/amDG/~3/384459169/workin-it-on-all-browsers.html
      • http://fronteers.nl/blog/categorieen/webrichtlijnen
      • http://www.accessibility.nl/voorbeeld/seo.htm
      • http://www.accessibility.nl/toetsing/casestudy
      • http://www.naarvoren.nl/artikel/blind_surfen.html
      • http://www.webstandards.org/2007/01/15/the-dutch-embrace-web-standards/
      • http://www.456bereastreet.com/archive/200702/
      • http://www.advies.overheid.nl/webrichtlijnen-stappenplan-pilot/
      • http://www.dwarshuis.com
    • -> < Vragen >
  • < Vragen > Stel maar -> < Bijlage >
  • < Bijlage > Er zijn 125 webrichtlijnen Hier volgen een paar interessante:
  • 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.
  • R-pd.1.2
      • Bouw websites volgens het principe van gelaagd bouwen.
  • R-pd.2.4
      • Bij de bouw van een nieuwe website: gebruik
      • van HTML 4.01 of XHTML 1.0 de Strict variant.
  • R-pd.6.2
      • Zet de inhoud van de pagina in de HTML
      • broncode op volgorde van belangrijkheid.
  • R-pd.11.1
      • Gebruik tabellen voor het weergeven van
      • relationele informatie en niet voor layout.
  • R-pd.3.3
      • Sla in de markup geen niveaus in
      • de hiërarchie van kopregels over.
  • R-pd.4.1
      • Produceer unieke, onveranderende URL's
  • R-pd.22.1
      • Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en afkortingen.