Zorgen dat al je bezoekers je website kunnen gebruiken met zo min mogelijk hindernissen, los van hun internetsnelheid of toegankelijkheidsbehoeften, is wat we bedoelen als we het hebben over digitale inclusiviteit en online toegankelijkheid.

Waarom is online toegankelijkheid belangrijk voor websites? We weten dat het grotendeel van de online consumenten, 88 procent om precies te zijn, waarschijnlijk niet meer naar een website teruggaat na een slechte ervaring. Als het om een slecht presterende app gaat, is dat zelfs 90 procent. Dit is niet alleen een slechte zaak omdat het ten koste gaat van de verkoopcijfers; het is ook een kwestie van ethisch verantwoord zakendoen. Als je zorgt dat je website zo inclusief mogelijk is, verbeter je je zoekmachinescore, maar zet je ook je reputatie neer als online toegankelijk bedrijf.

Wat is digitale inclusiviteit?

Als de makers van een van de meest vooraanstaande tools voor webinclusiviteit hebben we het bij Siteimprove vaak over het belang van inclusieve online ervaringen voor mensen die gebruikmaken van hulptechnologieën. Maar digitale inclusiviteit gaat verder dan deze vorm van toegankelijkheid. Volgens de National Digital Inclusion Association is de definitie van digitale inclusiviteit:

“De maatregelen die nodig zijn om te zorgen dat elke individu en elke groep, ook de meest benadeelde en meest kwetsbare groepen, goed gebruik kunnen maken van informatie- en communicatietechnologie (ICT). Hieronder vallen (...) applicaties en online content die ontworpen zijn om zelfvoorzienende, deelname en samenwerking mogelijk te maken en aan te moedigen. Digitale inclusiviteit moet zich ontwikkelen naarmate de technologie verandert. Voor deze vorm van online toegankelijkheid zijn opzettelijke strategieën en investeringen nodig om historische, institutionele en structurele barrières voor het gebruik van technologie te verkleinen en weg te nemen."

Waarom wordt online toegankelijkheid zo belangrijk in 2021?

Twee factoren zorgen ervoor dat organisaties in 2021 meer aandacht besteden aan online toegankelijkheid: de coronapandemie en Google’s nieuwe update van het zoekalgoritme.

Omdat de pandemie overal ter wereld het dagelijks leven verstoort, verplaatsen bedrijven hun focus steeds meer naar online ervaringen die de plaats innemen van persoonlijke interactie. Deze ervaringen moeten ook toegankelijk zijn voor mensen die het internet gebruiken zonder beeldscherm, audio en/of muis. Wat minder vaak genoemd wordt, maar net zo belangrijk is voor een volledige online toegankelijke website, is stilstaan bij de behoeften van bezoekers met een internetverbinding van mindere kwaliteit. Daardoor kan het zijn dat ze meer moeite hebben om leer- en werkomgevingen te gebruiken.

De steeds grotere rol die online klantervaringen gaan spelen valt samen met de update van het Google-algoritme die in de zomer 2021 uitgerold wordt. Siteimprove heeft al eerder besproken welke aanpassingen jouw bedrijf moet doorvoeren om de Core Web Vitals (Site-vitaliteit) te verbeteren, oftewel de factoren waar de algoritme-update over gaat. Hierbij nog een korte samenvatting van de drie metrics waarmee de nieuwe page experience wordt gemeten:

  • Grootste weergave met content (Largest Contentful Paint, LCP): maatstaf van laadprestaties
  • Eerste invoervertraging (First Input Delay, FID): maatstaf van interactiviteit
  • Cumulatieve indelingsverschuiving (Cumulative Layout Shift, CLS): maatstaf van visuele stabiliteit

Websites die op deze factoren onder de maat presteren zullen in 2021 geconfronteerd worden met teruglopend organisch verkeer.

Decorative image

Nu we weten waarom online toegankelijkheid in 2021 nog belangrijker wordt, is het tijd om Google’s Core Web Vitals te bekijken. We nemen een aantal scenario’s onder de loep waarin de Core Web Vitals samenkomen met digitale inclusiviteit en bespreken de aanbevelingen van Siteimprove om de toegankelijkheid te verhogen.

Scenario één: Digitale media en Core Web Vitals

Stel dat je een bedrijfsfilmpje op je website hebt staan waarin uitgelegd wordt wat je bedrijf doet. Om het filmpje toegankelijk te maken, heb je een beschrijvend tekstbestand toegevoegd waarin de informatie uit de video wordt samengevat. Maar misschien heb je ook een event-trackingcode direct onder de video staan, naast nog andere tags, wat ervoor zorgt dat je tekstbestand als een van de laatste bronnen wordt geladen. Dit heeft een negatieve impact op de online toegankelijkheid van de ervaring die je site biedt. We leggen het je graag uit.

Largest Contentful Paint

Met deze metric wordt gemeten hoe lang het duurt om de grootste zichtbare onderdelen van de website te laden. In dit geval is de specifieke asset die een blinde, slechtziende, dove of slechthorende bezoeker als eerst nodig heeft een van de laatste assets op de pagina die geladen wordt. Dat heeft in dit scenario zijn weerslag op de Largest Contentful Paint.

Wat kan je eraan doen?

Zorg dat de pagina niet alleen een gebruikerservaring van hoge kwaliteit biedt, maar dat dat ook blijkt uit de positie in Google’s zoekresultaten:

  • Meet je gemiddelde Largest Contentful Paint op de belangrijkste pagina’s van je website
  • Bekijk de scenario’s die heroverwogen moeten worden met het oog op toegankelijkheid
  • Zorg dat de nodige bronnen gelijktijdig met, of zelfs voorafgaand aan, de bijbehorende content op de pagina worden geladen

Scenario twee: Overlays voor toegankelijkheid en Core Web Vitals

De volgende twee voorbeelden gaan over een populaire toegankelijkheidsoplossing: overlays voor toegankelijkheid. Overlays voor toegankelijkheid maken op maat gemaakte ervaringen mogelijk op basis van de specifieke omstandigheden van de bezoeker. Gebruikers van hulptechnologieën zijn bekend met de pictogrammen en plaatsingen van toegankelijkheidsfuncties op websites. Als ze weten dat ze misschien een toegankelijkheidsoverlay moeten aanzetten, klikken ze mogelijk nergens anders op totdat ze de knop voor de overlay kunnen aanklikken.

First Input Delay

Met deze metric wordt gemeten hoe lang het duurt voordat de website reageert op de eerste interactie van de bezoeker. Als de toegankelijkheidsoverlay niet als een van de eerste functies geladen wordt, klikt de bezoeker mogelijk op een statische toegankelijkheidsafbeelding of knop om de overlay in te schakelen – zonder reactie van de webpagina, omdat de assets nog aan het laden zijn. Dat heeft in dit scenario zijn weerslag op de First Input Delay.

Cumulative Layout Shift

Ook de Cumulative Layout Shift kan negatief worden beïnvloed door een toegankelijkheidsoverlay. Deze metric die meet in hoeverre onderdelen van de lay-out tijdens het laden verplaatsen en daarmee interacties van de bezoeker in de weg kunnen staan.

Een overlay verandert de bezoekerservaring op een webpagina ingrijpend om beter aan hun behoeften te voldoen. Maar terwijl dat proces gaande is, wordt de verandering gemeten door Google en verslechtert hij de Cumulative Layout Shift-score.

Wat kan je eraan doen?

Ook hier is het belangrijk om de gemiddelde First Input Delay en Cumulative Layout Shift van de belangrijkste pagina’s inzichtelijk te maken.

Bouw je website waar mogelijk met semantische HTML, en hou de best practices voor toegankelijkheid op het web goed in het achterhoofd. Zo zijn overlays niet nodig en til je de gebruikerservaring voor alle bezoekers van je website naar een hoger niveau.

De volgende stappen

Gebruikers willen webpagina’s die snel, mobile-friendly, intuïtief te bedienen en toegankelijk zijn. De ervaring die ze op een website hebben kan er zelfs toe leiden dat bezoekers van mening veranderen over een merk, zowel negatief als positief. De page experience heeft dus grote impact op het succes van het bedrijf.

Een toegankelijke page experience van hoge kwaliteit is cruciaal voor het voorkomen van misgelopen omzet. Zo’n pagina-ervaring verbetert de zoekmachinescore en zet de reputatie van een bedrijf als digitaal inclusieve organisatie kracht bij. Neem contact met ons op om erachter te komen hoe een inclusieve website-ervaring je SEO-score kan verbeteren in verband met Google’s Core Web Vitals-update.