Wat is een footer (voettekst) op een website?
Een footer is het vaste onderdeel onderaan je website waar je belangrijke, maar minder vaak gebruikte informatie plaatst. Denk aan contactgegevens, juridische links of een overzicht van alle pagina's op je site. Footers zijn geen vervanging voor de header of sidebar, maar een vaste plek voor belangrijke informatie die bezoekers niet direct bovenaan hoeven te zien.
Een footer zorgt voor overzicht en vertrouwen. Het is de plek waar bezoekers bijvoorbeeld je telefoonnummer, een link naar je privacybeleid of een overzicht van alle pagina's op je site verwachten. Zo hoeven ze niet terug naar boven te scrollen als ze iets specifieks zoeken.
Waarom zijn footers belangrijk?
Stel je voor dat je op zoek bent naar een telefoonnummer of een link naar de algemene voorwaarden: die vind je vaak in de footer. Zonder footer moeten bezoekers terug naar boven scrollen of de site verlaten als ze de informatie niet kunnen vinden.
Footers verbeteren de gebruiksvriendelijkheid van je website. Onderzoek van NN/g (Therese Fessenden) laat zien dat gebruikers footers zien als een "tweede kans om overtuigd te worden" en een "laatste redmiddel voor moeilijk vindbare content". Dit vermindert de kans dat bezoekers de site verlaten zonder te vinden wat ze zoeken. Daarnaast bouwen footers vertrouwen op. Door contactgegevens, privacybeleid en keurmerken in je footer op te nemen, laat je zien dat je website betrouwbaar en professioneel is.
Voor webshops zijn footers nog belangrijker. Footers zijn kritiek voor ecommerce: gebruikers breken hun aankoop af als ze essentiële informatie niet kunnen vinden.
Gebruikers breken hun aankoop af als ze essentiële informatie niet in de footer kunnen vinden, omdat dit de laatste plek is waar ze die informatie verwachten.
Dit geldt niet alleen voor webshops, maar voor alle websites. Een goede footer zorgt ervoor dat bezoekers langer op je site blijven en sneller vinden wat ze nodig hebben.
Wat staat er in een footer?
Wat je precies in je footer zet, hangt af van het doel van je website. De meeste footers bevatten een vaste set elementen, zoals contactgegevens, juridische links en navigatiehulpmiddelen. Hieronder zie je welke elementen verplicht zijn en welke optioneel:
| Element | Vereist? |
|---|---|
| Contactgegevens (naam, adres, telefoon, e-mail) | Ja |
| Privacybeleid-link | Ja |
| Algemene voorwaarden-link | Ja |
| Social media-links | Ja |
| Auteursrechtmelding | Ja |
| Sitemap-links | Nee |
| Vertrouwenssignalen (bijv. keurmerken) | Nee |
Deze elementen kun je groeperen op basis van hun doel:
Contactgegevens
Hier zet je je bedrijfsnaam, adres, telefoonnummer en e-mailadres. Voor Nederlandse bedrijven is het vermennen van contactgegevens (naam, adres, woonplaats) een standaardpraktijk.
Juridische informatie
In Nederland zijn links naar je privacybeleid en algemene voorwaarden verplicht voor websites die persoonsgegevens verwerken, zoals vereist door de AVG/GDPR.
Navigatie
Een overzicht van alle pagina's op je site (sitemap) of links naar belangrijke secties helpt bezoekers om snel te navigeren. Houd het overzichtelijk: te veel links kunnen bezoekers overweldigen.
Vertrouwenssignalen
Zet niet te veel keurmerken in je footer, want dat kan juist wantrouwen wekken. Kies voor relevante vertrouwenssignalen, zoals Nederlandse keurmerken voor webshops.
Experts raden aan om niet meer dan 5 tot 7 belangrijke links in je footer op te nemen. Te veel links maken je footer onoverzichtelijk en verminderen de effectiviteit.
Een footer mag maximaal 5 tot 7 belangrijke links bevatten. Als alles belangrijk is, is niets belangrijk.
Goed ontworpen footers gebruiken semantische groepen om informatie logisch te ordenen.
Een footer is pas echt effectief als hij voor iedereen bruikbaar is. Denk bijvoorbeeld aan voldoende contrast tussen tekst en achtergrond, zodat mensen met een visuele beperking de informatie kunnen lezen. Ook toetsenbordnavigatie is belangrijk: bezoekers moeten met de Tab-toets door je footer kunnen navigeren.
Toegankelijkheid en regels voor footers
Toegankelijkheid is vooral belangrijk voor overheidswebsites en organisaties in de EU, maar ook andere websites kunnen hiermee hun footer verbeteren. Toegankelijkheid betekent dat je website bruikbaar is voor iedereen, ook voor mensen met een beperking. De regels hiervoor staan in de WCAG (Web Content Accessibility Guidelines), een internationale standaard voor toegankelijke websites.
In Nederland moeten overheidswebsites en -apps voldoen aan EN 301 549 (WCAG 2.1 AA) onder het Besluit digitale toegankelijkheid overheid, tenzij sprake is van een onevenredige last. Voor andere websites is het verstandig om deze regels als richtlijn te gebruiken.
| Vereiste | Regel/Standaard |
|---|---|
| Contrast (tekst en knoppen/elementen) | Minimaal contrastverhouding van 4,5:1 voor tekst (WCAG 2.2 AA) en 3:1 voor UI-componenten. Voor AAA-niveau: 7:1 voor tekst. |
Landmarks (contentinfo-rol) | Gebruik role="contentinfo" voor de <footer> (maximaal één per pagina). Vermijd geneste <footer>-elementen binnen <article>, <section>, <main> of andere landmarks. |
| Focus zichtbaarheid | Zorg dat alle interactieve elementen (zoals links) in de footer een zichtbare focusindicator hebben. Navigatielandmarks moeten unieke labels hebben als er meerdere zijn. |
Toegankelijkheidseisen voor voetteksten (WCAG/ARIA-regels)
Een toegankelijke footer voldoet aan een aantal basisregels. Hieronder lichten we de belangrijkste toe:
- Contrast: Tekst in je footer moet goed leesbaar zijn. De contrastverhouding tussen tekst en achtergrond moet minimaal 4,5:1 zijn voor normale tekst (WCAG 2.2 AA), tenzij het gaat om logotypes of puur decoratieve elementen. Voor grote tekst (18pt of groter) is een contrastverhouding van 3:1 voldoende. UI-componenten, zoals knoppen, moeten een contrastverhouding van minimaal 3:1 hebben.
- Landmarks: Gebruik de
role="contentinfo"voor je footer. Dit helpt hulpmiddelen zoals schermlezers om de footer te herkennen. Gebruik bij voorkeur niet meer dan ééncontentinfo-landmark per pagina en vermijd geneste<footer>-elementen binnen<article>,<section>of andere landmarks, tenzij je expliciet een andere rol toekent.
- Focus zichtbaarheid: Alle interactieve elementen in je footer, zoals links, moeten een zichtbare focusindicator hebben. Dit is belangrijk voor bezoekers die met het toetsenbord navigeren. Zorg ook dat navigatielandmarks unieke labels hebben als er meerdere op een pagina staan.
Hieronder zie je een voorbeeld van minimale, valide HTML voor een toegankelijke footer:
<footer role="contentinfo">
<!-- Copyright, juridische links -->
</footer>Met deze regels en voorbeelden kun je een footer maken die niet alleen handig is, maar ook voor iedereen toegankelijk. Zo laat je zien dat je om al je bezoekers geeft.
Footers en headers hebben verschillende rollen.
Gerelateerde blogs
Meer weten? In ons blog delen we praktische kennis over webdesign, development, SEO, AI en trends
