Webredactie Webrichtlijnen Deel1
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Webredactie Webrichtlijnen Deel1

on

  • 1,439 views

This presentation is the first part of a presentation that we held for a one-day training for local councils in the Netherlands

This presentation is the first part of a presentation that we held for a one-day training for local councils in the Netherlands

Statistics

Views

Total Views
1,439
Views on SlideShare
1,434
Embed Views
5

Actions

Likes
0
Downloads
23
Comments
0

1 Embed 5

http://www.slideshare.net 5

Accessibility

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

Webredactie Webrichtlijnen Deel1 Presentation Transcript

  • 1. Webredactie en de Webrichtlijnen Ab Bertholet ab&co, partners in communicatie Jaap van de Putte 2 use it, Internet Research & Consultancy
  • 2. Kennismaking
    • Naam
    • 3. Functie
    • 4. Organisatie
    • 5. Wat wil je vandaag leren?
  • 6. Inhoud van de dag
    • Kennismakingsrondje en vragen inventariseren
    • 7. Alle Webrichtlijnen, relevant voor webredacties
    • 8. Algemene richtlijnen voor goed schrijven
    • 9. Aan de slag met een CMS
    • 10. Plenair bespreken eigen vraagstukken
  • 11. Wat doen we vandaag niet?
    • Webrichtlijnen die betrekking hebben op:
      • techniek
      • 12. formulieren
      • 13. tabellen
      • 14. inrichting CMS
    • Geschikt maken van video en audio
  • 15. Syllabus
    • Webredactierichtlijnen
    • 16. Richtlijnen voor goed schrijven
  • 17. Ochtendprogramma 9:30 Korte kennismaking 9:40 Introductie in webtoegankelijkheid 9:50 Webredactierichtlijnen, deel 1 10:45 Zelf aan de slag: tekst beoordelen 11:10 Pauze 11:25 Webredactierichtlijnen, deel 2 12:30 Lunch
  • 18. Middagprogramma 13:15 Goed schrijven 14:15 Teksten beoordelen (plenair) 14:55 Pauze 15:10 Ervaringen en leervragen uitwisselen 16:15 Samenvatting, evaluatie en ruimte voor vragen 16:30 Afsluiting
  • 19. De Webrichtlijnen
    • “Kwaliteitsmodel” voor websites
    • 20. 125 richtlijnen
    • 21. Staan voor: toegankelijkheid, duurzaamheid, vindbaarheid, efficiency
  • 22. Webrichtlijnen en gemeenten
    • December 2008: Nationaal Uitvoeringsprogramma Betere Dienstverlening en e-overheid (NUP)
    • 23. Afspraak tussen rijk, provincies, gemeenten en waterschappen
    • 24. E-toegang:voldoen aan Webrichtlijnen
    • 25. Deadline: 1 januari 2011
  • 26. Toegankelijk voor wie?
    • blinden en slechtzienden
    • 27. doven en slechthorenden
    • 28. laaggeletterden
    • 29. ouderen
    • 30. motorisch beperkten
    • 31. instrumenteel beperkten
  • 32. Toegankelijkheid
    • En voor wie nog meer?
      • buurman, collega, familielid, jijzelf?
    • Oftewel: voor iedereen: e-inclusion
  • 33. A brief history of Accessibility 1989 Tim Berners Lee “ontdekt” het internet: “ The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” 1994 Start W3C Internatonaal consortium voor webstandaarden 1999 W3C Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines (WCAG) 1.0
  • 34. A brief history of Accessibility 2001 Start Stichting DrempelsWeg (--> DrempelVrij) vertaling en bewerking van WCAG 1.0, prioriteit 1 2001 Advies Europese Commissie WCAG 1.0, prioriteit 1 2006 Webrichtlijnen Verplicht voor rijksoverheden Eigen route Nederland
  • 35. A brief history dec 2008 Nationaal Uitvoeringsprogramma Betere Dienstverlening en e-overheid (NUP) Provincies, gemeenten, waterschappen Einddatum: 1 januari 2011 dec 2008 W3C publiceert WCAG 2.0 18 juni 2009 Waar doen we het allemaal voor? Toegang voor iedereen “ The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
  • 36. Wat zijn de Webrichtlijnen niet? (Maar wat ze wel zeggen te zijn ...)
    • Panacee voor alle webkwalen
    • 37. Waarborg voor toegankelijkheid
    • 38. Waarborg voor kwaliteit
    • 39. Instrument voor kostenbesparing
  • 40. Wat zijn de Webrichtlijnen wel?
    • Betere toegankelijkheid
    • 41. Meer kans op een betere usability
    • 42. Meer kans op een betere vindbaarheid
    • 43. Helder bouwkader naar webbouwers
  • 44. 95 Webrichtlijnen (effectief) 35 % gaat over webredactie
  • 45. Vertaalslag: 36 Webrichtlijnen over webredactie 26 Webredactierichtlijnen
  • 46. Uitgangspunten Webredactierichtlijnen
    • Goed CMS
    • 47. Redactie hoeft geen HTML in te voeren.
    • 48. Elke webredactie moet het kunnen.
  • 49. Richtlijnen voor websites
  • 50. Voordelen toepassen Webredactierichtlijnen
    • goed voor de usability (gebruiksvriendelijkheid en bruikbaarheid)
    • 51. goed voor de accessibility (toegankelijkheid voor mensen met een beperking)
    • 52. goed voor de findability ( vindbaarheid in zoekmachines)
  • 53. De Webredactierichtlijnen
  • 54. Headings Webredactierichtlijn 1: De paginatitel heeft een h1-stijl. Per pagina is er één h1. Webredactierichtlijn 2: Gebruik kopopmaakprofielen voor de koppen. Webredactierichtlijn 3: Sla geen niveaus in de kopstijlen over.
  • 55. Voordelen gebruik headings
    • beter voor accessibility:
      • direct naar de koppen
    • betere voor findability:
      • tekst met heading krijgt zwaarder gewicht
    • beter voor usability:
      • uniforme uitstraling website
  • 56. Opbouw met koppen
  • 57. Opbouw met kopopmaakprofielen
  • 58. Opmaakprofielen in het CMS
  • 59. Opmaakprofielen in het CMS
  • 60. En gaat het goed bij de gemeente Utrecht? Nee, helaas
  • 61. Alinea's Webredactierichtlijn 4: Gebruik [Enter] voor een nieuwe alinea.
  • 62. Voordeel gebruik van Enter of Return
    • Usability:
      • Alinea is zelfstandige informatie-eenheid
      • 63. Maakt scannen van alinea's mogelijk
    • Accessibility:
      • Maakt springen naar alinea's mogelijk
    • Findability:
      • ??
  • 64. Lettergrootte Webredactierichtlijn 5: Gebruik geen superscript of subscript.
  • 65. Nadeel super/subscript
    • Moeilijk leesbaar:
      • 70 – 80 % van de originele grootte
    • Lijkt ook uit de Nederlandse taal te verdwijnen
  • 66. Lijsten Webredactierichtlijn 6: Gebruik bij opsommingen de opsommingsopties van de CMS-editor.
  • 67. Voordelen gebruik correcte opsommingen
    • Usability:
      • opsommingen zijn ankerpunten bij het lezen
    • Accessibility:
      • scannen met spraakuitvoer of braille-uitvoer
    • Findability:
      • krijgen meer gewicht in zoekmachines
  • 68. Opsommingen via het CMS
  • 69. Zo niet ...
  • 70. Zo niet ...
  • 71. Zo wel ...
  • 72. Bestanden Webredactierichtlijn 7: Stel downloads in een open formaat beschikbaar, bijvoorbeeld PDF.
  • 73. Toelichting bestandsformaat
    • Veel discussie over:
      • Wat is de toegevoegde waarde?
    • Open format ≠ toegankelijkheid
    • 74. Ergo:
      • Kies bij tekstdocumenten voor PDF
      • 75. Indien mogelijk voor PDF/A-1a
  • 76. Links naar HTML-pagina's Webredactierichtlijn 8: Gebruik relevante inhoudswoorden in de linktekst.
  • 77. Relevante woorden in link
    • Usability:
      • herkenning bij scannen
    • Accessibility:
      • ankerpunten bij spraak-/brailleuitvoer
    • Findability:
      • linkteksten krijgen zwaarder gewicht
  • 78.  
  • 79. Relevante woorden in link
  • 80. Uitzondering relevante woorden in link
    • “lees-verder”-links bij aankeilers
    • 81. Oplossing:
      • titel is altijd aanklikbaar
      • 82. title-tag bij “lees-verder”-link
  • 83. Aankeilers
  • 84.  
  • 85. Links naar HTML-pagina's Webredactierichtlijn 9: Maak de linktekst zo kort mogelijk.
  • 86. Linktekst kort
    • Usability:
      • sneller herkenning bij het scannen (minder ruis)
    • Accessibility:
      • sneller bij spraak-/brailleuitvoer
    • Findability:
      • keyword density (minder ruis)
  • 87. Linktekst kort
    • Protestantse Theologische Universiteit:
  • 88. Links naar HTML-pagina's Webredactierichtlijn 10: Onderstreep geen teksten die geen hyperlink zijn.
  • 89. Links naar HTML-pagina's Webredactierichtlijn 11: Open niet automatisch een nieuwe tab of nieuw venster, behalve als de informatie nodig is in een proces dat niet onderbroken mag worden (zoals een bestelproces).
  • 90. Waarom geen nieuwe vensters/tabs openen?
    • “Anders zijn we onze bezoekers kwijt.”
    • 91. Nieuwe vensters / tabs worden niet opgemerkt (zeker met de nieuwe browsers)
    • 92. Back button gaat kapot
    • 93. Keuze bij de bezoeker laten
  • 94. Links naar HTML-pagina's Webredactierichtlijn 12: Gebruik bij lange pagina's interne links. Neem deze links op in een pagina-index.
  • 95. Pagina-index: zo niet ...
  • 96. Pagina-index: zo wel ...
  • 97. Zelf aan de slag: teksten beoordelen
  • 98. Voorbeeld 1 hele pagina begin pagina
  • 99. Voorbeeld 2
  • 100. Voorbeeld 3
  • 101. Voorbeeld 4
  • 102. Voorbeeld 5
  • 103. Voorbeeld 6
  • 104. Voorbeeld 7
  • 105. Voorbeeld 8
  • 106. Voorbeeld – extra
  • 107. Links naar niet-HTML-pagina's Webredactierichtlijn 13: Open downloadbare bestanden in hetzelfde venster of tab.
  • 108. Links naar niet-HTML-pagina's Webredactierichtlijn 14: Meld bij downloadbare bestanden de naam van het bestand en het bestandsformaat. Geef het bestand een duidelijke naam. Verwijst de link naar een e-mailadres, schrijf het e-mailadres uit in de linktekst.
  • 109. Zo niet ...
  • 110. Zo wel ...
  • 111. Afbeeldingen Webredactierichtlijn 15: Geef elke afbeelding die betekenis overbrengt een overeenkomstige alternatieve beschrijving van maximaal 70 tekens.
  • 112. Voordelen gebruik alt-tekst
    • Beter voor accessibility:
      • ook informatie bij spraak- en brailleuitvoer
    • Beter voor usability:
      • alternatief als plaatje niet getoond kan worden
    • Beter voor findability?
  • 113. Alternatieve teksten
    • Is afbeelding wel of niet informatief?
    • 114. Tekst die in de plaats komt van de afbeelding
    • 115. Stel je voor dat je de website opleest. Wat zou je over de afbeelding zeggen?
    • 116. Alt-teksten controleren:
      • Firefox: Pagina » Pagina-info
  • 117.  
  • 118.  
  • 119. Voorbeelden alternatieve teksten Vrouw met dochter op fiets bij Lelystadse kust Vrouw in rolstoel doet boodschappen in supermarkt
  • 120. Voorbeelden alternatieve teksten Werk aan de weg Ontwikkeling Lelystad Airport
  • 121. Voorbeelden alternatieve teksten jongen kijkt met vergrootglas
  • 122. Afbeeldingen Webredactierichtlijn 16: In uitzonderlijke situaties is er een langere tekst nodig dan 70 tekens. Gebruik dan het longdesc-attribuut.
  • 123. Aanklikbare afbeeldingen Webredactierichtlijn 17: Gebruik de title-tag bij een link op een afbeelding (dus zonder linktekst). Geef in deze titel zinvolle informatie over de bestemming van de link.
  • 124. Link en titel
  • 125. Goed schrijven Webredactierichtlijn 18 t/m 21: doen we vanmiddag
  • 126. Tabellen Webredactierichtlijn 22: Gebruik bij voorkeur geen tabellen.
  • 127. Tabel nodig?
  • 128. Tabel nodig?
  • 129. Tabellen Webredactierichtlijn 23: Is het gebruik van een tabel noodzakelijk, gebruik dan de opmaakregels die de Webrichtlijnen voorschrijven.
  • 130. Lange citaten Webredactierichtlijn 24: Gebruik het element blockquote voor het aangeven van (lange) citaten.
  • 131. Blockquote in CMS
  • 132. Taalwisselingen Webredactierichtlijn 25: Geef aan als de tekst wijzigt naar een andere taal dan de basistaal.
  • 133. Belang van taalwisselingen
    • Usability:
      • geen belang
    • Findability:
      • geen belang
    • Accessibility:
      • belangrijk voor spraakuitvoer
  • 134. Taalwisselingen in CMS
  • 135. Taalwisselingen in CMS
  • 136. Video en audio Webredactierichtlijn 26: Zorg bij multimedia – video en audio – dat er een tekstueel alternatief is voor beeld en geluid.
  • 137. Nog vragen?
  • 138. Na de cursus
    • Op de ELO:
      • syllabus
      • 139. sheets
      • 140. Verder praten? In het forum
    • Terugkomdag:
      • najaar
      • 141. thema's
  • 142. Afsluiting ochtend