De richtlijnen - Webredacteur

Webredacteur

De richtlijnen voor de rol Webredacteur.

Inhoudsopgave

Gefilterd op: Geen
Gesorteerd op: Projectfase

Sorteren op

2. Concept

R-pd.10.1 Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.

R-pd.10.2 Wees consistent met kleurgebruik bij het geven van betekenis.

R-pd.10.3 Zorg voor voldoende helderheidscontrast tussen tekst- en achtergrondkleur.

3. Ontwerp

R-pd.8.8 Links moeten duidelijk te onderscheiden zijn van andere tekst.

R-pd.8.12 Geef blinde bezoekers extra mogelijkheden om lange lijsten met links over te slaan.

R-pd.8.13 Geef bovenaan pagina's met veel onderwerpen een pagina-index met links om naar de verschillende onderwerpen te navigeren.

R-pd.10.1 Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.

R-pd.10.2 Wees consistent met kleurgebruik bij het geven van betekenis.

R-pd.10.3 Zorg voor voldoende helderheidscontrast tussen tekst- en achtergrondkleur.

R-pd.15.1 Het maken van een taalkeuze dient voor de bezoeker mogelijk te zijn op iedere pagina in de site.

R-pd.15.3 Gebruik voluit geschreven (tekstuele) links naar de taalvarianten.

R-pd.15.4 Schrijf links naar taalvarianten in hun corresponderende taal.

R-pd.15.5 Gebruik geen associaties met nationaliteiten voor taalkeuze.

R-pd.18.1 Gebruik voor iedere pagina een unieke, beschrijvende titel.

R-pd.22.9 Maak gebruik van kleuren, iconen en tekstuele uitleg om de aandacht van de bezoeker voor een foutmelding te trekken en het probleem toe te lichten.

R-pd.22.10 Geef bezoekers mogelijkheden om informatie op alternatieve manieren te vinden. Bijvoorbeeld door het geven van een sitemap, zoekfuncties, of via een verzoek per e-mail, brief of telefoon.

4. Bouw

R-pd.3.2 Gebruik markup voor kopregels die de hiërarchie van de informatie op de pagina uitdrukken.

R-pd.3.3 Sla in de markup geen niveaus in de hiërarchie van kopregels over.

R-pd.3.4 Gebruik het p (paragraph) element voor het aangeven van paragrafen. Gebruik niet het br (linebreak) element voor het scheiden van paragrafen.

R-pd.3.5 Gebruik het em (emphasis) en strong element voor het aangeven van nadruk.

R-pd.3.6 Gebruik het abbr (abbreviation) element voor afkortingen indien er onduidelijkheid zou kunnen ontstaan over de betekenis ervan, de afkorting een zeer belangrijke rol speelt in de tekst of wanneer de afkorting niet voorkomt in het Nederlands woordenboek.

R-pd.3.7 Gebruik het dfn (definition) element voor het aangeven van termen, elders gedefinieerd in een definitielijst.

R-pd.3.8 Gebruik het ins (insertion) en del (deletion) element voor het aangeven van regelmatige wijzigingen in de inhoud van een pagina.

R-pd.3.9 Vermijd het gebruik van het sup (superscript) en sub (subscript) element waar mogelijk.

R-pd.3.10 Gebruik het cite element voor referenties naar personen en titels.

R-pd.3.11 Vermijd het gebruik van het q (quotation) element.

R-pd.3.12 Gebruik het blockquote element voor het aangeven van (lange) citaten.

R-pd.3.13 Gebruik ol (ordered list) en ul (unordered list) elementen voor het aangeven van lijsten.

R-pd.3.14 Gebruik het dl (definition list), het dt (definition term) en dd (definition data) element voor het aangeven van een lijst met definities.

R-pd.4.6 Gebruik vriendelijke URL’s, die leesbaar en herkenbaar zijn.

R-pd.4.7 Zet een leesbare, uitbreidbare directory-structuur op.

R-pd.5.1 In het geval dat belangrijke informatie via een gesloten standaard wordt aangeboden, dient men dezelfde informatie ook via een open standaard aan te bieden.

R-pd.7.1 Het alt (alternative) attribuut dient te worden gebruikt op ieder img (image) en area element en dient te worden voorzien van een effectieve alternatieve tekst.

R-pd.7.2 Gebruik geen alt attribuut voor het oproepen van tooltips.

R-pd.7.3 Gebruik geen d-links op websites. Het gebruik van het longdesc (long description) attribuut verdient de voorkeur wanneer de alternatieve tekst op het alt attribuut ontoereikend is voor het begrip van de informatie in de afbeelding.

R-pd.7.4 Afbeeldingen die staan geplaatst binnen een link dienen een niet-lege alternatieve tekst te hebben om bezoekers die de afbeelding niet zien in staat te stellen de link te volgen.

R-pd.7.5 Geef bij het gebruik van image maps voor zowel het img element als ieder area element een effectieve alternatieve tekst aan via het alt attribuut.

R-pd.7.6 Decoratieve afbeeldingen dienen zoveel mogelijk door CSS geplaatst te worden. Informatieve afbeeldingen dienen door HTML geplaatst te worden.

R-pd.8.5 Bij het gebruik van client-side script in combinatie met een link: maak de scriptfunctionaliteit een uitbreiding op de basisfunctionaliteit van de link.

R-pd.8.6 Bij het gebruik van client-side script in combinatie met een link: indien de link nergens naartoe leidt, confronteer de bezoeker zonder ondersteuning voor client-side script dan niet met een niet-werkende link.

R-pd.8.9 Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers.

R-pd.8.11 Ontzie het accesskey attribuut. Als toch besloten wordt dit attribuut toe te passen, gebruik het alleen op links die door de hele site onveranderd blijven (bijvoorbeeld hoofdnavigatie) en beperk de sneltoetscombinaties tot nummers.

R-pd.8.12 Geef blinde bezoekers extra mogelijkheden om lange lijsten met links over te slaan.

R-pd.8.13 Geef bovenaan pagina's met veel onderwerpen een pagina-index met links om naar de verschillende onderwerpen te navigeren.

R-pd.8.14 Links op websites dienen niet zonder waarschuwing automatisch nieuwe vensters te openen.

R-pd.8.15 Open geen automatische nieuwe vensters, behalve wanneer de locatie van de link behulpzame informatie bevat die nodig kan zijn tijdens een belangrijk, niet te onderbreken proces.

R-pd.8.16 Links naar e-mailadressen: het e-mailadres waaraan het te versturen bericht is gericht dient zichtbaar te zijn in de linktekst.

R-pd.8.17 Links naar e-mailadressen: de URL in het href attribuut van een link naar een e-mailadres, mag alleen het mailto protocol en een e-mailadres bevatten.

R-pd.8.18 Pas geen technische maatregelen toe op de website om een e-mailadres te verhullen voor spam robots.

R-pd.8.19 Ga uiterst voorzichtig om met het publiceren van e-mailadressen van bezoekers van de website. Informeer de bezoeker over welke gegevens worden gepubliceerd op de site, of publiceer het e-mailadres van de bezoeker niet.

R-pd.8.20 Bij het aanbieden van downloadbare bestanden, informeer de bezoeker over hoe deze te downloaden en vervolgens te gebruiken.

R-pd.8.22 Open links naar downloadbare bestanden niet in een automatisch nieuw venster.

R-pd.11.1 Gebruik tabellen voor het weergeven van relationele informatie en niet voor lay-out.

R-pd.11.2 Gebruik het th (table header) element voor het beschrijven van een kolom of rij in een tabel met relationele informatie.

R-pd.11.3 Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.

R-pd.11.4 Gebruik het scope attribuut voor het associëren van tabellabels (th cellen) met kolommen of rijen.

R-pd.11.5 Gebruik het headers en id attribuut voor het associëren van tabellabels (th cellen) met individuele cellen in complexe tabellen.

R-pd.11.6 Geef afkortingen voor tabellabels (th cellen) via het abbr (abbreviation) attribuut wanneer de lengte van de inhoud van het tabellabel zodanig van lengte is dat herhaling in een spraakbrowser irritatie kan wekken.

R-pd.11.7 Gebruik het caption element of heading markup voor het geven van een koptekst boven een tabel.

R-pd.11.8 Bij het aanpassen van een bestaande website: gebruik CSS voor de presentatie en lay-out van webpagina's en zie af van tabellen voor lay-out.

R-pd.11.9 Bij het gebruik van tabellen voor lay-out: gebruik niet meer dan één tabel en gebruik zoveel mogelijk CSS voor de vormgeving van deze tabel.

R-pd.11.10 Bij het gebruik van tabellen voor lay-out: pas geen toegankelijkheidsmarkup toe.

R-pd.13.1 Gebruik het label element om tekst expliciet met een invoerveld in een formulier te associëren.

R-pd.13.2 Gebruik het tabindex attribuut om van de standaard tab-volgorde op formuliervelden af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van het formulier door toetsenbordgebruikers.

R-pd.13.3 Breng groepering van invoervelden aan door middel van het fieldset element.

R-pd.13.13 Geef de bezoeker de mogelijkheid tot archivering van zijn reactie.

R-pd.13.14 Stuur de bezoeker na het invullen en versturen van een formulier een bevestiging dat zijn bericht is aangekomen bij de ontvanger (autoreply).

R-pd.15.7 Geef in de markup taalvariaties in de inhoud van pagina's aan.

R-pd.22.2 Geef bezoekers een 'vluchtroute': mogelijkheden om verder te kunnen gaan als ze vastlopen. Vluchtroutes zijn onder andere behulpzame links, het kunnen gebruiken van de terug (back) knop, een zoekfunctie, of het onmiddellijk kunnen corrigeren van invoerfouten.

R-pd.22.3 Laat bezoekers niet raden: geef informatie over hoe ze een gemaakte fout kunnen herstellen. Houd rekening met veelgemaakte fouten.

R-pd.22.4 Maak aangepaste foutpagina’s – voor fouten als doodlopende links (404 Not Found) – waarop de bezoeker mogelijkheden krijgt aangereikt om zijn weg te vervolgen binnen de site.

5. Contentcreatie/-migratie

R-pd.3.2 Gebruik markup voor kopregels die de hiërarchie van de informatie op de pagina uitdrukken.

R-pd.3.3 Sla in de markup geen niveaus in de hiërarchie van kopregels over.

R-pd.3.4 Gebruik het p (paragraph) element voor het aangeven van paragrafen. Gebruik niet het br (linebreak) element voor het scheiden van paragrafen.

R-pd.3.5 Gebruik het em (emphasis) en strong element voor het aangeven van nadruk.

R-pd.3.6 Gebruik het abbr (abbreviation) element voor afkortingen indien er onduidelijkheid zou kunnen ontstaan over de betekenis ervan, de afkorting een zeer belangrijke rol speelt in de tekst of wanneer de afkorting niet voorkomt in het Nederlands woordenboek.

R-pd.3.7 Gebruik het dfn (definition) element voor het aangeven van termen, elders gedefinieerd in een definitielijst.

R-pd.3.8 Gebruik het ins (insertion) en del (deletion) element voor het aangeven van regelmatige wijzigingen in de inhoud van een pagina.

R-pd.3.9 Vermijd het gebruik van het sup (superscript) en sub (subscript) element waar mogelijk.

R-pd.3.10 Gebruik het cite element voor referenties naar personen en titels.

R-pd.3.11 Vermijd het gebruik van het q (quotation) element.

R-pd.3.12 Gebruik het blockquote element voor het aangeven van (lange) citaten.

R-pd.3.13 Gebruik ol (ordered list) en ul (unordered list) elementen voor het aangeven van lijsten.

R-pd.3.14 Gebruik het dl (definition list), het dt (definition term) en dd (definition data) element voor het aangeven van een lijst met definities.

R-pd.4.6 Gebruik vriendelijke URL’s, die leesbaar en herkenbaar zijn.

R-pd.4.7 Zet een leesbare, uitbreidbare directory-structuur op.

R-pd.5.1 In het geval dat belangrijke informatie via een gesloten standaard wordt aangeboden, dient men dezelfde informatie ook via een open standaard aan te bieden.

R-pd.7.1 Het alt (alternative) attribuut dient te worden gebruikt op ieder img (image) en area element en dient te worden voorzien van een effectieve alternatieve tekst.

R-pd.7.2 Gebruik geen alt attribuut voor het oproepen van tooltips.

R-pd.7.3 Gebruik geen d-links op websites. Het gebruik van het longdesc (long description) attribuut verdient de voorkeur wanneer de alternatieve tekst op het alt attribuut ontoereikend is voor het begrip van de informatie in de afbeelding.

R-pd.7.4 Afbeeldingen die staan geplaatst binnen een link dienen een niet-lege alternatieve tekst te hebben om bezoekers die de afbeelding niet zien in staat te stellen de link te volgen.

R-pd.7.5 Geef bij het gebruik van image maps voor zowel het img element als ieder area element een effectieve alternatieve tekst aan via het alt attribuut.

R-pd.7.6 Decoratieve afbeeldingen dienen zoveel mogelijk door CSS geplaatst te worden. Informatieve afbeeldingen dienen door HTML geplaatst te worden.

R-pd.8.1 Beschrijf niet het mechanisme achter het volgen van een link.

R-pd.8.2 Schrijf heldere, beschrijvende tekst voor links.

R-pd.8.3 Gebruik het minimum aan tekst dat nodig is om te begrijpen waar de link naartoe leidt.

R-pd.8.4 Geef voldoende informatie over de bestemming van een link om onaangename verrassingen voor de bezoeker te voorkomen.

R-pd.8.5 Bij het gebruik van client-side script in combinatie met een link: maak de scriptfunctionaliteit een uitbreiding op de basisfunctionaliteit van de link.

R-pd.8.6 Bij het gebruik van client-side script in combinatie met een link: indien de link nergens naartoe leidt, confronteer de bezoeker zonder ondersteuning voor client-side script dan niet met een niet-werkende link.

R-pd.8.8 Links moeten duidelijk te onderscheiden zijn van andere tekst.

R-pd.8.9 Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers.

R-pd.8.11 Ontzie het accesskey attribuut. Als toch besloten wordt dit attribuut toe te passen, gebruik het alleen op links die door de hele site onveranderd blijven (bijvoorbeeld hoofdnavigatie) en beperk de sneltoetscombinaties tot nummers.

R-pd.8.12 Geef blinde bezoekers extra mogelijkheden om lange lijsten met links over te slaan.

R-pd.8.13 Geef bovenaan pagina's met veel onderwerpen een pagina-index met links om naar de verschillende onderwerpen te navigeren.

R-pd.8.14 Links op websites dienen niet zonder waarschuwing automatisch nieuwe vensters te openen.

R-pd.8.15 Open geen automatische nieuwe vensters, behalve wanneer de locatie van de link behulpzame informatie bevat die nodig kan zijn tijdens een belangrijk, niet te onderbreken proces.

R-pd.8.16 Links naar e-mailadressen: het e-mailadres waaraan het te versturen bericht is gericht dient zichtbaar te zijn in de linktekst.

R-pd.8.17 Links naar e-mailadressen: de URL in het href attribuut van een link naar een e-mailadres, mag alleen het mailto protocol en een e-mailadres bevatten.

R-pd.8.18 Pas geen technische maatregelen toe op de website om een e-mailadres te verhullen voor spam robots.

R-pd.8.19 Ga uiterst voorzichtig om met het publiceren van e-mailadressen van bezoekers van de website. Informeer de bezoeker over welke gegevens worden gepubliceerd op de site, of publiceer het e-mailadres van de bezoeker niet.

R-pd.8.20 Bij het aanbieden van downloadbare bestanden, informeer de bezoeker over hoe deze te downloaden en vervolgens te gebruiken.

R-pd.8.22 Open links naar downloadbare bestanden niet in een automatisch nieuw venster.

R-pd.10.1 Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.

R-pd.10.2 Wees consistent met kleurgebruik bij het geven van betekenis.

R-pd.10.3 Zorg voor voldoende helderheidscontrast tussen tekst- en achtergrondkleur.

R-pd.11.1 Gebruik tabellen voor het weergeven van relationele informatie en niet voor lay-out.

R-pd.11.2 Gebruik het th (table header) element voor het beschrijven van een kolom of rij in een tabel met relationele informatie.

R-pd.11.3 Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.

R-pd.11.4 Gebruik het scope attribuut voor het associëren van tabellabels (th cellen) met kolommen of rijen.

R-pd.11.5 Gebruik het headers en id attribuut voor het associëren van tabellabels (th cellen) met individuele cellen in complexe tabellen.

R-pd.11.6 Geef afkortingen voor tabellabels (th cellen) via het abbr (abbreviation) attribuut wanneer de lengte van de inhoud van het tabellabel zodanig van lengte is dat herhaling in een spraakbrowser irritatie kan wekken.

R-pd.11.7 Gebruik het caption element of heading markup voor het geven van een koptekst boven een tabel.

R-pd.11.8 Bij het aanpassen van een bestaande website: gebruik CSS voor de presentatie en lay-out van webpagina's en zie af van tabellen voor lay-out.

R-pd.11.9 Bij het gebruik van tabellen voor lay-out: gebruik niet meer dan één tabel en gebruik zoveel mogelijk CSS voor de vormgeving van deze tabel.

R-pd.11.10 Bij het gebruik van tabellen voor lay-out: pas geen toegankelijkheidsmarkup toe.

R-pd.13.1 Gebruik het label element om tekst expliciet met een invoerveld in een formulier te associëren.

R-pd.13.2 Gebruik het tabindex attribuut om van de standaard tab-volgorde op formuliervelden af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van het formulier door toetsenbordgebruikers.

R-pd.13.3 Breng groepering van invoervelden aan door middel van het fieldset element.

R-pd.13.8 Als een bezoeker persoonlijke gegevens dient op te geven, laat deze dan weten wat er met die gegevens gedaan zal worden, bijvoorbeeld in de vorm van een privacyverklaring.

R-pd.13.9 Verg van een bezoeker via een formulier niet meer informatie op te geven dan noodzakelijk is voor het doel van het formulier. Houdt formulieren zo kort mogelijk en beperk het verplicht invullen van formuliervelden.

R-pd.13.10 Geef aan welke velden verplicht of optioneel zijn om in te vullen.

R-pd.13.11 Voorzie in alternatieve contactmogelijkheden, zoals adresgegevens, telefoonnummers of e-mailadressen, indien deze beschikbaar zijn.

R-pd.13.12 Laat de bezoeker weten wat er met het formulier na verzending gedaan zal worden.

R-pd.13.13 Geef de bezoeker de mogelijkheid tot archivering van zijn reactie.

R-pd.13.14 Stuur de bezoeker na het invullen en versturen van een formulier een bevestiging dat zijn bericht is aangekomen bij de ontvanger (autoreply).

R-pd.13.15 Geef voorafgaande aan complexe formulieren de bezoeker een indruk van hoe groot het formulier is.

R-pd.13.16 Noem van tevoren documenten die de bezoeker (eventueel) nodig heeft bij het invullen van het formulier.

R-pd.13.17 Voorzie formulieren van instructies voor de bezoeker waar nodig, met name bij de invoervelden waar ze toedoen.

R-pd.13.18 Voeg geen herstel (reset) knoppen toe aan een formulier.

R-pd.15.1 Het maken van een taalkeuze dient voor de bezoeker mogelijk te zijn op iedere pagina in de site.

R-pd.15.3 Gebruik voluit geschreven (tekstuele) links naar de taalvarianten.

R-pd.15.4 Schrijf links naar taalvarianten in hun corresponderende taal.

R-pd.15.5 Gebruik geen associaties met nationaliteiten voor taalkeuze.

R-pd.15.7 Geef in de markup taalvariaties in de inhoud van pagina's aan.

R-pd.18.1 Gebruik voor iedere pagina een unieke, beschrijvende titel.

R-pd.18.2 Schrijf korte, bondige tekst, waarin de belangrijkste boodschap bovenaan de pagina al wordt genoemd.

R-pd.22.1 Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en afkortingen.

R-pd.22.2 Geef bezoekers een 'vluchtroute': mogelijkheden om verder te kunnen gaan als ze vastlopen. Vluchtroutes zijn onder andere behulpzame links, het kunnen gebruiken van de terug (back) knop, een zoekfunctie, of het onmiddellijk kunnen corrigeren van invoerfouten.

R-pd.22.3 Laat bezoekers niet raden: geef informatie over hoe ze een gemaakte fout kunnen herstellen. Houd rekening met veelgemaakte fouten.

R-pd.22.4 Maak aangepaste foutpagina’s – voor fouten als doodlopende links (404 Not Found) – waarop de bezoeker mogelijkheden krijgt aangereikt om zijn weg te vervolgen binnen de site.

R-pd.22.8 Geef bezoekers de mogelijkheid om fouten in de site te rapporteren.

R-pd.22.9 Maak gebruik van kleuren, iconen en tekstuele uitleg om de aandacht van de bezoeker voor een foutmelding te trekken en het probleem toe te lichten.

R-pd.22.10 Geef bezoekers mogelijkheden om informatie op alternatieve manieren te vinden. Bijvoorbeeld door het geven van een sitemap, zoekfuncties, of via een verzoek per e-mail, brief of telefoon.

7. Beheer

R-pd.3.2 Gebruik markup voor kopregels die de hiërarchie van de informatie op de pagina uitdrukken.

R-pd.3.3 Sla in de markup geen niveaus in de hiërarchie van kopregels over.

R-pd.3.4 Gebruik het p (paragraph) element voor het aangeven van paragrafen. Gebruik niet het br (linebreak) element voor het scheiden van paragrafen.

R-pd.3.5 Gebruik het em (emphasis) en strong element voor het aangeven van nadruk.

R-pd.3.6 Gebruik het abbr (abbreviation) element voor afkortingen indien er onduidelijkheid zou kunnen ontstaan over de betekenis ervan, de afkorting een zeer belangrijke rol speelt in de tekst of wanneer de afkorting niet voorkomt in het Nederlands woordenboek.

R-pd.3.7 Gebruik het dfn (definition) element voor het aangeven van termen, elders gedefinieerd in een definitielijst.

R-pd.3.8 Gebruik het ins (insertion) en del (deletion) element voor het aangeven van regelmatige wijzigingen in de inhoud van een pagina.

R-pd.3.9 Vermijd het gebruik van het sup (superscript) en sub (subscript) element waar mogelijk.

R-pd.3.10 Gebruik het cite element voor referenties naar personen en titels.

R-pd.3.11 Vermijd het gebruik van het q (quotation) element.

R-pd.3.12 Gebruik het blockquote element voor het aangeven van (lange) citaten.

R-pd.3.13 Gebruik ol (ordered list) en ul (unordered list) elementen voor het aangeven van lijsten.

R-pd.3.14 Gebruik het dl (definition list), het dt (definition term) en dd (definition data) element voor het aangeven van een lijst met definities.

R-pd.4.6 Gebruik vriendelijke URL’s, die leesbaar en herkenbaar zijn.

R-pd.4.7 Zet een leesbare, uitbreidbare directory-structuur op.

R-pd.5.1 In het geval dat belangrijke informatie via een gesloten standaard wordt aangeboden, dient men dezelfde informatie ook via een open standaard aan te bieden.

R-pd.7.1 Het alt (alternative) attribuut dient te worden gebruikt op ieder img (image) en area element en dient te worden voorzien van een effectieve alternatieve tekst.

R-pd.7.2 Gebruik geen alt attribuut voor het oproepen van tooltips.

R-pd.7.3 Gebruik geen d-links op websites. Het gebruik van het longdesc (long description) attribuut verdient de voorkeur wanneer de alternatieve tekst op het alt attribuut ontoereikend is voor het begrip van de informatie in de afbeelding.

R-pd.7.4 Afbeeldingen die staan geplaatst binnen een link dienen een niet-lege alternatieve tekst te hebben om bezoekers die de afbeelding niet zien in staat te stellen de link te volgen.

R-pd.7.5 Geef bij het gebruik van image maps voor zowel het img element als ieder area element een effectieve alternatieve tekst aan via het alt attribuut.

R-pd.7.6 Decoratieve afbeeldingen dienen zoveel mogelijk door CSS geplaatst te worden. Informatieve afbeeldingen dienen door HTML geplaatst te worden.

R-pd.8.1 Beschrijf niet het mechanisme achter het volgen van een link.

R-pd.8.2 Schrijf heldere, beschrijvende tekst voor links.

R-pd.8.3 Gebruik het minimum aan tekst dat nodig is om te begrijpen waar de link naartoe leidt.

R-pd.8.4 Geef voldoende informatie over de bestemming van een link om onaangename verrassingen voor de bezoeker te voorkomen.

R-pd.8.5 Bij het gebruik van client-side script in combinatie met een link: maak de scriptfunctionaliteit een uitbreiding op de basisfunctionaliteit van de link.

R-pd.8.6 Bij het gebruik van client-side script in combinatie met een link: indien de link nergens naartoe leidt, confronteer de bezoeker zonder ondersteuning voor client-side script dan niet met een niet-werkende link.

R-pd.8.8 Links moeten duidelijk te onderscheiden zijn van andere tekst.

R-pd.8.9 Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers.

R-pd.8.11 Ontzie het accesskey attribuut. Als toch besloten wordt dit attribuut toe te passen, gebruik het alleen op links die door de hele site onveranderd blijven (bijvoorbeeld hoofdnavigatie) en beperk de sneltoetscombinaties tot nummers.

R-pd.8.12 Geef blinde bezoekers extra mogelijkheden om lange lijsten met links over te slaan.

R-pd.8.13 Geef bovenaan pagina's met veel onderwerpen een pagina-index met links om naar de verschillende onderwerpen te navigeren.

R-pd.8.14 Links op websites dienen niet zonder waarschuwing automatisch nieuwe vensters te openen.

R-pd.8.15 Open geen automatische nieuwe vensters, behalve wanneer de locatie van de link behulpzame informatie bevat die nodig kan zijn tijdens een belangrijk, niet te onderbreken proces.

R-pd.8.16 Links naar e-mailadressen: het e-mailadres waaraan het te versturen bericht is gericht dient zichtbaar te zijn in de linktekst.

R-pd.8.17 Links naar e-mailadressen: de URL in het href attribuut van een link naar een e-mailadres, mag alleen het mailto protocol en een e-mailadres bevatten.

R-pd.8.18 Pas geen technische maatregelen toe op de website om een e-mailadres te verhullen voor spam robots.

R-pd.8.19 Ga uiterst voorzichtig om met het publiceren van e-mailadressen van bezoekers van de website. Informeer de bezoeker over welke gegevens worden gepubliceerd op de site, of publiceer het e-mailadres van de bezoeker niet.

R-pd.8.20 Bij het aanbieden van downloadbare bestanden, informeer de bezoeker over hoe deze te downloaden en vervolgens te gebruiken.

R-pd.8.22 Open links naar downloadbare bestanden niet in een automatisch nieuw venster.

R-pd.10.1 Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.

R-pd.10.2 Wees consistent met kleurgebruik bij het geven van betekenis.

R-pd.10.3 Zorg voor voldoende helderheidscontrast tussen tekst- en achtergrondkleur.

R-pd.11.1 Gebruik tabellen voor het weergeven van relationele informatie en niet voor lay-out.

R-pd.11.2 Gebruik het th (table header) element voor het beschrijven van een kolom of rij in een tabel met relationele informatie.

R-pd.11.3 Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.

R-pd.11.4 Gebruik het scope attribuut voor het associëren van tabellabels (th cellen) met kolommen of rijen.

R-pd.11.5 Gebruik het headers en id attribuut voor het associëren van tabellabels (th cellen) met individuele cellen in complexe tabellen.

R-pd.11.6 Geef afkortingen voor tabellabels (th cellen) via het abbr (abbreviation) attribuut wanneer de lengte van de inhoud van het tabellabel zodanig van lengte is dat herhaling in een spraakbrowser irritatie kan wekken.

R-pd.11.7 Gebruik het caption element of heading markup voor het geven van een koptekst boven een tabel.

R-pd.11.8 Bij het aanpassen van een bestaande website: gebruik CSS voor de presentatie en lay-out van webpagina's en zie af van tabellen voor lay-out.

R-pd.11.9 Bij het gebruik van tabellen voor lay-out: gebruik niet meer dan één tabel en gebruik zoveel mogelijk CSS voor de vormgeving van deze tabel.

R-pd.11.10 Bij het gebruik van tabellen voor lay-out: pas geen toegankelijkheidsmarkup toe.

R-pd.13.1 Gebruik het label element om tekst expliciet met een invoerveld in een formulier te associëren.

R-pd.13.2 Gebruik het tabindex attribuut om van de standaard tab-volgorde op formuliervelden af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van het formulier door toetsenbordgebruikers.

R-pd.13.3 Breng groepering van invoervelden aan door middel van het fieldset element.

R-pd.13.8 Als een bezoeker persoonlijke gegevens dient op te geven, laat deze dan weten wat er met die gegevens gedaan zal worden, bijvoorbeeld in de vorm van een privacyverklaring.

R-pd.13.9 Verg van een bezoeker via een formulier niet meer informatie op te geven dan noodzakelijk is voor het doel van het formulier. Houdt formulieren zo kort mogelijk en beperk het verplicht invullen van formuliervelden.

R-pd.13.10 Geef aan welke velden verplicht of optioneel zijn om in te vullen.

R-pd.13.11 Voorzie in alternatieve contactmogelijkheden, zoals adresgegevens, telefoonnummers of e-mailadressen, indien deze beschikbaar zijn.

R-pd.13.12 Laat de bezoeker weten wat er met het formulier na verzending gedaan zal worden.

R-pd.13.13 Geef de bezoeker de mogelijkheid tot archivering van zijn reactie.

R-pd.13.14 Stuur de bezoeker na het invullen en versturen van een formulier een bevestiging dat zijn bericht is aangekomen bij de ontvanger (autoreply).

R-pd.13.15 Geef voorafgaande aan complexe formulieren de bezoeker een indruk van hoe groot het formulier is.

R-pd.13.16 Noem van tevoren documenten die de bezoeker (eventueel) nodig heeft bij het invullen van het formulier.

R-pd.13.17 Voorzie formulieren van instructies voor de bezoeker waar nodig, met name bij de invoervelden waar ze toedoen.

R-pd.13.18 Voeg geen herstel (reset) knoppen toe aan een formulier.

R-pd.15.1 Het maken van een taalkeuze dient voor de bezoeker mogelijk te zijn op iedere pagina in de site.

R-pd.15.3 Gebruik voluit geschreven (tekstuele) links naar de taalvarianten.

R-pd.15.4 Schrijf links naar taalvarianten in hun corresponderende taal.

R-pd.15.5 Gebruik geen associaties met nationaliteiten voor taalkeuze.

R-pd.15.7 Geef in de markup taalvariaties in de inhoud van pagina's aan.

R-pd.18.1 Gebruik voor iedere pagina een unieke, beschrijvende titel.

R-pd.18.2 Schrijf korte, bondige tekst, waarin de belangrijkste boodschap bovenaan de pagina al wordt genoemd.

R-pd.22.1 Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en afkortingen.

R-pd.22.2 Geef bezoekers een 'vluchtroute': mogelijkheden om verder te kunnen gaan als ze vastlopen. Vluchtroutes zijn onder andere behulpzame links, het kunnen gebruiken van de terug (back) knop, een zoekfunctie, of het onmiddellijk kunnen corrigeren van invoerfouten.

R-pd.22.3 Laat bezoekers niet raden: geef informatie over hoe ze een gemaakte fout kunnen herstellen. Houd rekening met veelgemaakte fouten.

R-pd.22.4 Maak aangepaste foutpagina’s – voor fouten als doodlopende links (404 Not Found) – waarop de bezoeker mogelijkheden krijgt aangereikt om zijn weg te vervolgen binnen de site.

R-pd.22.8 Geef bezoekers de mogelijkheid om fouten in de site te rapporteren.

R-pd.22.9 Maak gebruik van kleuren, iconen en tekstuele uitleg om de aandacht van de bezoeker voor een foutmelding te trekken en het probleem toe te lichten.

R-pd.22.10 Geef bezoekers mogelijkheden om informatie op alternatieve manieren te vinden. Bijvoorbeeld door het geven van een sitemap, zoekfuncties, of via een verzoek per e-mail, brief of telefoon.