De richtlijnen

Richtlijnen voor elke doelgroep

Gefilterd op: Geen
Gesorteerd op: Projectfase

De richtlijnen

Richtlijnen voor elke doelgroep

Inhoudsopgave

Sorteren op

2. Concept

R-pd.2.9 Bouw een website volgens de richtlijnen van de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.

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.12.1 Gebruik geen frames op websites. Dit geldt voor zowel reguliere frames binnen framesets, als zogenaamde iframes.

3. Ontwerp

R-pd.2.9 Bouw een website volgens de richtlijnen van de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.

R-pd.7.7 Het gebruik van CSS Image Replacement technieken die worden toegepast op essentiële informatie wordt afgeraden.

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

R-pd.8.10 Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link.

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.12.1 Gebruik geen frames op websites. Dit geldt voor zowel reguliere frames binnen framesets, als zogenaamde iframes.

R-pd.13.7 Wees terughoudend met het gebruik van CSS voor invoervelden en formulierknoppen.

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.2 Links voor taalkeuze dienen op een duidelijke en consistente plaats in de navigatie van de site te staan.

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.6 Bij het implementeren van een zoekmachine op de website: gebruik ‘slimme’ zoektechnologie die rekening houdt met bijvoorbeeld spelfouten, soortgelijke zoektermen, en termen in meervoud en enkelvoud.

R-pd.22.7 Geef een overzichtelijke lijst van de meest relevante zoekresultaten. Teveel zoekresultaten kosten bezoekers veel tijd om de gewenste informatie te vinden. Geef bezoekers mogelijkheden om zoekcriteria in te stellen, of zoekresultaten te ordenen.

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.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.1.3 Maak de functie van de website niet afhankelijk van optionele technologie, zoals CSS en client-side script: optionele technologie dient de informatie op de site en het gebruik ervan te complementeren en niet de toegang ertoe te belemmeren wanneer deze technologie niet ondersteund wordt.

R-pd.2.1 Gebruik HTML 4.01 of XHTML 1.0 volgens de W3C specificaties voor de markup van websites.

R-pd.2.2 Gebruik geen markup die in de W3C specificaties staat aangemerkt als deprecated (achterhaald).

R-pd.2.3 Bij het aanpassen van een bestaande website: gebruik van HTML 4.01 of XHTML 1.0 alleen de Transitional variant als het gebruik van de Strict variant onmogelijk of onwenselijk is.

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.2.5 Gebruik geen frames op websites. Gebruik daarom ook niet van HTML 4.01 of XHTML 1.0 de Frameset variant.

R-pd.2.6 Gebruik CSS Level-2.1 volgens de W3C specificatie voor het vormgeven van websites.

R-pd.2.7 Indien client-side script wordt gebruikt, gebruik ECMAScript volgens de specificatie.

R-pd.2.8 Indien men elementen in de HTML hiërarchie manipuleert, maak gebruik van de W3C DOM volgens de specificatie.

R-pd.2.9 Bouw een website volgens de richtlijnen van de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.

R-pd.3.1 Schrijf zowel grammaticaal correcte, als beschrijvende markup.

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.3.15 Geef betekenisvolle namen aan id en class attributen.

R-pd.4.1 Produceer unieke, onveranderende URL’s.

R-pd.4.2 Dynamisch gegenereerde URL’s dienen nog steeds naar dezelfde inhoud te verwijzen als inhoud wordt gewijzigd of toegevoegd.

R-pd.4.3 Vermijd het gebruik van sessies in URL’s.

R-pd.4.4 Zorg voor doorverwijzing naar de nieuwe locatie bij het verplaatsen van informatie.

R-pd.4.5 Automatische doorverwijzing dient, indien mogelijk, uitgevoerd te worden door de server.

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.6.1 Elk HTML of XHTML document moet beginnen met een geldige DocType Declaratie.

R-pd.6.2 Zet de inhoud van de pagina in de HTML broncode op volgorde van belangrijkheid.

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.7.7 Het gebruik van CSS Image Replacement technieken die worden toegepast op essentiële informatie wordt afgeraden.

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.7 Bij het gebruik van client-side script in combinatie met een link: indien noodzakelijk, gebruik client-side script als een uitbreiding op server-side functies.