Becam, onderdeel van DSB groep waartoe ook Frisia behoort, pakt het grondig aan. Ze hebben een extreem toegankelijke site gemaakt. Daarbij geven ze ook nog, on-Nederlands goed, uitleg over de toegankelijkheid. Dit alles in tegenstelling tot de drempelvrij verklaarde SNS bank. Omdat ik er zo van onder de indruk ben dat een hypercommerciële instelling zo'n nette website heeft, deel ik graag het goede en minder goede met jullie:
- Skip to content
Uiteraard bovenin de HTML code een skip-to-content-link voor screenreader gebruikers. Door de link te "klikken" ga je direct naar de inhoud en hoef je dus niet elke keer de navigatie "aan te horen":
- Hoog contrast
De site kan verder bekeken worden in hoog contrast layout. Het hoge contrast en de licht op donkere kleurstelling zijn prettig voor mensen met beperkte visuele capaciteiten.
- Omgekeerde titels
De titels van de pagina's zijn "achterstevoren" opgesteld. De titel is bijvoorbeeld:
Dat zie je steeds vaker, en wordt natuurlijk ook voor zoekmachines gedaan. Voor mensen is het echter ook nuttig. Je kunt dan in je titelbalk (of je tabblad als je Firefox gebruikt) zien waar je zit. Bij veel websites zie je dan alleen de naam van de website staan, maar niet waar je nou eigenlijk bent.
- Lettergrootte
Natuurlijk kan ook de lettergrootte netjes vanuit de browser aangepast worden, de website schaalt gewoon mee in de lengte en breedte. Dat zie je niet vaak, vreemd genoeg. Daarop vormgeven is dan ook best lastig voor de meeste "oldschool" vormgevers. Vooral als de opdrachtgever het belang niet inziet en zijn website vooral exact wil vormgeven zoals de offline huisstijl voorschrijft.
- Plaatjes in CSS
Om de layout goed van de content te scheiden zijn de plaatjes niet in de HTML te vinden. Dit zorgt ervoor dat de HTML code zeer klein blijft, maar ook dat alternatieve browsers de pagina zeer makkelijk zullen kunnen lezen. De code is dus letterlijk "beeldschoon"…
- Pop-ups?!
En zelfs aan de pop-ups is gedacht, daar hebben ze deze nette code voor gebruikt:
Privacy
Hoewel pop-ups natuurlijk eigenlijk onzinnig zijn, laten we dat niet vergeten.
- Mooie URL's
En weer iets dat voor zoekmachines én mensen lekker is: mooie URL's. Bijvoorbeeld http://www.becam.nl/hypotheken/productinformatie/tweedehypotheek/. Als ik nu de laatste twee woorden van de URL weghaal, kom ik vast op de pagina uit over hypotheken. Handig! En ik kan de URL ook nog uitspreken en doorsturen…
- Access keys
Als klap op de vuurpijl bevat de website ook nog access keys. Probeer maar eens alt-1 op een diepere pagina in de website. Deze truc wordt ook veel op websites gebruikt die ingewikkeldere functionaliteit bieden, a.h.w. een computer programma.
Puntjes van kritiek
Natuurlijk is niemand of niets perfect, er zijn ook wat dingetjes waar ik aan twijfel.
- Rood = link?
Om te beginnen de rode kleur van de links. Al kan ik daar met de huisstijl nog wel inkomen. Maar dat een "visited link" een onderbroken streepje krijgt, en ook nog een helderder kleur rood? Dat is onvergeeflijk!
Verder zijn de links in de navigatie aan de linkerkant niet voorzien van een "visited" style, dat had prima gekund.
- Print CSS slordig Ook de print layout css nog wat slordig. Voor degenen die die truc niet kennen, in de is de volgende daarin regel toegevoegd:
Als je dan de pagina uitprint, wordt niet de layout die je ziet, maar een speciale printer-vriendelijke layout gebruikt. Het is echter beter om daarin de standaard navigatie niet op te nemen, dat is immers niet de informatie die afgedrukt moet worden. Het gaaat naturlijk om de inhoud. Ook is de link naar "inhoud" nog opgenomen. Verder is het lettertype voor print wel erg groot maar mischien is dat een bewuste keuze?
- E-mail?
Verder is het jammer dat er geen e-mail adres op de website is opgenomen. Die keuze zal echter, zoals bij veel organisaties, bewust zijn om de drempel voor het sturen te verhogen. Het e-mail formulier ziet er wel weer erg makkelijk uit. Maarrrrrrrrrrrrr de verplichte velden zijn niet aangegeven! Fouten in het invullen worden niet in het formulier weergegeven, maar pas op de volgende pagina. Een gemiste kans.
- Home
En de laatste, ook onverfeeglijk: het logo is geen link naar de homepage. Ja, er staat een knop met HOME naast, maar toch vind ik dat deze conventie gehandhaafd moet blijven.
Update: het logo linkt wel degelijk naar de homepage, ik had niet goed gekeken. Dank, s smit!
Al met al complimenten waard, ik denk dat de site het in zoekmachines ook goed zal doen… Zou Becam inderdaad een proeftuin voor de hele DSB groep zijn, of richten ze zich op ouderen?
Ben benieuwd of jullie nog andere aanmerkingen hebben op de usability en accessibility van deze website. Dat zullen dan echt schoonheidsfoutjes zijn, want het ziet er heel erg doordacht uit allemaal.
Popularity: 12% [?]