{"id":71359,"date":"2019-12-12T07:00:00","date_gmt":"2019-12-12T15:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71359"},"modified":"2025-05-26T09:53:04","modified_gmt":"2025-05-26T16:53:04","slug":"hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/","title":{"rendered":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet)"},"content":{"rendered":"\n<p>Je hebt misschien gehoord over <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\">webtoegankelijkheid<\/a><\/span>, maar het begrijpen en toepassen van de richtlijnen lijkt misschien onbereikbaar. Het vinden van bronnen om je te helpen met toegankelijkheidsproblemen aan te pakken kan ook een barri\u00e8re zijn voor je webprojecten.<\/p>\n\n\n<p>Gelukkig heeft <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/\">WordPress vooruitgang geboekt<\/a><\/span>&nbsp;in het bieden van hulpmiddelen om websites toegankelijker te maken. Daarnaast zijn er <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/\">veel bronnen<\/a><\/span>&nbsp;online beschikbaar die je kunnen helpen. Je WordPress-website toegankelijk maken is niet alleen een goede ontwerppraktijk, maar zorgt er ook voor dat iedereen gelijke toegang heeft tot webinhoud en applicaties.<\/p>\n\n\n<p>In dit artikel bekijken we <a href=\"https:\/\/www.dreamhost.com\/blog\/great-web-accessibility-examples\/\">wat toegankelijkheid online betekent<\/a>. We duiken ook in enkele van de nieuwe toevoegingen van WordPress die <a href=\"https:\/\/www.dreamhost.com\/blog\/web-accessibility-guide-for-designers\/\">toegankelijk ontwerpen makkelijker maken<\/a>. Er is veel te bespreken, dus laten we beginnen!<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Maak Een Website Voor Iedereen\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      We zorgen ervoor dat je website snel en veilig is, zodat jij je kunt richten op de belangrijke zaken.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/hosting\/\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Kies Je Plan                    <\/a>\n\n  <\/div>\n<\/div>\n\n<h2 id=\"h-what-web-accessibility-is-and-why-it-matters\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\">Wat Webtoegankelijkheid Is en Waarom Het Belangrijk Is<\/span><\/h2>\n\n\n<p>In deze context betekent &#8220;toegankelijkheid&#8221; het ontwerpen van websites en webapplicaties op een manier die niemand uitsluit van het gebruik ervan. Dit betekent dat elke bezoeker, ongeacht handicap of beperking, in staat moet zijn om jouw site te betreden en te gebruiken.<\/p>\n\n\n<p>Dit is belangrijk wanneer je bedenkt dat <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.cdc.gov\/ncbddd\/disabilityandhealth\/infographic-disability-impacts-all.html\">\u00e9\u00e9n op de vier volwassenen in de Verenigde Staten<\/a><\/span>&nbsp;een bepaalde handicap heeft. Met andere woorden, als je niet met toegankelijkheid in gedachten bouwt, kan tot een kwart van de bezoekers van je website moeite hebben om je inhoud te bereiken.<\/p>\n\n\n<p>Gelukkig is er een reeks richtlijnen die je kunt gebruiken om je webdesign en functionaliteit te beoordelen. De <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/fundamentals\/accessibility-intro\/\">W3C-normen<\/a><\/span> beschrijven verschillende niveaus van toegankelijkheid. Dit omvat een minimumdrempel die als acceptabel wordt beschouwd. Natuurlijk wil je ook <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/policies\/\">wetten en regelgeving in acht nemen<\/a><\/span>, aangezien toegankelijkheid ook een juridische kwestie is.<\/p>\n\n\n<p>Bouwen met toegankelijkheid in gedachten is niet zo anders dan het volgen van standaard beste praktijken voor webontwerp en optimalisatie. In feite zijn veel van de principes en technieken hetzelfde. Dit betekent in het bijzonder dat toegankelijk ontwerp voor niemand onbereikbaar is \u2014 zeker als je WordPress gebruikt.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tHow To Design An Accessible Website (A Complete Guide)\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/make-your-website-accessible\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h2 id=\"h-exploring-the-block-editor-s-accessibility-features\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\">De Toegankelijkheidsfuncties Van De Blokeditor Verkennen<\/span><\/h2>\n\n\n<p>WordPress heeft zich ingespannen om de <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/\">webtoegankelijkheid te verbeteren<\/a><\/span> in de codebasis van zijn steeds evoluerende Contentmanagementsysteem (CMS). In feite zijn <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/core\/handbook\/best-practices\/coding-standards\/accessibility-coding-standards\/\">normen vastgesteld<\/a><\/span> om een minimale standaard van toegankelijkheid te bereiken voor alle nieuwe of bijgewerkte code die wordt uitgebracht.<\/p>\n\n\n<p>Daarnaast hebben WordPress-ontwikkelaars een <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/best-practices\/\">toegankelijkheidshandboek<\/a><\/span>&nbsp;gemaakt dat uiteenzet hoe programmeurs producten voor het CMS moeten ontwikkelen. Zo moet alle WordPress-code voldoen aan de <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a><\/span>&nbsp;2.0 op niveau AA. Dit wordt beschouwd als de wereldwijde standaard en wordt ook gebruikt voor overheids- en openbare dienstenwebsites.<\/p>\n\n\n<p>Als je naar <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\">de Block Editor<\/a><\/span> kijkt, zijn er met name een paar handige ingebouwde functies die helpen bij het cre\u00ebren van toegankelijke inhoud. Bijvoorbeeld, het eenvoudigweg groter en vet maken van je lettertype vertelt een schermlezer niet dat het de kop van een sectie vertegenwoordigt. De Block Editor maakt het gemakkelijk om de juiste kopmarkeringen te gebruiken door een <span style=\"font-style: italic;\">Heading<\/span>&nbsp;blok te bieden.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/4ed0be75-28f3-43c3-ad38-82eee56d737e_DreamHost-how-to-improve-accessibility-2.jpg\" alt=\"Het Header Blok.\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Dit betekent dat je inhoud automatisch wordt gestructureerd met de juiste koppen. Dit helpt niet alleen schermlezers om je inhoud op de juiste manier te navigeren, maar het <span style=\"text-decoration: underline;\"><a href=\"https:\/\/yoast.com\/how-to-use-headings-on-your-site\/#headings-seo\">biedt ook betere informatie aan zoekmachines<\/a><\/span>&nbsp;eveneens.<\/p>\n\n\n<p>De Blokeditor bevat ook een ingebouwde <span style=\"font-style: italic;\">Inhoudsopgave<\/span>&nbsp;functie, die je in staat stelt snel je koppen te controleren om er zeker van te zijn dat je inhoud een logische hi\u00ebrarchie volgt.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/8c2e4293-23fb-4693-ac86-d4ff038fbd17_DreamHost-how-to-improve-accessibility-1.jpg\" alt=\"\u201cDe documentstructuur in WordPress.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Natuurlijk zijn dit niet de enige opties voor het ontwerpen van toegankelijke inhoud. Zoals blijkt, biedt WordPress tal van manieren om ervoor te zorgen dat alle bezoekers je inhoud kunnen openen en waarderen.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-5-ways-to-make-your-wordpress-blog-more-accessible\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\">5 Manieren Om Je WordPress Blog Toegankelijker Te Maken<\/span><\/h2>\n\n\n<p>Zoals we eerder vermeldden, kan het voldoen aan toegankelijkheidsnormen je algehele webontwerp en zoekmachineoptimalisatie (SEO) inspanningen ten goede komen. Bovendien helpt het je om je publiek te vergroten en te voldoen aan belangrijke regelgeving. Met dat in gedachten, hier zijn vijf eenvoudige manieren om de toegankelijkheid van je site te verbeteren.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-add-alt-tags-to-images\">1. Voeg Alt-Tags Toe Aan Afbeeldingen<\/h3>\n\n\n<p>Het toevoegen van &#8220;alt tags&#8221; aan je afbeeldingen is een van de eenvoudigste manieren om een deel van je inhoud toegankelijk te maken. Een alt-tag stelt schermleessoftware in staat om de afbeelding waaraan het is gekoppeld &#8220;te lezen&#8221; en de gebruiker te vertellen wat het is en hoe het past in de context van de pagina.<\/p>\n\n\n<p>Je kunt eenvoudig alt-tekst toevoegen aan je afbeeldingen in WordPress. Zodra je een afbeelding aan je bericht of pagina hebt toegevoegd, voer je een korte zin of zin in die deze beschrijft in het <span style=\"font-style: italic;\">Alt Text<\/span>&nbsp;veld aan de rechterkant van de editor.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/7e7b4b80-e046-43a2-b954-2e4de5f904ea_DreamHost-how-to-improve-accessibility-4.jpg\" alt=\"\u201cDe afbeeldingsinstellingen.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Onder dit veld kun je ook klikken om nuttige <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\">richtlijnen voor alt-afbeeldingen<\/a><\/span> te bekijken.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-use-accessible-color-palettes\">2. Gebruik Toegankelijke Kleurenpaletten<\/h3>\n\n\n<p>Een andere WCAG-toegankelijkheidsnorm betreft de <span style=\"text-decoration: underline;\"><a href=\"https:\/\/webaim.org\/articles\/contrast\/\">kleurenpaletten die je gebruikt<\/a><\/span>. Sommige kleurenpaletten kunnen problemen veroorzaken voor bezoekers met kleurenblindheid, slecht zicht en vergelijkbare problemen. Over het algemeen wil je kleuren gebruiken met veel contrast, zodat je tekst gemakkelijk te zien is.<\/p>\n\n\n<p>Om je te helpen beginnen, heeft WordPress een <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/design\/use-of-color\/\">nuttige bron<\/a><\/span>&nbsp;in zijn Webontwikkelaarshandboek over het juiste gebruik van kleur. Daarnaast, wanneer je in WordPress werkt en besluit om de kleur van een deel van je tekst te veranderen, zal je een melding ontvangen in het rechter bewerkingsmenu als je kleurkeuze problemen kan veroorzaken.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/125d81d1-32af-4a37-b5ae-1625a28d21be_DreamHost-how-to-improve-accessibility-3.jpg\" alt=\"\u201cDe kleurinstellingen.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Het volgen van deze eenvoudige normen voor kleurkeuze betekent dat de gebruikers van je website de tekst gemakkelijker moeten kunnen lezen, ongeacht of ze visuele beperkingen hebben.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-organize-headings-hierarchically\">3. Organiseer Koppen Hi\u00ebrarchisch<\/h3>\n\n\n<p>Zoals we eerder vermeldden, maakt de Blokeditor het gebruik van geschikte koppen en koptags gemakkelijk. Wanneer je een nieuw kopniveau wilt gebruiken, kun je het <span style=\"font-style: italic;\">Kop<\/span>&nbsp;blok selecteren uit het <span style=\"font-style: italic;\">Blokmenu<\/span>.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/6607f6c6-b97e-47b0-9a68-ddb2d1ede927_DreamHost-how-to-improve-accessibility-7.jpg\" alt=\"\u201cDe Kopniveaus.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Je hebt verschillende koptekstniveaus om uit te kiezen. Je zult echter merken dat <span style=\"font-style: italic;\">H1<\/span>&nbsp;niet wordt vermeld in de blokopties. Dit komt omdat het het beste is om H1&#8217;s niet te gebruiken in je bericht- of paginainhoud, aangezien dit schermlezers kan verwarren. H1&#8217;s moeten gereserveerd zijn voor de primaire titel van elke pagina of bericht, terwijl je H2&#8217;s en lager kunt gebruiken om de rest van de inhoud te structureren.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-make-sure-your-forms-are-accessible\">4. Zorg Ervoor Dat Je Formulieren Toegankelijk Zijn<\/h3>\n\n\n<p>Formulieren zijn een veelgebruikt element op veel websites. Ze kunnen interactiviteit cre\u00ebren en helpen bedrijfseigenaren informatie over hun klanten te verzamelen. Ze kunnen echter ook een uitdaging vormen voor iedereen die ondersteunende technologie gebruikt.<\/p>\n\n\n<p>Gelukkig kun je formulieren maken die <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/forms\/\">grotere toegankelijkheid<\/a><\/span>&nbsp;ingebouwd hebben. Een optie is het gebruik van een plugin zoals <span style=\"text-decoration: underline;\"><a href=\"https:\/\/wordpress.org\/plugins\/formidable\/\">Formidable Forms<\/a><\/span>.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/f632ff3b-8c05-454d-8cee-ab3ffb490010_DreamHost-how-to-improve-accessibility-5.jpg\" alt=\"&quot;De banner van de Formidable Forms plugin.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Deze tool biedt een formulierbouwer met WCAG 2.0 standaardnaleving <span style=\"text-decoration: underline;\"><a href=\"https:\/\/formidableforms.com\/features\/wcag-accessible-forms\/\">als een belangrijke functie<\/a><\/span>. Dit kan uitzonderlijk nuttig zijn, vooral gezien hoeveel er komt kijken bij <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/markup\/web-forms\/\">het toegankelijk maken van formulieren<\/a><\/span>.<\/p>\n\n\n<p>Bijvoorbeeld, het labelen van de velden in je formulier helpt gebruikers om ze te navigeren met en zonder ondersteunende technologie. Een andere gangbare praktijk voor formulierontwerpers is het gebruik van placeholders \u2014 tekst die in het formulier veld verschijnt als een voorbeeld. Beide zijn nuttig voor toegankelijkheid, aangezien labels de gebruikers vertellen <span style=\"font-style: italic;\">wat<\/span>&nbsp;ze moeten invullen, terwijl placeholders uitleggen <span style=\"font-style: italic;\">hoe<\/span>&nbsp;ze het moeten invullen.<\/p>\n\n\n<p>Het is ook slim om duidelijke instructies toe te voegen om gebruikers te helpen bij het invullen van formulieren. Veel webgebruikers hebben wat men noemt &#8220;onzichtbare&#8221; beperkingen. Dit betekent dat ze mogelijk geen ondersteunende technologie\u00ebn zoals een schermlezer gebruiken. In plaats daarvan kunnen ze cognitieve beperkingen hebben, waarbij duidelijke instructies en andere toegankelijke ontwerppraktijken voor formulieren kunnen helpen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-make-your-site-keyboard-friendly\">5. Maak Je Site Toetsenbordvriendelijk<\/h3>\n\n\n<p>Voor een WordPress-website om echt toegankelijk te zijn voor iedereen, moet deze ontworpen zijn voor navigatie <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/keyboard-operation-keyboard-operable.html\">met alleen een toetsenbord<\/a><\/span>. Dit zorgt ervoor dat blinden en slechtzienden, evenals iedereen die een alternatief toetsenbord of toetsenbordemulator nodig heeft, je website kunnen gebruiken.<\/p>\n\n\n<p>Meestal houdt toetsenbordnavigatie op een website in dat je de <span style=\"font-style: italic;\">Tab<\/span>&nbsp;toets gebruikt. Dit stelt de gebruiker in staat om van het ene gekoppelde inhoudsonderdeel naar het andere te springen. Deze gebieden hebben focusindicatoren die met het toetsenbord kunnen worden geactiveerd. Een ziende gebruiker zal een visuele verandering kunnen zien (zoals een omtrek, rand of achtergrondkleur) wanneer het toetsenbord een specifiek gebied activeert.<\/p>\n\n\n<p>Je kunt deze functie aan het werk zien in het volgende voorbeeld, waar &#8220;webtoegankelijkheid&#8221;&nbsp;een visuele indicator eromheen heeft, wat aangeeft dat de gebruiker er met het toetsenbord naartoe is genavigeerd.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/65ba34d6-99fd-41d5-9755-a5f945128f12_DreamHost-how-to-improve-accessibility-6.jpg\" alt=\"\u201cEen voorbeeld van toetsenbordfocus.\u201d\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/figure><\/div>\n\n<p>Plugins zoals <span style=\"text-decoration: underline;\"><a href=\"https:\/\/wordpress.org\/plugins\/wp-accessibility\/\">WP Accessibility<\/a><\/span>&nbsp;kunnen je helpen om een betere toetsenbordfocus voor je WordPress-website te ontwikkelen, naast andere verbeteringen.<\/p>\n\n\n<p>Wat betreft navigatie op het scherm, zal een schermlezer de inhoud van je site begrijpen op basis van de broncode. Daarom moet je code geschreven zijn met logische paginanavigatie in gedachten. Er is veel te begrijpen over het ontwerpen van een toetsenbordvriendelijke site. Gelukkig zijn er genoeg <span style=\"text-decoration: underline;\"><a href=\"https:\/\/webaim.org\/techniques\/keyboard\/\">bronnen beschikbaar<\/a><\/span>&nbsp;om je te helpen!<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tYour Complete Introduction to WordPress Plugins\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/intro-to-wordpress-plugins\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h2 id=\"h-empower-all-wordpress-users\" class=\"wp-block-heading\"><span style=\"font-weight: bold;\">Geef Alle WordPress Gebruikers Macht<\/span><\/h2>\n\n\n<p>Het navigeren door de wereld van toegankelijkheidsnormen kan verwarrend zijn. Gelukkig biedt WordPress middelen die je kunt gebruiken om <span style=\"text-decoration: underline;\"><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/test-for-web-accessibility\/\">je website te testen op toegankelijkheidsproblemen<\/a><\/span>, en vervolgens verbeteringen aan te brengen.<\/p>\n\n\n<p>Zorgen dat je de juiste tools hebt, kan je helpen om meer inclusieve inhoud te bouwen. Hier bij DreamHost geloven we in de openheid en beschikbaarheid van online bronnen voor iedereen. Daarnaast bieden we eersteklas ondersteuning voor toegankelijke websites op onze <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.dreamhost.com\/wordpress\/\">voordelige Shared Hosting plannen<\/a><\/span>!<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Je hebt misschien gehoord over webtoegankelijkheid, maar het begrijpen en implementeren van de richtlijnen lijkt misschien onbereikbaar. Het vinden van bronnen om je te helpen met toegankelijkheidsproblemen aan te pakken kan ook een barri\u00e8re zijn voor je webprojecten. Gelukkig maakt WordPress vooruitgang in het bieden van hulpmiddelen om websites toegankelijker te maken. Daarnaast zijn er veel bronnen beschikbaar [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":24000,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.","toc_headlines":"[[\"h-what-web-accessibility-is-and-why-it-matters\",\"Wat Webtoegankelijkheid Is en Waarom Het Belangrijk Is\"],[\"h-exploring-the-block-editor-s-accessibility-features\",\"De Toegankelijkheidsfuncties Van De Blokeditor Verkennen\"],[\"h-5-ways-to-make-your-wordpress-blog-more-accessible\",\"5 Manieren Om Je WordPress Blog Toegankelijker Te Maken\"],[\"h-empower-all-wordpress-users\",\"Geef Alle WordPress Gebruikers Macht\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946],"tags":[],"class_list":["post-71359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-nl","category-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet) - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet)\" \/>\n<meta property=\"og:description\" content=\"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-12T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:53:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet) - DreamHost Blog","description":"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/","og_locale":"en_US","og_type":"article","og_title":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet)","og_description":"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2019-12-12T15:00:00+00:00","article_modified_time":"2025-05-26T16:53:04+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet)","datePublished":"2019-12-12T15:00:00+00:00","dateModified":"2025-05-26T16:53:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/"},"wordCount":1524,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg","articleSection":["Handleidingen","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/","name":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg","datePublished":"2019-12-12T15:00:00+00:00","dateModified":"2025-05-26T16:53:04+00:00","description":"Leer hoe de nieuwste updates van de Blokeditor je WordPress-blog toegankelijker kunnen maken, zodat iedereen je site kan openen en gebruiken.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2019\/12\/1b529965-ec6a-4569-836c-b720d6b0d069_Accesibility20opt.jpg","width":900,"height":598},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/hoe-je-de-toegankelijkheid-van-je-wordpress-blog-kunt-verbeteren-en-waarom-het-ertoe-doet-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Hoe Je De Toegankelijkheid Van Je WordPress-blog Kunt Verbeteren (En Waarom Het Ertoe Doet)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"nl","translations":{"nl":71359,"es":28991,"en":23992,"pt":52684,"de":52688,"pl":53807,"ru":53810,"uk":53888,"it":68870,"fr":71329},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=71359"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71359\/revisions"}],"predecessor-version":[{"id":71361,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71359\/revisions\/71361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/24000"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}