Code kwaliteit

Resultaten van: https://Www.herprogrammeerdeoverheid.nl

Datum scan: 09.01.2019 - 08:46

Mijn resultaten

Code kwaliteit

Resultaten van: https://Www.herprogrammeerdeoverheid.nl

Datum scan: 09.01.2019 - 08:46

Voor verbetering vatbaar

Dit betekent dat er de nodige fouten in de HTML-code zijn geconstateerd. Deze kunnen invloed hebben op bijvoorbeeld de wijze waarop de pagina wordt getoond maar ook op de vindbaarheid en laadsnelheid.

Overzicht fouten in de code

De volgende fouten zijn gevonden in de code van de website. Deze fouten kunnen de toegankelijkheid van de website belemmeren.

Elements must have sufficient color contrast

Fix any of the following: Element has insufficient color contrast of 3.26 (foreground color: #ffffff, background color: #518bfb, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 4.5:1

Meer informatie

De fout heeft betrekking op de volgende HTML:

<div class="nav-menu_text">Werk mee</div>

<div class="nav-menu_text">Overheid</div>

<div class="nav-menu_text">Politiek</div>

<div class="nav-menu_text">Doneren</div>

<div class="nav-menu_text">Over ons</div>

<div class="nav-menu_text">Contact</div>

<p>

<div class="btn-text">Werk mee</div>

<div>Join ons op Whatsapp</div>

<div>Join ons op Slack</div>

<div class="banner_btn-text">Prima</div>

Heading levels should only increase by one

Fix any of the following: Heading order invalid

Meer informatie

De fout heeft betrekking op de volgende HTML:

<h3>Artikelen</h3>

Links must have discernible text

Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute

Meer informatie

De fout heeft betrekking op de volgende HTML:

<a href="/" aria-current="page" class="nav-logo_wrapper w-inline-block w--current">

<a href="/artikelen/waterval" class="article_link w-inline-block"></a>

<a href="/artikelen/het-is-tijd-voor-een-minister-van-digitale-zaken" class="article_link w-inline-block"></a>

<a href="/" aria-current="page" class="nav-logo_wrapper w-inline-block w--current"><img src="https://cdn.prod.website-files.com/64f8dafcd8e9b18a03a618a1/66f91bee7db120000364eecf_logo_herprogrammeer-de-overheid%403x.png" loading="lazy" alt="" class="footer-logo"></a>

All page content should be contained by landmarks

Fix any of the following: Some page content is not contained by landmarks

Meer informatie

De fout heeft betrekking op de volgende HTML:

<div fs-cc="banner" class="banner_component" style="display: flex; opacity: 1;">

Advies

Zorg dat je website geprogrammeerd is in een “schone” HTML code. Dit zorgt ervoor dat je website makkelijker door iedere browser, hulpsoftware, zoekmachine en vertaalprogramma gelezen kan worden.

Schone programmacode is vooral een taak van website-ontwikkelaars. Als je werkt met een extern bureau, vraag het aan hen om dit te controleren. Werk je zelf met een softwarepakket met standaard templates, controleer deze dan eerst op “valide html”.

Wat is code kwaliteit?

Websites worden gebouwd met behulp van een programmeertaal: HTML. Deze taal bestaat uit allerlei codes. Zo’n code geeft bijvoorbeeld het begin of het einde van een pagina aan. Of dat een bepaalde regel in een bepaalde kleur moet worden weergegeven.

Net zoals in iedere taal bepaalt de schrijver (ontwikkelaar) de kwaliteit van de tekst. De ene heeft veel meer woorden nodig dan de ander om hetzelfde te zeggen. De ene ontwikkelaar heeft veel meer code nodig dan de ander. En hoe ‘schoner’ de code hoe minder tijd het laden van bijvoorbeeld een pagina kost.

Hoe ‘schoner’ de code hoe beter en sneller de website door allerlei hulpsoftware kan worden gelezen. En daarmee toegankelijker is voor mensen die afhankelijk zijn van die hulpsoftware. Ook zoekmachines houden van schone code, waardoor de vindbaarheid van je website wordt vergroot. En hoe ‘schoner’ de code hoe makkelijker er later aanpassingen gedaan kunnen worden wat de onderhoudskosten verlaagd.

Zoals voor iedere taal geldt ook voor HTML dat er afspraken zijn met betrekking tot de grammatica. Als de grammatica van deze taal goed wordt gevolgd, snapt iedere browser, mobiele telefoon, zoekmachine, vertaalprogramma of voorleessoftware wat er staat.

Zelf controleren

Er is een gratis checker beschikbaar die de grammatica van een pagina kan controleren. Die gebruiken wij ook voor de test op deze pagina. De resultaten van deze test zijn door ontwikkelaars goed te lezen en helpen bij het verbeteren van de kwaliteit van de code: validator.w3.org.