Toegankelijkheid
Ontwerpkeuzes
Wat wij hebben gedaan om deze site leesbaar te houden
Grotere basisletter
De lopende tekst is 18 pixels in plaats van de gebruikelijke 16, en de tekstkolommen zijn 19 pixels. De regelafstand is ruim, zodat regels niet in elkaar overlopen.
Rustige typografie
Koppen in een schreefletter (Source Serif) en lopende tekst in een open schreefloze letter (Inter). Geen dunne letterdiktes en geen tekst in kapitalen langer dan een paar woorden.
Volledig uitgeschreven navigatie
Op een breed scherm staan alle negen menu-items naast elkaar in beeld, zonder uitklapmenu's. Is er minder ruimte, dan verschijnt een knop met het woord Menu erop — geen los pictogram — die dezelfde negen items volledig uitgeschreven onder elkaar zet.
De menubalk scrollt mee
De kop blijft niet boven in beeld staan. Met negen uitgeschreven items en een contactbalk zou een vaste kop een groot deel van het scherm blijven bezetten, en dat wordt erger zodra u inzoomt. Onderaan elke pagina staat daarom een verwijzing terug naar boven, en de voettekst bevat alle links opnieuw.
Geen tekst op onvoldoende contrast
Op de goudkleur staat altijd donkere tekst. De combinatie wit op goud haalt maar 1,6 : 1 en gebruiken wij daarom nergens.
Zichtbare focusrand
Wie met de Tab-toets navigeert, ziet een dikke rand van drie pixels rond het actieve element. In de donkere secties is die rand goudkleurig, zodat hij ook daar opvalt.
Grote raakvlakken
Knoppen en invoervelden zijn minimaal 44 pixels hoog en de meeste 52. De items in het uitgeklapte menu zijn 52 pixels hoog. Dat helpt op een aanraakscherm en bij een minder vaste hand. Alleen de items in de horizontale menubalk zijn met 40 pixels wat lager; die zijn wel ruim breed.
Inzoomen blijft werken
Wij blokkeren het inzoomen niet. U kunt de pagina met Ctrl en + of met een knijpbeweging tot 200% vergroten zonder dat er inhoud wegvalt.
Tabellen scrollen zelf
Brede tabellen schuiven binnen hun eigen kader in plaats van de hele pagina scheef te trekken. Elk kader is met het toetsenbord bereikbaar.
Werkt zonder JavaScript
De uitklappers voor veelgestelde vragen en fondsinformatie gebruiken standaard HTML en werken ook als JavaScript is uitgeschakeld. Alleen de rekentools hebben JavaScript nodig.
Beperkte beweging
Er zijn geen automatisch bewegende onderdelen. Heeft u in uw besturingssysteem aangegeven dat u minder beweging wilt, dan zetten wij ook de overgangen uit.
Netjes af te drukken
De rekentools en de tarievenpagina zijn zo opgemaakt dat ze op papier leesbaar blijven. Navigatie en formuliervelden verdwijnen dan uit de afdruk.
Geen cookiemelding
Wij plaatsen geen tracking- of advertentiecookies en gebruiken geen analysesoftware van derden. Daarom hoeven wij u niets te vragen en staat er geen banner in de weg.
Gemeten
Contrastverhoudingen van onze kleuren
| Combinatie | Verhouding | Niveau | Waar wij die gebruiken |
|---|---|---|---|
| Bijna zwart op ivoor | 16,4 : 1 | AAA | Lopende tekst op de standaard achtergrond |
| Marineblauw op ivoor | 15,4 : 1 | AAA | Koppen en links |
| Marineblauw op fel goud | 10,1 : 1 | AAA | Tekst op alle gouden vlakken, waaronder de knoppen |
| Fel goud op marineblauw | 10,1 : 1 | AAA | Accenten en labels in de donkere secties |
| Lichtblauw op marineblauw | 12,7 : 1 | AAA | Lopende tekst in de donkere secties |
| Grijsblauw op ivoor | 7,8 : 1 | AAA | Toelichtende tekst en hulpteksten bij formulieren |
| Donkergoud op ivoor | 5,3 : 1 | AA | Kleine accentlabels boven sectiekoppen |
| Groen op ivoor | 5,9 : 1 | AA | Aanduiding van kosteloze onderdelen |
| Wit op fel goud | 1,6 : 1 | Afgekeurd | Gebruiken wij nergens. Op goud staat altijd donkere tekst. |