{"id":70830,"date":"2024-05-20T01:00:00","date_gmt":"2024-05-20T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70830"},"modified":"2025-05-26T09:13:45","modified_gmt":"2025-05-26T16:13:45","slug":"12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/","title":{"rendered":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen"},"content":{"rendered":"\n<p>Hier bij DreamHost geloven we dat iedereen elke website op het internet moet kunnen gebruiken, ongeacht beperkingen of handicaps. Hoewel we om <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/legal\/accessibility\/\" rel=\"noopener\">webtoegankelijkheid<\/a> geven, begrijpen we ook dat het ontwerpen van een website die zowel toegankelijk als visueel aantrekkelijk is, uitdagend kan zijn.<\/p>\n\n\n<p>Het goede nieuws is dat je toegankelijke websites kunt ontwerpen zonder visuele impact op te offeren. Sterker nog, sommige van de meest indrukwekkende websites zijn specifiek ontworpen om toegankelijker te zijn voor mensen met een beperking \u2014 en we kunnen er allemaal wel iets van leren.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Toegankelijkheid<\/h3>\n    <p>Toegankelijkheid is de praktijk van het toegankelijk maken van een website voor zoveel mogelijk gebruikers. Toegankelijke websites kunnen door iedereen op elk apparaat bekeken worden.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p><\/p>\n\n\n<p>In deze post beginnen we met je te laten zien hoe sterke webtoegankelijkheid eruitziet en bespreken we enkele webtoegankelijkheidsnormen die zijn ontworpen om toegang tot websites te democratiseren. Vervolgens laten we je 12 van de beste voorbeelden van webtoegankelijkheid op het internet zien, inclusief enkele populaire websites die zich hebben ingezet voor toegankelijkheid, en bekijken wat we daarvan kunnen leren.<\/p>\n\n\n<p>Laten we beginnen!<\/p>\n\n\n<h2 id=\"looks\" class=\"wp-block-heading\">Hoe Geweldige Webtoegankelijkheid Eruit Ziet<\/h2>\n\n\n<p>Volgens <a target=\"_blank\" href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\" rel=\"noopener\">The World Bank<\/a> hebben ongeveer een miljard mensen, of 15% van de wereldbevolking, een vorm van een handicap. Dit kan het volgende omvatten:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visuele Beperkingen<\/strong>: Sommige gebruikers hebben een visuele handicap die hun vermogen om duidelijk te zien of kleurcontrastverhoudingen waar te nemen beperkt. Een scala aan mensen kan in deze categorie vallen, inclusief blinden of kleurenblinden. Voor gebruikers met visuele beperkingen kun je audio-omschrijvingen gebruiken of toegankelijke kleurencombinaties (bijvoorbeeld vermijd het gebruik van donkere tekst op donkere achtergrondkleuren).<\/li>\n\n\n\n<li><strong>Gehoorbeperkingen<\/strong>: Gebruikers met gehoorbeperkingen kunnen doven en slechthorenden omvatten. Ondertiteling voor audiocontent kan deze gebruikers een toegankelijkere ervaring bieden.<\/li>\n\n\n\n<li><strong>Lichamelijke Beperkingen<\/strong>: Sommige mensen hebben mobiliteitsbeperkingen die hun behendigheid en vermogen om precieze bewegingen te maken kunnen be\u00efnvloeden, wat het gebruik van een muis moeilijk kan maken. Mensen met lichamelijke beperkingen kunnen gebruikers van ondersteunende technologie zijn. Zorg ervoor dat je site correct is gecodeerd voor ondersteunende apparaten om toegankelijke inhoud te bieden voor gebruikers met lichamelijke beperkingen.<\/li>\n\n\n\n<li><strong>Cognitieve Beperkingen<\/strong>: Sommige gebruikers kunnen cognitieve stoornissen hebben zoals dyslexie, dementie of een auditieve verwerkingsstoornis. Je kunt overwegen een specifiek lettertype te gebruiken, zoals <a target=\"_blank\" href=\"https:\/\/dyslexiefont.com\/en\/\" rel=\"noopener\">Dyslexie<\/a>. Zorg er ook voor dat er voor elk audiocontent een transcript beschikbaar is voor mensen met auditieve verwerkingsstoornissen.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp\" alt=\"15% van de wereldbevolking heeft een vorm van handicap\" class=\"wp-image-45651 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n<p>Het is belangrijk om al deze verschillende mogelijkheden in gedachten te houden bij het maken van je website om te zorgen dat er geen barri\u00e8res zijn voor gebruikers met een beperking. Om webontwerpers hierbij te helpen, heeft W3C een set van <a target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" rel=\"noopener\">Web Content Accessibility Guidelines (WCAG)<\/a> ontwikkeld.<\/p>\n\n\n<p>Een solide webtoegankelijkheid betekent dat je je houdt aan deze richtlijnen en zorgvuldig de vier richtlijnen van <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\" rel=\"noopener\">toegankelijk ontwerp<\/a> volgt. Deze richtlijnen stellen dat alle websites:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Waarneembaar<\/strong><\/li>\n\n\n\n<li><strong>Bedienbaar<\/strong><\/li>\n\n\n\n<li><strong>Begrijpelijk<\/strong><\/li>\n\n\n\n<li><strong>Robuust<\/strong><\/li>\n\n\n\n<\/ol>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1700\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp\" alt=\"Vier schermafbeeldingen om waarneembaar, bedienbaar, begrijpelijk en robuust in een raster te illustreren.\" class=\"wp-image-45653 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-282x300.webp 282w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-964x1024.webp 964w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-768x816.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1446x1536.webp 1446w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-600x638.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1200x1275.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-730x776.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1460x1551.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-784x833.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1568x1666.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-877x932.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1700;\" \/><\/figure>\n\n\n<p>Zorgen dat je website &#8220;bedienbaar&#8221; is, kan betekenen dat je navigatie die vriendelijk is voor het toetsenbord implementeert voor mensen die geen muis kunnen gebruiken. &#8220;Waarneembaar&#8221; zou kunnen betekenen dat je gebruik maakt van kleuren met hoog contrast voor mensen met visuele beperkingen.<\/p>\n\n\n<p>Klaar om te zien hoe deze principes er in de praktijk uitzien? Hieronder hebben we 12 voorbeelden van websites die toegankelijk ontwerp goed toepassen.<\/p>\n\n\n<h2 id=\"examples\" class=\"wp-block-heading\">12 Geweldige Voorbeelden Van Webtoegankelijkheid Om Je Te Inspireren<\/h2>\n\n\n<p>Hier vind je enkele van onze favoriete voorbeelden van webtoegankelijkheid. Deze 12 websites zijn voorbeelden van toegankelijk webdesign op zijn best.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-scope\">1. <a target=\"_blank\" href=\"https:\/\/www.scope.org.uk\/\" rel=\"noopener\">Scope<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1238\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp\" alt=\"Screenshot van de landingspagina van Scope met gedurfde kleuren, tekst met hoog contrast en een duidelijk navigatiemenu bovenaan.\" class=\"wp-image-45654 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-300x232.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1024x792.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-768x594.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1536x1188.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-600x464.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1200x929.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-730x565.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1460x1130.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-784x607.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1568x1213.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-877x679.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1238;\" \/><\/figure>\n\n\n<p>Scope is een liefdadigheidsinstelling voor gelijkheid bij handicaps gevestigd in Engeland en Wales, toegewijd aan het cre\u00ebren van een eerlijkere, gelijkere samenleving. Als voorvechter van gelijkheid bij handicaps zou je verwachten dat de website van deze organisatie zo toegankelijk mogelijk is \u2014 en dat is hij ook.<\/p>\n\n\n<p>Niet alleen voldoet het volledig aan de WCAG 2.0 en WCAG 2.1 richtlijnen, maar de site is zelfs aanpasbaar voor individuele gebruikers. Gebruikers kunnen bijvoorbeeld de kleuren van de site veranderen, de tekstgrootte vergroten, of zelfs tekstnarratie inschakelen om de inhoud hardop voor te laten lezen.<\/p>\n\n\n<p>Als je naar de linkerbovenhoek van de startpagina kijkt, zie je een tabblad <strong>Toegankelijkheid<\/strong>. Klik hierop en je wordt naar de toegankelijkheidspagina gebracht, die instructies bevat over hoe je de ervaring aan jouw behoeften kunt aanpassen, links naar <a target=\"_blank\" href=\"https:\/\/www.atia.org\/home\/at-resources\/what-is-at\/\" rel=\"noopener\">ondersteunende technologie\u00ebn<\/a>, en een lijst van bekende toegankelijkheidsproblemen waaraan wordt gewerkt.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1289\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp\" alt=\"Scope's toegankelijkheidsverklaring die zijn toezeggingen uiteenzet en de ervaring aanpast aan de behoeften van gebruikers.\" class=\"wp-image-45655 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-300x242.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1024x825.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-768x619.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1536x1237.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-600x483.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1200x967.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-730x588.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1460x1176.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-784x632.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1568x1263.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-877x707.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1289;\" \/><\/figure>\n\n\n<p>Scope gebruikt korte zinnen en <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">grote, schone lettertypen<\/a> op de hele site voor maximale leesbaarheid. Daarnaast is de site volledig compatibel met schermleessoftware.<\/p>\n\n\n<p>Ondanks dat het al een fantastisch voorbeeld van website-toegankelijkheid is, blijft het team van Scope verbeteringen aanbrengen. Elke vier maanden testen ze de website op toegankelijkheid en voeren ze updates uit waar nodig.<\/p>\n\n\n<h3 class=\"wp-block-heading\">2. <a target=\"_blank\" href=\"https:\/\/www.harvard.edu\/\" rel=\"noopener\">Harvard Universiteit<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp\" alt=\"Landingspagina van Harvard University met de kop Klimaatoplossingen tegen een achtergrond van windmolens in een veld.\" class=\"wp-image-45656 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>Harvards onderwijs is niet de enige sterke kant. De wereldberoemde universiteitswebsite valt ook op door zijn toegankelijkheid, met een arsenaal aan leeshulpmiddelen, meertalige videosubtitels, en zorgvuldig gekozen <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-color-schemes\/\" rel=\"noopener\">kleurenschema&#8217;s<\/a> die tegemoetkomen aan de behoeften van kleurenblinde bezoekers.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1021\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp\" alt=\"Hoofdnavigatiemenu van de Harvard-universiteit met tabbladen voor Over en Academici in grote, witte tekst tegen een zwarte achtergrond, \" class=\"wp-image-45657 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-300x191.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1024x653.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-768x490.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1536x980.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-600x383.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1200x766.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-730x466.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1460x932.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-784x500.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1568x1001.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-877x560.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1021;\" \/><\/figure>\n\n\n<p>Harvards navigatiemenu scoort ook punten voor toegankelijkheid. Het is eenvoudig maar effectief, met grote, makkelijk te lezen tekst in een kleur met hoog contrast. Het is ook duidelijk en makkelijk te vinden.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-paralympic-org\">3. <a target=\"_blank\" href=\"https:\/\/www.paralympic.org\/\" rel=\"noopener\">Paralympic.org<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1414\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp\" alt=\"De homepage van IPC met een video in de hero-sectie, header en sociale knoppen in de rechterbovenhoek. \" class=\"wp-image-45658 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-300x265.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1024x905.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-768x679.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1536x1357.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-600x530.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1200x1061.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-730x645.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1460x1290.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-784x693.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1568x1386.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-877x775.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1414;\" \/><\/figure>\n\n\n<p>Paralympic.org is de offici\u00eble website van het Internationaal Paralympisch Comit\u00e9 (IPC). Het IPC is een krachtige pleitbezorger van sociale inclusie, en zijn website is daar een bewijs van.<\/p>\n\n\n<p>Het heeft een toetsenbordvriendelijke tab-navigatie en een directe &#8220;scroll-naar-boven&#8221; pijlknop om het gemakkelijk te maken om over de pagina te bewegen. Afbeeldingen en video&#8217;s zijn groot en duidelijk zichtbaar, en er is veel witruimte om <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" rel=\"noopener\">visuele elementen<\/a> te laten opvallen.<\/p>\n\n\n<p>Als je naar de startpagina gaat, zie je rechtsboven op het scherm een tekstgrootte-aanpasser. Deze is duidelijk zichtbaar en stelt gebruikers met visuele beperkingen in staat om snel de grootte van de tekst aan te passen aan hun behoeften.<\/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<h3 class=\"wp-block-heading\">4. <a target=\"_blank\" href=\"https:\/\/www.walmart.com\/\" rel=\"noopener\">Walmart<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"696\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp\" alt=\"screenshot van de startpagina van Walmart\" class=\"wp-image-45659 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-300x204.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-768x522.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1536x1044.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-600x408.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1200x816.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-730x496.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1460x993.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-784x533.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1568x1066.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-877x596.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/696;\" \/><\/figure>\n\n\n<p>Een van de vereisten van de WCAG voor toegankelijke websites is dat ze &#8220;focus zichtbaar&#8221; moeten zijn, wat betekent dat het deel van de site dat in gebruik is, wordt benadrukt. De website van Walmart is een goed voorbeeld hiervan. Het heeft een heleboel interactieve elementen zoals <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/the-perfect-contact-us-page\/\" rel=\"noopener\">knoppen, links en invulvelden<\/a> \u2014 maar bezoekers kunnen zich slechts op \u00e9\u00e9n tegelijk concentreren, en degene waarmee ze interactie hebben, wordt duidelijk benadrukt voor maximale zichtbaarheid.<\/p>\n\n\n<p>Het is ook eenvoudig om tussen verschillende interactieve elementen te navigeren, van het <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/navigation-menu-design\/\" rel=\"noopener\">navigatiemenu<\/a> naar verschillende knoppen, de zoekbalk, links naar je accountpagina en winkelwagentje en meer, of je nu een muis of toetsenbordnavigatie gebruikt.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. <a target=\"_blank\" href=\"https:\/\/www.kidzwishfoundation.org.au\/\" rel=\"noopener\">KidsWish<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"968\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp\" alt=\"Screenshot van de homepage van KidsWish met heldere, opvallende kleuren en gemakkelijk te lezen grote tekst en hun slogan centraal.\" class=\"wp-image-45660 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-300x182.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1024x620.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-768x465.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1536x929.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-600x363.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1200x726.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-730x442.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1460x883.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-784x474.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1568x949.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-877x531.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/968;\" \/><\/figure>\n\n\n<p>KidsWish is een organisatie die therapie, ondersteunende diensten en een jaarlijks kerstfeest biedt voor kinderen die achtergesteld zijn of een beperking hebben. Het richt zich op veel mensen met verschillende beperkingen, dus logischerwijs hebben hun ontwikkelaars een website gebouwd die zo toegankelijk mogelijk was.<\/p>\n\n\n<p>En raad eens? Ze hebben het perfect gedaan. De website van KidsWish is prachtig ontworpen, met een logische structuur, toetsenbordvriendelijke navigatie, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/increase-website-conversion-rate\/\" rel=\"noopener\">kleuren met hoog contrast<\/a>, en grote tekst. Bovendien is het gemakkelijk te doorzoeken met opvallende, klikbare elementen.<\/p>\n\n\n<p>Het ontwerp is ook zeer kindvriendelijk. Het heeft een helder en gedurfd kleurenschema en tal van leuke grafische elementen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. <a target=\"_blank\" href=\"https:\/\/www.nomensa.com\/\" rel=\"noopener\">Nomensa<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1096\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp\" alt=\"De landingspagina van Nomensa met de kop &quot;Strategisch gebruikerservaring ontwerp&quot; over een foto van mensen op kantoor.\" class=\"wp-image-45661 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1024x701.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-768x526.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1536x1052.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-600x411.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1200x822.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-730x500.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1460x1000.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-784x537.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1568x1074.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-877x601.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1096;\" \/><\/figure>\n\n\n<p>Nomensa is een strategisch bureau voor gebruikerservaring (UX) gevestigd in Londen. Ze leggen zo&#8217;n nadruk op toegankelijk ontwerp, dat ze een toegankelijkheidstest voor het web aanbieden die hun huidige en toekomstige klanten kunnen doen om te zien hoe hun sites voldoen aan internationale normen.<\/p>\n\n\n<p>Het bureau biedt vervolgens <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\" rel=\"noopener\">ontwerpdiensten<\/a> aan om klanten te helpen eventuele problemen op te lossen die door de toegankelijkheidstesttool zijn ontdekt.<\/p>\n\n\n<p>Bekijk dit: een van de medeoprichters van het bedrijf is medevoorzitter van het World Wide Web Consortium (W3C) en heeft meegeholpen aan het schrijven van de WCAG-richtlijnen die de beste praktijken voor webtoegankelijkheid sturen. Het is geen wonder dat Nomensa toegankelijkheidsoplossingen zo serieus neemt!<\/p>\n\n\n<h3 class=\"wp-block-heading\">7. <a target=\"_blank\" href=\"https:\/\/www.ovoenergy.com\/\" rel=\"noopener\">Ovo Energy<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1357\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp\" alt=\"Screenshot van de website van Ovo Energy met grote tekst, veel negatieve ruimte, foto's in lijsten en duidelijke groene knoppen.\" class=\"wp-image-45662 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-300x254.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1024x868.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-768x651.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1536x1303.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-600x509.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1200x1018.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-730x619.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1460x1238.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-784x665.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1568x1330.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-877x744.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1357;\" \/><\/figure>\n\n\n<p>Ovo Energy is een in het VK gevestigd energiebedrijf. De website bevat informatie over tarieven en bundels en omvat een hoofdloginportaal voor klanten om hun accounts te beheren.<\/p>\n\n\n<p>Het bedrijf heeft fantastisch werk verricht door de site toegankelijk te maken voor iedereen met behulp van grote, leesbare tekst en een duidelijke interface. Het omvat ook navigatie via het toetsenbord om gemakkelijk door de site te navigeren.<\/p>\n\n\n<p>De ontwerpers hebben zich extra ingespannen om ervoor te zorgen dat de site toegankelijk is voor visueel- en gehoorbeperkte gebruikers. Er zijn <a target=\"_blank\" href=\"https:\/\/signvideo.co.uk\/\" rel=\"noopener\">SignVideo-diensten<\/a> voor gebruikers van de Britse Gebarentaal, en het kleurcontrast voldoet aan de WCAG-richtlijnen.<\/p>\n\n\n<p>Klanten kunnen ook facturen aanvragen in braille en grotere formaten. Daarnaast is de site compatibel met ondersteunende technologie.<\/p>\n\n\n<h3 class=\"wp-block-heading\">8. <a target=\"_blank\" href=\"https:\/\/bleacherreport.com\/\" rel=\"noopener\">Bleacher Report<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1102\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp\" alt=\"De homepage van de website van Bleacher Report met een uitgelicht artikel, vier video's onder het hero-gedeelte en witte tekst op zwart.\" class=\"wp-image-45663 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-300x207.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1024x705.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-768x529.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1536x1058.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1200x827.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-730x503.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1460x1006.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-784x540.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1568x1080.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-877x604.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1102;\" \/><\/figure>\n\n\n<p>Sportnieuwssite Bleacher Report doet iets anders dat uiterst nuttig is voor gebruikers die hun site bezoeken met schermlezers of toetsenbordbedieningen. De eerste focuspunten zijn de kennisgeving van cookies, het Privacybeleid en de Gebruiksvoorwaarden, en als je op de externe link hiervoor klikt, openen ze in een nieuw venster.<\/p>\n\n\n<p>Voor gebruikers zonder beperkingen lijkt dit misschien geen grote zaak, maar dit geeft <em>alle<\/em> bezoekers van de site van Bleacher Report toegang tot belangrijke juridische informatie. Op de meeste sites staan de juridische meldingen en cookies waarschuwingen onderaan de pagina, wat betekent dat bezoekers die toetsenbordbedieningen of schermlezers gebruiken, deze pas op het einde van hun bezoek bereiken, na het doorbladeren van de rest van de site. Dit is een kleine verandering met een grote impact voor mensen met beperkingen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">9. <a target=\"_blank\" href=\"https:\/\/www.bbc.co.uk\/iplayer\/\" rel=\"noopener\">BBC iPlayer<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1215\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp\" alt=\"De landingspagina van BBC iPlayer met een uitgelichte show in de hero-sectie en daaronder &quot;Nieuw &amp; Trending&quot; shows.\" class=\"wp-image-45664 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-300x228.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1024x778.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-768x583.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1536x1166.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-600x456.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1200x911.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-730x554.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1460x1109.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-784x595.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1568x1191.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-877x666.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1215;\" \/><\/figure>\n\n\n<p>BBC iPlayer is de online streamingdienst van de BBC. Gebruikers kijken programma&#8217;s online op zijn website. Het is ook een ander fantastisch voorbeeld van webtoegankelijkheid waar we allemaal van kunnen leren.<\/p>\n\n\n<p>Eerst is de website zowel heel makkelijk te navigeren als compatibel met ondersteunende technologie. Je kunt rond de pagina bewegen door op de <strong>Tab<\/strong> knop te klikken. Navigeren over het iPlayer-logo brengt een optie voor <strong>Toegankelijkheid<\/strong> hulp naar voren, die linkt naar een bronnenpagina met veel nuttige informatie voor gebruikers met beperkingen.<\/p>\n\n\n<p>De inhoud is logisch ingedeeld en alle knoppen gebruiken een duidelijk visueel ontwerp met kleuren van hoog contrast. Er zijn ook met toetsenbord en muis toegankelijke tooltips die extra informatie voor gebruikers bieden en <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/create-wordpress-featured-image\/\" rel=\"noopener\">beschrijvende alt-tekst<\/a> voor alle afbeeldingen.<\/p>\n\n\n<p>De video-inhoud is ook toegankelijk. Alle programma&#8217;s op BBC iPlayer hebben ondertiteling. Er zijn ook categorie\u00ebn met audiobeschrijving en ondertekende inhoud.<\/p>\n\n\n<h3 class=\"wp-block-heading\">10. <a target=\"_blank\" href=\"https:\/\/new.mta.info\/\" rel=\"noopener\">Metropolitane Vervoersautoriteit<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1100\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp\" alt=\"MTA-website met drop-downs voor &quot;Plan een Reis&quot; en &quot;Service Status&quot; die vertragingen en geplande reizen in verschillende kleuren toont.\" class=\"wp-image-45665 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1024x704.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-768x528.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1536x1056.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1200x825.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-730x502.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1460x1004.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-784x539.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1568x1078.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-877x603.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1100;\" \/><\/figure>\n\n\n<p>Naast een responsieve site die gemakkelijk te gebruiken is op apparaten met schermen van alle formaten, heeft de Metropolitan Transportation Authority van New York City ook een ingebouwde zoekervaring die gebruikers helpt sneller en gemakkelijker de informatie te vinden die ze zoeken. Hoe? De zoekfunctie levert nog steeds resultaten op, zelfs als gebruikers woorden verkeerd spellen of invoer in verkeerde formaten geven.<\/p>\n\n\n<p>Bijvoorbeeld, als een gebruiker een adres of buurt invoert in de MTA&#8217;s reisplanner met een typfout, zal de zoekbalk toch adressen voorstellen op basis van wat zij denkt dat de gebruiker zocht.<\/p>\n\n\n<h3 class=\"wp-block-heading\">11. <a target=\"_blank\" href=\"https:\/\/www.nsw.gov.au\/\" rel=\"noopener\">NSW Overheid<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1345\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp\" alt=\"NSW-regeringswebsite met een zoekbalk prominent aanwezig, en daaronder een sectie &quot;Wat zoek je?&quot; met links.\" class=\"wp-image-45666 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-300x252.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1024x861.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-768x646.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1536x1291.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-600x504.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1200x1009.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-730x614.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1460x1227.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-784x659.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1568x1318.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-877x737.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1345;\" \/><\/figure>\n\n\n<p>De website van de regering van New South Wales is het overheidscentrum voor het gebied New South Wales in Australi\u00eb. De website is ontworpen om gebruiksvriendelijk te zijn voor bewoners van alle achtergronden en vaardigheden.<\/p>\n\n\n<p>De website beschikt over tabnavigatie, waardoor het eenvoudig is om pagina&#8217;s te navigeren met een toetsenbord of schermlezer. Dankzij <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/best-google-fonts\/\" rel=\"noopener\">grote lettertypen<\/a> en contrasterende kleuren, is het ook zeer leesbaar en scoort het punten voor compatibiliteit met hulpapparatuur.<\/p>\n\n\n<h3 class=\"wp-block-heading\">12. <a target=\"_blank\" href=\"https:\/\/www.gov.uk\/\" rel=\"noopener\">GOV.UK<\/a><\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1228\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp\" alt=\"GOV.UK website in een blauw-witte kleurstelling met een zoekbalk, en links eronder &quot;Populair op GOV.UK&quot; voor betere navigatie.\" class=\"wp-image-45667 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-300x230.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1024x786.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-768x589.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1536x1179.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-600x461.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1200x921.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-730x560.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1460x1121.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-784x602.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1568x1203.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-877x673.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1228;\" \/><\/figure>\n\n\n<p>GOV.UK is het centrale knooppunt voor alle webpagina&#8217;s van de Britse overheid. De site biedt informatie over alles van hulp en uitkeringen voor gehandicapten tot ondersteuning bij visa en immigratie.<\/p>\n\n\n<p>De Britse overheid heeft geweldig werk geleverd om haar website toegankelijk te maken voor iedereen die deze nodig heeft. De website beschikt over toetsenbordnavigatie en ARIA-attributen, zodat je pagina&#8217;s gemakkelijk kunt vinden. Bovendien is het ontworpen om een vergroting van 300% te ondersteunen voor visueel beperkte lezers.<\/p>\n\n\n<h2 id=\"statement\" class=\"wp-block-heading\">Maak Een Toegankelijkheidsverklaring<\/h2>\n\n\n<p>Zorgen dat jouw website zo toegankelijk mogelijk is, is zowel een morele als een professionele verplichting. Het lijkt misschien een uitdaging, maar we beloven je \u2014 het is het waard. De bovenstaande voorbeelden zullen je begeleiden bij het cre\u00ebren van een inclusieve website die toegankelijk zal zijn voor alle gebruikers.<\/p>\n\n\n<p>Klaar om je toegankelijke website te bouwen? Laat ons de technische kant voor je regelen, zodat je meer tijd en energie kunt besteden aan wat belangrijk is: het ontwerp. Meld je aan voor ons <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/hosting\/\" rel=\"noopener\">Shared Unlimited Hosting Plan<\/a> en krijg onbeperkte, veilige hosting voor al je websites.<\/p>\n\n\n<p>Opmerking: We doen uitgebreid onderzoek naar <a target=\"_blank\" href=\"https:\/\/www.ungeneva.org\/sites\/default\/files\/2021-01\/Disability-Inclusive-Language-Guidelines.pdf\" rel=\"noopener\">taalgebruik inclusief voor mensen met een beperking<\/a> voor onze artikelen. Vergeet niet je bronnen te gebruiken bij het cre\u00ebren van toegankelijke inhoud, en bij twijfel, vraag altijd.&nbsp;<\/p>\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      Jij Droomt Het, Wij Programmeren Het\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Maak gebruik van meer dan 20 jaar programmeerexpertise wanneer je kiest voor onze Webontwikkelingsdienst. Laat ons gewoon weten wat je voor je site wilt \u2014 wij nemen het vanaf daar over.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meer Leren                    <\/a>\n\n  <\/div>\n<\/div>\n\n<p><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Wil je dat jouw site toegankelijk is en ook prachtig ontworpen? Leer de beste praktijken en wakker je creativiteit aan met deze 12 voorbeelden van website-toegankelijkheid.<\/p>\n","protected":false},"author":1058,"featured_media":45646,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.","toc_headlines":"[[\"looks\",\"Hoe Geweldige Webtoegankelijkheid Eruit Ziet\"],[\"examples\",\"12 Geweldige Voorbeelden Van Webtoegankelijkheid Om Je Te Inspireren\"],[\"statement\",\"Maak Een Toegankelijkheidsverklaring\"]]","hide_toc":false,"footnotes":""},"categories":[14942],"tags":[],"class_list":["post-70830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-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>12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.\" \/>\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\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen\" \/>\n<meta property=\"og:description\" content=\"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-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=\"2024-05-20T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:13:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\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=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen - DreamHost Blog","description":"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.","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\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/","og_locale":"en_US","og_type":"article","og_title":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen","og_description":"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-05-20T08:00:00+00:00","article_modified_time":"2025-05-26T16:13:45+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-05-26T16:13:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/"},"wordCount":2027,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","articleSection":["Websiteontwerp"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/","name":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-05-26T16:13:45+00:00","description":"Wil je dat je site toegankelijk is en er prachtig uitziet? Leer de beste praktijken en laat je creativiteit de vrije loop met deze 12 voorbeelden van website-toegankelijkheid.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","width":1460,"height":1095,"caption":"12 Outstanding Accessible Website Examples That Raise The Bar"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/12-uitstekende-toegankelijke-websitevoorbeelden-die-de-lat-hoger-leggen-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"12 Uitstekende Toegankelijke Websitevoorbeelden Die De Lat Hoger Leggen"}]},{"@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\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"nl","translations":{"nl":70830,"en":45645,"pl":57015,"de":57012,"es":57008,"pt":57018,"uk":57024,"ru":57039,"it":68611,"fr":70800},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70830","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\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70830"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70830\/revisions"}],"predecessor-version":[{"id":70833,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70830\/revisions\/70833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/45646"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}