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

1. Webredactie en de Webrichtlijnen Ab Bertholet ab&co, partners in communicatie Jaap van de Putte 2 use it, Internet Research & Consultancy

3. Functie

4. Organisatie

5. Wat wil je vandaag leren?

7. Alle Webrichtlijnen, relevant voor webredacties

8. Algemene richtlijnen voor goed schrijven

9. Aan de slag met een CMS

10. Plenair bespreken eigen vraagstukken

12. formulieren

13. tabellen

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

20. 125 richtlijnen

21. Staan voor: toegankelijkheid, duurzaamheid, vindbaarheid, efficiency

23. Afspraak tussen rijk, provincies, gemeenten en waterschappen

24. E-toegang:voldoen aan Webrichtlijnen

25. Deadline: 1 januari 2011

27. doven en slechthorenden

28. laaggeletterden

29. ouderen

30. motorisch beperkten

31. instrumenteel beperkten

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.”

37. Waarborg voor toegankelijkheid

38. Waarborg voor kwaliteit

39. Instrument voor kostenbesparing

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

47. Redactie hoeft geen HTML in te voeren.

48. Elke webredactie moet het kunnen.

49. Richtlijnen voor websites

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.

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.

64. Lettergrootte Webredactierichtlijn 5: Gebruik geen superscript of subscript.

66. Lijsten Webredactierichtlijn 6: Gebruik bij opsommingen de opsommingsopties van de CMS-editor.

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.

75. Indien mogelijk voor PDF/A-1a

76. Links naar HTML-pagina's Webredactierichtlijn 8: Gebruik relevante inhoudswoorden in de linktekst.

79. Relevante woorden in link

82. title-tag bij “lees-verder”-link

83. Aankeilers

85. Links naar HTML-pagina's Webredactierichtlijn 9: Maak de linktekst zo kort mogelijk.

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).

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.

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?

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.

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?

139. sheets

141. thema's

142. Afsluiting ochtend