De afgelopen weken is er hard gewerkt aan het verder verbeteren van de website van de gemeente De Bilt. Er zijn diverse wijzigingen doorgevoerd aan de HTML- en CSS-bestanden waarmee de website wordt opgebouwd, zodat de website nog beter toegankelijk is voor alle soorten bezoekers.
Webrichtlijnen, de automatische toetsing
Er zijn 125 webrichtlijnen, waarvan er 47 automatisch getoetst kunnen worden. Door de diverse verbeteringen van de afgelopen weken behalen de meeste pagina's van de website van de gemeente De Bilt een score van bijna 100%. Enkele belangrijke punten waar we rekening mee hebben gehouden tijdens het bouwen van de website komen hieronder aan bod.
Semantiek
Een belangrijk punt is het gebruik van semantisch correcte HTML, met een logische volgorde. De inhoud van een nieuwsbericht staat dus zover mogelijk bovenaan in de broncode, terwijl navigatie, gerelateerde berichten en andere informatie verder naar onderen staat. Dit zorgt voor optimale toegankelijkheid, maar het is uiteraard ook van belang voor de indexering binnen diverse zoekmachines.
Microformats
Ieder HTML-element heeft een specifiek doel. Het ene element is bedoeld voor paragrafen, het andere voor een invoerveld, een link of een afbeelding. Voor computers is het echter niet te bepalen of de inhoud van een element nou een adres, een datum of een gebruikersnaam bevat. Hiervoor zijn microformats bedacht, welke gebruik maken van bestaande HTML-attributen om extra semantische waarde toe te voegen aan data.
Met moderne browsers kan deze data vervolgens gemakkelijk worden geëxporteerd naar bijvoorbeeld een adresboek of agenda. In sommige gevallen moet hier nog een plugin voor worden gebruikt, zoals Operator voor de Firefox-browser. Binnen de website van de gemeente De Bilt is o.a. gebruik gemaakt van hCard voor contactgegevens en hCalendar voor evenementen. Microformats zijn tevens een aanbeveling van de Stichting Accessibility, waar onze medewerkers een training hebben gevolgd waardoor wij als IQuality zijn opgenomen in het register van toegankelijke bouwers.
Progressive enhancement
Indien er gebruikt wordt gemaakt van technieken als CSS en Javascript moeten pagina's ook blijven werken indien deze technieken niet beschikbaar zijn. Deze aanpak noemen we 'progressive enhancement': het gelaagd bouwen van websites. Een slideshow, kalender of fotoalbum blijft dus ook werken in oudere browsers!
Navigatie
Naast de reguliere navigatiemogelijkheden is er ook rekening gehouden met gebruikers die via een toetsenbord navigeren. Zij kunnen lange lijsten van de website gemakkelijk overslaan, zodat men niet steeds door op iedere pagina voorkomende content hoeft te navigeren.
