Cookies op DEN.nl
den.nl maakt gebruik van cookies voor het anoniem meten van het website bezoek en het vergroten van het gebruiksgemak. Door op 'ga verder' te klikken, geef je toestemming voor het gebruik van deze cookies.

Publiceren? Eerst valideren!

30 maart 2009




Webpagina's maken én onderhouden is uiteindelijk gewoon mensenwerk, ondanks het gebruik van computers. En fouten maken is menselijk. Maar dat is niet de enige reden waarom het goed is om de inhoud en vorm ervan nog even te controleren, voordat je een webpagina publiceert.

Waarom valideren?
 
Richtlijnen voor het maken van goede webpagina's zijn er niet alleen voor mensen met een visuele handicap, iedereen heeft er baat bij dat pagina's foutloos zijn. Daardoor laden pagina's sneller, zien ze er precies zo uit als je het hebt bedoeld, werken ze onder alle omstandigheden en zijn ze jaren later nog steeds prima te gebruiken.
Fouten in de HTML-code kunnen er voor zorgen dat de webpagina er in een webbrowser heel anders uitziet dan je had bedoeld. Het is vaak niet gemakkelijk om zo'n fout snel op te sporen. Handig dus dat speciale computerprogramma's ("validators") zijn ontwikkeld die dat moeilijke werk automatisch voor je doen. Ook als je zelf geen webpagina's schrijft, is het handig om meer over validators te weten.
Intypen, even wachten, resultaat!
Validators zijn er in alle vormen en maten. Wat ze met elkaar gemeen hebben is dat ze een document controleren op een aantal van tevoren vastgestelde criteria. Deze criteria zijn doorgaans duidelijk omschreven regels waarop een machine of programma automatisch een controle kan uitvoeren.
 

Een voorbeeld:
 
Net als de meeste andere validators biedt de MarkUp Validator van het World Wide Web Consortium (W3C) een eenvoudig invoerscherm. Je typt alleen de URL van je website in (http://www.jeinstelling.nl) en start de zoekopdracht door op de knop "Check" te klikken. Het programma doorzoekt de HTML-code op de opgegeven locatie en even later verschijnt er een scherm met de boodschap of je webpagina voldoet aan de standaard. Als er een fout in de HTML-code is opgespoord, zie je waar dat precies in je document het geval is. Vaak wordt ook automatisch een suggestie gedaan hoe je de fout kunt verhelpen. Om te kijken of je de fout op de juiste wijze hebt gecorrigeerd, herhaal je de controle gewoon nog een keertje.
Maar er is veel meer mogelijk dan het controleren van de HTML-code van een webpagina. Zo kun je ook de opmaakprofielen (Cascading Style Sheets of CSS) van de webpagina controleren. Of nagaan of er een gebroken link in je pagina voorkomt, bijvoorbeeld een verwijzing naar een website die niet meer bestaat. Hieronder vind je een aantal voorbeelden van validators. Ze hebben allen gemeen dat ze zijn ontwikkeld door het W3C. Het gebruik ervan kost je niets.

Toegankelijkheid
 
Voor een aantal taken zijn specifieke validators ontwikkeld. Zo heeft de Nederlandse overheid een set van 125 richtlijnen verplicht gesteld waarmee de duurzame toegankelijkheid van overheidswebsites moet worden gegarandeerd. Deze richtlijnen zijn samen met de Stichting Accessibility opgesteld en sluiten grotendeels aan op de internationale webstandaarden van het W3C. Of ook je website voldoende toegankelijk is, kun je toetsen op www.webrichtlijnen.nl/toetsen.
 

Andere validators
  • met DC Dot kunt u Dublin Core metadata voor webpagina's aanmaken en op fouten controleren
  • XML Schema Validator controleert of XML-elementen op de juiste manier worden gebruikt
  • een hele verzameling van validators kunt u vinden op www.w3.org/QA/Tools/
Voor wie gebruik maakt van de open-source webbrowser Firefox zijn er ook allerlei toepassingen die je direct in Firefox kunt gebruiken. De Web Developer Toolbar, zoals de naam al doet vermoeden, is een gereedschapskist vol met handig gereedschap om fouten op te sporen, zoals controleren hoe de pagina eruit ziet zonder afbeeldingen of zonder een stylesheet. Ook met het programma Firebug kun je problemen in HTML-documenten opsporen. Een andere handige tool is de HTML Validator. Eenmaal geïnstalleerd in de rechteronderhoek van je scherm geeft dit programmaatje aan of de HTML-code fouten bevat. Ook andere webbrowsers zijn geschikt voor controle van websites. Voor Internet Explorer kun je eveneens een Web Developer Toolbar installeren. En Safari voor Apple heeft een ingebouwde Developer waarmee veel informatie over de webpagina kan worden opgevraagd.

Ik ben 100% okay
 
Laat zien dat je de moeite hebt genomen om je HTML-pagina's volgens alle standaarden op te maken. Veel validators bieden de mogelijkheid om na een geslaagde controle een logootje te downloaden dat je op je website kunt plaatsen. Daarmee ziet iedereen dat je net dat beetje extra hebt gedaan om het internet nog toegankelijker te maken. Het is overigens gebruikelijk om aan het logootje ook een verwijzing te koppelen naar de testresultaten. Zo kan iedereen ook echt zien dat je niet hebt vals gespeeld.
 
Geen programmeur, toch valideren
 
Vind je jezelf geen programmeur of werk je doorgaans met een speciaal programma om webpagina's te maken, ook dan heeft valideren zin. Stel dat je een opdracht aan een webbouwer geeft om voor jou een website te bouwen. Je wilt dat deze voldoet aan de moderne eisen die aan websites mogen worden gesteld. Maar hoe controleer je dat bij oplevering? Door de website te valideren op standaards als HTML 4.01, XHTML 1.0 of CSS. En als je werkt met een webbouwprogramma als Microsoft FrontPage of Adobe Dreamweaver is het verstandig om na publicatie de webpagina's toch even te controleren. Deze speciale programma's kennen nogal wat eigen code die niet door andere computerprogramma's even goed kan worden verwerkt. Dit is vooral een probleem met  oudere versies. Om te voorkomen dat jouw mooie website er bij anderen heel anders uitziet dan bedoeld, is het devies: "Publiceren? Eerst valideren!" 
Tags:
website   validatie   toegankelijkheid  
7 plus 1 is:*
(anti-spam)

Reacties (0)

Er zijn nog geen reacties geplaatst.