Digitale toegankelijkheid is van groot belang voor je website. Het is natuurlijk een breed begrip en dit betekent dat je overal rekening mee moet houden. Ook met bezoekers die kleurenblind zijn. Ongeveer 4% van de Nederlandse bevolking heeft namelijk te maken met kleurenblindheid. Dit houdt in dat zij moeite hebben met het onderscheiden van kleuren. Dit betekent in het geval van je website dat het navigeren door de website lastiger wordt en het langer duurt om de gewenste informatie te vinden. Wij delen tips om jouw website kleurenblind-proof te maken.

Voordat je aan de slag gaat, is het goed om je te verdiepen in de soorten kleurenblindheid. Het blijft uiteraard moeilijk in te schatten wat kleurenblinde gebruikers zien en hoe dat verschilt van de gemiddelde gebruiker. Er zijn 3 soorten kleurenblindheid te onderscheiden:

Deuteranopia: problemen bij het onderscheiden van vooral de kleuren rood en groen. Verreweg de meest voorkomende vorm van kleurenblindheid.

Protanopia: moeite met het onderscheiden van blauwe en paarse, en rode en blauwe kleuren.

Tritanopia: moeite om de kleuren blauw en groen, en rood en paars uit elkaar te houden.

1. Kleurencombinaties vermijden

Nu je middels bovenstaande diagrammen weet welke soorten er zijn, is het belangrijk hiervan te leren en bepaalde kleurencombinaties uit je webdesign te laten. Enkele kleurencombinaties zijn groen en grijs, blauw en paars, groen en blauw, rood op zwart. Ook zijn pastelkleuren geen optie.

2. Kleurcontrasten gebruiken

Personen met kleurenblindheid hebben allemaal een andere perceptie van verzadiging, tint en helderheid en nemen allemaal een contrast anders waar. Het is daarom van belang dat je hoge contrasten gebruikt en gebruik maakt van heldere kleuren. Op Color Contrast Check kan je een achtergrondkleur en een voorgrondkleur voor tekst vaststellen. Het programma berekent vervolgens de contrastratio en geeft aan of de ingevoerde kleurencombinatie een goede optie is.

3. Tekst of symbolen

Mocht je op je website een rode knop hebben om bijvoorbeeld iets te annuleren en een groene bestelknop, dan is dit voor iemand met kleurenblindheid niet te onderscheiden. Het is daarom van belang om daarbij als tekst ‘annuleer’ of ‘bestelling plaatsen’ te zetten. Of bijvoorbeeld een rood kruis en een groen vinkje ter verduidelijking.

4. Links verduidelijken

Het onderscheiden van gewone tekst en links is voor een kleurenblinde extra lastig. Het is daarom van belang dat je laat zien dat het om een linkje gaat. Geef de link een andere kleur of maak hem vet. Zorg er in ieder geval voor dat de link onderstreept is. Zo is de link voldoende onderscheidend. Ook kan je om het extra te verduidelijken eventueel nog een title tag aan de link meegeven, zodat de tekst naar de gelinkte website verschijnt wanneer de bezoeker met de cursor over de link beweegt.

5. Test je website

Ben je benieuwd hoe kleurenblind-proof jouw website is? Een eenvoudige manier om dit te testen is via Photoshop. Hiervoor maak je een screenshot van je website en laad je deze in. Via Weergave -> Instellen proef -> Kleurenblindheid kun je inzien hoe een kleurenblind persoon je pagina ziet. Heb je geen Photoshop, dan kun je gebruik maken van de Coblis – Color Blindness Simulator.

Natuurlijk hebben we onze website ook even getest.

Contentmanagen.nl zoals te zien voor iemand zonder kleurenblindheid:

Contentmanagen.nl zoals iemand met Protanopia het ziet:

En, hoe kleurenblind-proof is jouw website?

Het idee van digitale toegankelijkheid is niet nieuw, maar krijgt de laatste jaren meer aandacht. Zo zijn alle websites van overheidsinstanties sinds 2018 verplicht ‘toegankelijk’. Alle informatie die op overheidswebsites staat, moet voor elke bezoeker begrijpelijk zijn. Maar ook als het niet om een overheidsinstantie gaat, is het zeer waardevol om een toegankelijke website te hebben. Een website is toegankelijk als hij voldoet aan vier principes: bedienbaar, waarneembaar, begrijpelijk en robuust.

Toegankelijk voor wie?

Bij digitale toegankelijkheid gaat het erom dat iedereen de informatie tot zich moet kunnen nemen. Zoals het ministerie van Binnenlandse Zaken het verwoordt: “Ieder mens heeft het recht om te leven als ieder ander en mee te doen in de maatschappij. Gebruikmaken van de mogelijkheden die het internet, computers en smartphones ons bieden hoort daar natuurlijk bij.” In Nederland hebben miljoenen mensen te maken met een of meerdere beperkingen die hen daarin belemmeren.

Die belemmeringen kunnen van alles zijn. Denk aan een auditieve of visuele beperking zoals slechtziendheid en kleurenblindheid, motorische beperkingen, ouderdomsklachten en laaggeletterdheid. Om de content op websites voor zoveel mogelijk mensen toegankelijk te maken, kun je dus op verschillende vlakken actie ondernemen. In deze blogpost vertellen we hier meer over. En we laten zien hoe digitale toegankelijkheid en SEO-vriendelijkheid samengaan.

Hoe maak je je website toegankelijk?

Dit artikel gaat niet over websites die moeten voldoen aan een wettelijke verplichting om toegankelijk te zijn. Informatie daarover vind je op www.digitoegankelijk.nl.

Je leest in dit artikel wel wat je kunt doen om met jouw website zoveel mogelijk gebruikers tegemoet te komen. Welke ontwerpkeuzes kun je maken? Waar kun je op letten in je teksten? Welke technologische toepassingen kun je gebruiken? Op deze vragen gaan we in.

Ruimte in het ontwerp

Een praktische manier om pagina’s goed leesbaar te maken, is door voor voldoende witruimte te zorgen. Grote blokken tekst vindt niemand makkelijk lezen. Met witruimte aan beide kanten van de tekst en tussen alinea’s schep je rust in het beeld. Gebruik ook een groot genoeg en duidelijk lettertype. Hiermee voldoe je aan het principe van waarneembaarheid.

Spraak, video en transcript

Voor mensen die tekst niet goed kunnen zien of lezen, is de spraakfunctie een uitkomst. Voeg een plugin toe die geschreven tekst kan laten uitspreken door door een screenreader. Of verpak de informatie in een video. Daarmee kom je tegemoet aan mensen die moeite hebben met lezen vanwege dyslexie of een taalachterstand en mensen die zichtproblemen hebben. Als je informatie aanbiedt in de vorm van audio, voeg dan juist weer een uitgeschreven transcript toe zodat mensen met een slecht gehoor het kunnen lezen.

Voorzie je een video van ondertiteling, dan is deze toegankelijk voor mensen die slechthorend zijn en ook voor mensen die ervoor kiezen om de video zonder geluid af te spelen. Daarmee vergroot je dus ook de waarneembaarheid, én het is goed voor je vindbaarheid op Google.

Contrasterende kleuren

Zorg voor duidelijk contrasterend kleurgebruik. Daarmee help je mensen die kleurenblind of slechtziend zijn om elementen van elkaar te onderscheiden. Let vooral ook op het kleurgebruik bij buttons, in het menu en op plekken waar acties ondernomen kunnen worden (kliks). Dit is ook voor de algemene gebruiksvriendelijkheid van belang.

Een beschrijvende alt-tekst

Voorzie informatieve afbeeldingen en links van een duidelijke, beschrijvende alt-tekst zodat deze tekst met een screenreader afgespeeld kan worden. Zo weet de bezoeker wat een afbeelding of link weergeeft, ook als hij of zij het niet kan zien. Doe dit wel alleen bij afbeeldingen die ook echt informatie dragen. Mooi meegenomen is dat Google’s algoritme ook van alt-tekst houdt. Goed voor je SEO score dus.

Bedienbaar

Bij dit principe gaat het erom dat je alle functies van een website moet kunnen bereiken en bedienen via het toetsenbord. Het menu selecteren, een formulier invullen: een toegankelijke website is volledig bedienbaar zonder muis. Hiermee kom je tegemoet aan mensen die een muis niet kunnen gebruiken of alleen via een toetsenbord kunnen of willen navigeren.

Robuust

Het vierde principe, robuustheid, is een wat technischer verhaal. Hierbij gaat het erom dat de html-code achter je website moet kloppen, zodat aan de andere principes voldaan kan worden. De code geeft aan uit welke attributen een tekst opgebouwd is. Die informatie gebruikt de browser of de screenreader om de tekst voor te lezen. Zo kan de spraakfunctie onderscheid maken tussen bijvoorbeeld een kopje en een alinea.

Om jouw website ook toegankelijk te maken, moet je dus aan allerlei punten denken. Bekijk je website vanuit het oogpunt van de bezoeker voor wie je website bedoeld is, en denk daarbij aan alle mogelijke obstakels die zij tegen kunnen komen. Heb je hulp nodig bij een van de genoemde aspecten van toegankelijkheid? Ons veelzijdige team, van contentspecialisten tot programmeurs, staat graag voor je klaar. Stuur ons een e-mail of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina.

Formulieren zijn een efficiënt middel om informatie over je klant te verzamelen. Hiermee kan je je klant sneller en beter helpen: je hebt immers direct de juiste informatie om tot actie over te gaan. Ze bestaan in vele varianten en hebben diverse doelen. Abonneren, specificaties opvragen, vragen stellen, maar ook klachten indienen of problemen aankaarten zijn enkele van de redenen om via een formulier te communiceren. Formulieren dragen bij aan de conversie van je website, mits je ze goed inzet. We geven je een aantal tips.

Zet het formulier op een zichtbare en logische plaats

Een formulier moet eenvoudig te vinden zijn. Plaats deze dan ook op een logische positie, bijvoorbeeld op de hoofdpagina, onder een kopje Contact in het menu, of onder een stuk content die als CTA informatie opvragen heeft. In de regel moet een formulier binnen één klik gevonden kunnen worden.

Maak het formulier eenvoudig

Zoals eerder gezegd: less is more. Hoe minder de klant hoeft in te vullen, hoe eerder hij het formulier zal gebruiken. Dit helpt ook bij de overzichtelijkheid van het formulier. Help de klant bij het invullen door lichtgrijze dummy tekst (een placeholder) boven of in het invulveld te plaatsen. Zo voorkom je dat ze foutieve informatie geven en/of foutmeldingen krijgen. Over foutmeldingen gesproken: zorg dat die duidelijk aangeven waar de fout zit en hoe die verbeterd kan worden. In dit artikel over UX-writing vertellen we hoe je dit doet. Let als laatste op dat je duidelijke, contrasterende kleuren gebruikt, zodat de gebruiker niet vergeet om op de verzendknop te klikken ;-).

Stuur een ontvangstbevestiging

Als je bezoeker jou informatie geeft, laat hem dan ook weten dat je deze ontvangen hebt. Een bevestiging van ontvangst na het verzenden van een formulier geeft de gebruiker vertrouwen. Zet daar ook duidelijk in wat de volgende stap is. Wanneer kan de inzender een antwoord verwachten? Als een formulier open velden heeft om vrije tekst in te vullen, zou je daarvan een kopie mee kunnen sturen, zodat de inzender dit na kan lezen en kan archiveren.

Ga een stapje verder

Je kunt iets extra’s leveren aan de inzender, door bijvoorbeeld een link naar interessante blogposts of een kortingscode voor je webshop of dienst toe te voegen in je ontvangstbevestiging. Doe iets wat een logische relatie heeft met de informatie die het formulier vraagt. Maak van de gelegenheid gebruik om een persoonlijke touch te geven en laat zo een positieve indruk achter.

Controleer regelmatig of alles werkt

Niet onbelangrijk: check regelmatig of je formulieren naar behoren werken. Komt de informatie goed binnen, wordt de ontvangstbevestiging verstuurd en landt het bericht niet in SPAM? Zo kan je snel handelen bij foutmeldingen of als bepaalde content achterhaald geraakt is.

Vrijblijvend

Een contactformulier geeft je bezoeker de kans om eenvoudig contact op te nemen. Daarbij voelt het invullen van een formulier vaak meer vrijblijvend dan het sturen van een email of bellen. Het voelt laagdrempeliger.

Ben je bezig met het opzetten van een formulier en kun je wel wat hulp gebruiken? Neem dan vrijblijvend contact met ons op. Dat kan nog steeds via e-mail, maar natuurlijk ook via ons contactformulier.

Chatten wordt een steeds belangrijker communicatiemiddel om in contact te zijn met je klant. Via de chat kun je direct live contact leggen en veel klanten ervaren het als sneller en laagdrempeliger dan e-mailen of bellen. Op veel websites vind je dan ook een chat-functionaliteit. De snelle beantwoording van vragen of afhandeling van klachten kan bovendien leiden tot een hogere conversie. Er zijn veel aanbieders van chat-functionaliteit en deze zijn eenvoudig te implementeren. Maar waar moet je op letten als je een chatfunctie effectief wil gebruiken? We geven je 7 tips.

1. Reageer snel en adequaat

Als je zelf weleens contact hebt gelegd met een bedrijf via de chat, dan weet je: een trage respons is heel storend. Het ideale van een live chat is juist het snelle, interactieve contact met het bedrijf. Het is dus erg belangrijk om medewerkers paraat te hebben, die direct reageren op binnenkomende berichten.

2. Train je medewerkers

Om het eerste punt te kunnen te krijgen, moeten je medewerkers goed voorbereid zijn op hun (extra) taak als chatmedewerker. Ze moeten over kennis en kunde beschikken om adequaat kunnen reageren en de juiste antwoorden te geven. Train je collega’s daarom goed op veelgestelde vragen en houd een systeem beschikbaar waarin ze snel kunnen zoeken op productspecificaties of andere zaken die gerelateerd zijn aan de producten of diensten die je verkoopt. Bepaal daarnaast welke tone of voice en communicatiestijl je wil hanteren.

3. Manage de verwachtingen

Geef de bezoeker van je site duidelijk aan wanneer de chat-functie aan staat. Op chatberichten die worden verstuurd als de chatfunctie uit staat, kan je via e-mail een automatische reactie sturen. Laat de bezoeker weten wanneer hij of zij een antwoord kan verwachten. Zo voelt de bezoeker zich gehoord.

4. Benader bezoekers actief…

Klanten kunnen jou dus via de chat vragen stellen over een product of dienst. Maar je kunt klanten ook zelf actief benaderen. Stuur een welkomstbericht met de vraag of je misschien ergens bij kunt helpen. Hierbij is de timing belangrijk. Als er een pop-up omhoog springt zodra de bezoeker op je website belandt, kan dat een averechts effect hebben en de potentiële klant wegjagen. Geef bezoekers een moment om zelf rond te kijken en stuur dan pas een welkomstbericht.

5. …op het juiste moment

Hoe bepaal je wat het juiste moment is? Uit website analyses kun je opmaken hoelang bezoekers gemiddeld op je website verblijven. Gaan veel bezoekers al na bijvoorbeeld 40 seconden weer weg, dan kun je de bezoektijd wellicht verlengen door na 25 seconden een welkomstbericht te sturen. Houd het simpel, schrik bezoekers niet af.

6. Doe iets met de informatie die je ontvangt

Als je via de chat vaak dezelfde vragen of opmerkingen over een product of over je website krijgt, kan je daar lessen uit trekken. Gebruik deze informatie om verbeteringen aan te brengen in de informatie op je website of aan je (order)proces. Bij acute problemen zoals inlogproblemen kunnen mensen via de chat snel aan de bel trekken en jij kunt er sneller op inspelen en het probleem verhelpen.

7. Neem niet teveel hooi op je vork

Klanten verwachten een snelle reactie via de chat, maar daarbij wil je niet inleveren op kwaliteit. Als je veel verschillende chats tegelijkertijd hebt lopen, kan het gebeuren dat je ze door elkaar haalt. Beperk dus het aantal lopende chats. Een klant kan beter iets langer moeten wachten op een antwoord, dan het antwoord krijgen dat voor een ander gesprek bedoeld was of bij de verkeerde naam genoemd worden. Controleer je antwoorden voordat je ze verstuurt.

Er komt dus heel wat kijken bij het goed runnen van een chatfunctie op je website. Een goede voorbereiding is het halve werk, en met een doordacht plan van aanpak kun je echt impact maken met deze vorm van klantcommunicatie. Heb je hulp nodig bij het opzetten en doordenken van een chatmogelijkheid op je website? Neem gerust contact met ons op. Wij staan graag voor je klaar.

Iconen zie je overal. Herkenbare symbolen langs de weg, op stations en luchthavens, hotels en recreatiegebieden en in ziekenhuizen. Ze worden gebruikt vanwege hun universele betekenis. Ook buiten de fysieke openbare ruimte kom je iconen tegen, zoals op het internet en op smartphones. Wat is het nut van iconen op je website, en wanneer gebruik je ze? We leggen het uit in deze blogpost.

Verbeter de gebruiksvriendelijkheid

Iconen verbeteren de user experience van je website. Algemeen bekende en dus herkenbare iconen zorgen voor overzicht en geven structuur aan pagina’s. Gebruikers kunnen snel zien aan de iconen waar specifieke informatie te vinden is. Zo verwijst het huisje naar de homepage en staat het tandwiel voor instellingen. Het vergemakkelijkt het navigeren op je site. En dat zorgt ook weer voor een hogere conversie op je website.

Iconen zijn ruimtebesparend

Iconen gebruik je in plaats van tekst. Dat scheelt ruimte en helpt je site overzichtelijk te houden.

Duidelijke klik-targets

Een icoon kan ook aangeven waar je bezoeker moet klikken. Het home-icoon kan bijvoorbeeld dienen als button. Een icoon is vaak groter dan een enkel woord (Home). Het grotere oppervlak maakt het gemakkelijker om je muisklik te plaatsen. Zo vergroot je de conversiekans en verbeter je direct de toegankelijkheid van je website voor ouderen en mensen met een beperking.

Icons zorgen voor afwisseling

Ten slotte zijn iconen ook fijn om te “lezen”, omdat ze een grafische voorstelling zijn met een bepaalde betekenis. De afwisseling van tekst en grafische elementen verbetert de leesbaarheid. Houd het wel in balans met de rest van de content: te veel iconen kan juist het tegenovergestelde effect hebben.

Onze conclusie

Gebruik iconen! Maar behoud de balans in de verhouding met de rest van je content. Laat de iconen het beeld niet overheersen. En besef ook dat niet álle iconen universeel herkenbaar zijn. Als het icoon niet goed aansluit bij de content, kan dat juist afleiden of de UX verstoren. Doe onderzoek, test de webpagina’s op gebruiksvriendelijkheid en als je er niet uitkomt, neem gerust contact met ons op. Stuur ons een mail of chat direct met één van onze content managers via het chat icoon rechtsonder in deze pagina. We helpen je graag verder.

Je kent het wel: je bent aan het rondkijken op een website en onderaan de pagina zie je artikelen verschijnen die aansluiten op de inhoud of de eigenschappen van je huidige zoekcriteria. Handig of horror? In deze blogpost leggen we uit wat gerelateerde artikelen precies zijn en wat de functie is voor websites en webshops.
 

Bij gerelateerde artikelen maken we onderscheid tussen artikelen in de vorm van content en artikelen in de vorm van producten en diensten. In beide gevallen wordt deze gerelateerde content gebruikt voor internet marketing.

Op pagina’s: houd je lezer vast!

Bij webpagina’s met een journalistieke insteek of amusement als doel, worden pagina’s met overlappende inhoud vaak onderaan de pagina getoond. Dit hebben wij ook onderaan ons blog staan. Daardoor kan de lezer doorklikken naar andere gerelateerde, relevante artikelen. Dit is met name handig voor het vasthouden van je lezer. Want op het moment dat iemand een artikel heeft gelezen, is de kans groot dat hij je website verlaat. Echter op het moment dat de lezer een gerelateerd artikel ziet staan, dan is de kans groot dat hij/zij dit ook gaat lezen en wellicht geïnteresseerd raakt in nog meer waardevolle content op jouw website.

Producten: zorg voor hogere conversie

Bij webshops worden vaak gerelateerde producten getoond, naast het product waar je op dat moment naar kijkt. Je geeft de klant opties om een weloverwogen keuze te maken voor het product dat het beste bij hem/haar past. Dat geeft vertrouwen en draagt daarnaast bij aan een hogere conversie.

De voordelen op een rij

Het plaatsen van gerelateerde producten/artikelen heeft dus enkele voordelen:

1. Een klant kan meer lezen over een artikel dat hij/zij interessant vindt of bij productaankoop de juiste keuze te kunnen maken. Daarnaast zet het soms ook aan tot bijverkoop van andere leuke items die klant anders wellicht ontgaan waren.

2. Je voegt op deze manier meer interne links toe aan je website. Dat verhoogt de SEO-score.

3. Doordat een bezoeker langer op je website actief is, zorgt ook dit voor een hogere SEO-score.

Heb jij hulp nodig bij het plaatsen van gerelateerde artikelen of producten? Neem gerust vrijblijvend contact met ons op, of chat direct met onze content managers via het chat icoon rechtsonder in deze pagina. We kijken graag met je mee!

Er zijn veel goede redenen om je site in meerdere talen beschikbaar te maken. Je bereikt er meer bezoekers mee en professioneel vertaalde content van goede kwaliteit leidt bovendien tot betere vindbaarheid in de zoekmachines. Maar het opzetten van een meertalige website kan soms best lastig zijn. Maak daarom een plan van aanpak voordat je begint met het bouwen van je meertalige website. De tips in deze blogpost helpen je goed op weg!

1. Kies voor kwaliteit

Voor vertalingen kan je overwegen om een Google Translate plugin te installeren op je website. Met één druk op de knop wordt de content op de betreffende pagina automatisch weergegeven in de gekozen taal. Echter, iedereen weet dat Google Translate niet altijd kwalitatief goede vertalingen oplevert, zowel spelling technisch als grammaticaal. Daarnaast wordt op deze manier geen nieuwe content gemaakt. Automatische vertalingen tellen dus niet mee voor jouw content optimalisatie en doen niets voor je vindbaarheid.

Als je serieus werk wilt maken van je meertalige website, schakel dan een professionele vertaler in. Het kost meer, maar het levert ook zeker meer op.

2. Wees selectief

Denk na over welke informatie relevant is voor je anderstalige bezoekers. Soms hoeft niet alles vertaald te worden. Bepaalde producten of diensten zijn wellicht niet beschikbaar en nieuwsberichten over lokale activiteiten in een bepaalde regio zijn misschien niet van belang voor bezoekers in een andere regio.

3. Maak een flexibel ontwerp

Verschillende talen vragen om een flexibel ontwerp van je layout. Vertalingen in andere talen kunnen namelijk behoorlijk in woord- en zinlengte verschillen. Ook kan de schrijfrichting in sommige gevallen invloed hebben op het ontwerp van de webpagina’s.

4. Kies het juiste lettertype

Een ander praktisch punt om over na te denken is het lettertype dat je gebruikt. Niet alle talen zijn vertegenwoordigd in alle lettertypes. Op fonts.google.com kun je controleren welke fonts er beschikbaar zijn voor de talen die je wil gebruiken.

5. Zorg voor een goede user experience

Als je website in verschillende talen beschikbaar is, wil je ook dat mensen hun taal goed kunnen vinden. Zet daarom een duidelijke taalswitch op een logische plek, die vanaf alle pagina’s te bereiken is. Label de talen ook in de betreffende taal: Français, English, Deutsch. Zo bied je de optimale user experience aan je bezoeker.

6. Doe geen aannames over taalvoorkeur

Met behulp van Google Analytics kun je erachter komen waar de bezoekers van je site vandaan komen: via Doelgroep > Geo > Taal & Locatie. Maar iemands locatie zegt niets over de taal die diegene spreekt. Bezoekers waarderen het als zij zelf kunnen aangeven in welke taal zij de website willen bekijken. Laat dus niet de locatie van de bezoeker leidend zijn, maar geef direct de optie om een taal te selecteren. Bijvoorbeeld met een pop-up. Zo laat je zien dat je je inleeft in je bezoekers.

Deze praktische tips helpen je een stuk op weg, maar het kan toch best lastig zijn om een meertalige website op te zetten. Als je hulp nodig hebt, neem dan eens vrijblijvend contact met ons op. Ons team heeft veel ervaring met de ontwikkeling en het beheer van multilingual websites. We helpen je graag.