Wat is digitale toegankelijkheid?

<!DOCTYPE html> <html lang="nl" dir="ltr"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><link rel="canonical" href="https://www.digitoegankelijk.nl/toegankelijkheid/wat-is-digitale-toegankelijkheid" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="alternate icon" href="/themes/custom/dito/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="/themes/custom/dito/favicon.svg" type="image/svg+xml" /> <title>Wat is digitale toegankelijkheid? | Digitoegankelijk</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?squfop" /> <link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?squfop" /> <link rel="stylesheet" media="all" href="/modules/contrib/extlink/css/extlink.css?squfop" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?squfop" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/flexboxgrid.min.css?squfop" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/dito.css?squfop" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/normalize.css?squfop" /> </head> <body class="path-node page-node-type-basic-page"> <div class="black-background-menu"></div> <nav id="skipnav" class="skipnav list-group"> <a href="#main-content" class="sr-only sr-only-focusable list-group-item list-group-item-info"> Overslaan en naar de inhoud gaan </a> </nav> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <header class="content-header clearfix"> <div class="layout-container"> <div data-drupal-messages-fallback class="hidden"></div> <div id="header" class="header"> <div class="logo-container"> <div class="wordmark"> <span class="sender">Ministerie van Binnenlandse Zaken en Koninkrijkrelaties</span> </div> <a href="/" class="logo-link" aria-label="Ministerie van Binnenlandse Zaken en Koninkrijkrelaties" title="Terug naar de homepage"> <div class="logo"> <img src="/themes/custom/dito/logo.svg" width="44" height="77" alt class="logo-image"> </div> </a> </div> </div> <nav class="navbar-nav navbar-full navbar-branded" id="navbar-main"> <div class="container navbar-toggleable-md"> <div class="row"> <ul class="navbar-nav"> <li class="nav-item"><a href="/">Home</a></li> <li class="nav-item"> <button class="nav-link icon-menu open-menu" type="button" data-toggler="collapse" aria-expanded="false" aria-label="Open menu">Open menu</button> </li> </ul> <div class="search-block"> <form action="/zoeken" method="get" id="search-search" accept-charset="UTF-8" novalidate="novalidate"> <div class="form-item form-item-query"> <label for="edit-main-search" class="sr-only">Zoeken</label> <input type="text" id="edit-main-search" name="query" value="" size="30" maxlength="128" class="form-text" placeholder="Voer uw zoekterm in"> </div> <div class="form-actions form-wrapper"> <button type="submit" id="submit-search" class="search-button form-submit">Zoeken</button> </div> </form> </div> </div> </div> </nav> <div class="big-menu"> <div class="container"> <div class="row"> <div id="block-dito-main-menu" class="main-navigation col-md-3 col-sm-6 col-xs-12"> <h3 id="block-dito-main-menu-menu">Menu</h3> <ul class="nav navbar-nav"> <li class="nav-item menu-item--expanded is-active dropdown"> <a href="/toegankelijkheid" class="nav-link is-active dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/126">Toegankelijkheid</a> <ul class="dropdown-menu"> <li class="dropdown-item menu-item--collapsed is-active"> <a href="/toegankelijkheid/wat-is-digitale-toegankelijkheid" class="is-active" data-drupal-link-system-path="node/127">Wat is digitale toegankelijkheid?</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheid/voordelen" data-drupal-link-system-path="node/128">Voordelen</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheid/en-301-549-en-wcag" data-drupal-link-system-path="node/129">EN 301 549 en WCAG</a> </li> </ul> </li> <li class="nav-item menu-item--expanded dropdown"> <a href="/wetgeving" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/131">Wetgeving</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="/wetgeving/wat-is-verplicht" data-drupal-link-system-path="node/132">Wat is verplicht?</a> </li> <li class="dropdown-item"> <a href="/wetgeving/voor-wie-is-het-verplicht" data-drupal-link-system-path="node/133">Voor wie is het verplicht?</a> </li> <li class="dropdown-item"> <a href="/wetgeving/wat-als-ik-niet-voldoe" data-drupal-link-system-path="node/134">Wat als ik niet voldoe?</a> </li> <li class="dropdown-item"> <a href="/wetgeving/uitzonderingen" data-drupal-link-system-path="node/135">Uitzonderingen</a> </li> <li class="dropdown-item"> <a href="/wetgeving/beleid-nederland-en-europa" data-drupal-link-system-path="node/130">Beleid Nederland en Europa</a> </li> </ul> </li> <li class="nav-item menu-item--expanded dropdown"> <a href="/toegankelijkheidsverklaring" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/380">Toegankelijkheidsverklaring</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/model-toegankelijkheidsverklaring" data-drupal-link-system-path="node/383">Model toegankelijkheidsverklaring</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/status" data-drupal-link-system-path="node/137">Status in verklaring</a> </li> <li class="dropdown-item menu-item--collapsed"> <a href="/toegankelijkheidsverklaring/onderzoek" data-drupal-link-system-path="node/141">Toegankelijkheidsonderzoek</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/invulassistent" data-drupal-link-system-path="node/381">De 9 stappen van de invulassistent</a> </li> <li class="dropdown-item menu-item--collapsed"> <a href="/toegankelijkheidsverklaring/controle" data-drupal-link-system-path="node/149">Controle verklaringen</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/onevenredige-last" data-drupal-link-system-path="node/150">Onevenredige last</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/gemeenschappelijke-regelingen" data-drupal-link-system-path="node/496">Gemeenschappelijke regelingen</a> </li> <li class="dropdown-item"> <a href="/toegankelijkheidsverklaring/naar-een-verklaring-verwijzen-vanaf-je-website-app" data-drupal-link-system-path="node/547">Naar een verklaring verwijzen vanaf je website of app</a> </li> </ul> </li> <li class="nav-item menu-item--expanded dropdown"> <a href="/aan-de-slag" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/138">Aan de slag</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="/aan-de-slag/wie-doet-wat" data-drupal-link-system-path="node/139">Wie doet wat?</a> </li> <li class="dropdown-item menu-item--collapsed"> <a href="/aan-de-slag/tips" data-drupal-link-system-path="node/142">Praktische toegankelijkheidstips</a> </li> <li class="dropdown-item"> <a href="/aan-de-slag/handleiding" data-drupal-link-system-path="node/143">Handleiding voor organisaties</a> </li> <li class="dropdown-item"> <a href="https://kennisbank.digitoegankelijk.nl">Kennisbank DigiToegankelijk</a> </li> <li class="dropdown-item"> <a href="/aan-de-slag/organisatiecultuur-en-toegankelijkheid" data-drupal-link-system-path="node/656">Organisatiecultuur en toegankelijkheid</a> </li> </ul> </li> <li class="nav-item menu-item--expanded dropdown"> <a href="/ondersteuning" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/183">Ondersteuning</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="/ondersteuning/hoe-ondersteunen-wij-overheidsorganisaties" data-drupal-link-system-path="node/258">Hoe ondersteunen wij overheidsorganisaties?</a> </li> <li class="dropdown-item"> <a href="https://www.digitoegankelijk.nl/leveranciers">Ondersteuning voor leveranciers</a> </li> <li class="dropdown-item menu-item--collapsed"> <a href="/ondersteuning/algemene-onderzoeken-platforms-en-apps" data-drupal-link-system-path="node/384">Algemene onderzoeken platforms en apps</a> </li> <li class="dropdown-item"> <a href="/ondersteuning/de-toegankelijkheidsladder-hoe-volwassen-mijn-organisatie" data-drupal-link-system-path="node/657">De Toegankelijkheidsladder: hoe volwassen is mijn organisatie?</a> </li> <li class="dropdown-item"> <a href="/ondersteuning/wekelijkse-kennissessies" data-drupal-link-system-path="node/257">Wekelijkse kennissessies</a> </li> <li class="dropdown-item menu-item--collapsed"> <a href="/ondersteuning/events-over-digitale-toegankelijkheid" data-drupal-link-system-path="node/260">Events over digitale toegankelijkheid</a> </li> </ul> </li> <li class="nav-item menu-item--expanded dropdown"> <a href="/dashboard" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/152">Dashboard</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="https://dashboard.digitoegankelijk.nl/">Dashboard DigiToegankelijk</a> </li> <li class="dropdown-item"> <a href="/dashboard/wat-het-dashboard-digitoegankelijk" data-drupal-link-system-path="node/176">Wat is het Dashboard DigiToegankelijk?</a> </li> <li class="dropdown-item"> <a href="/dashboard/hoe-zorg-ik-voor-een-compleet-overzicht" data-drupal-link-system-path="node/203">Hoe zorg ik voor een compleet overzicht?</a> </li> <li class="dropdown-item"> <a href="/dashboard/bronnen" data-drupal-link-system-path="node/174">Bronnen</a> </li> <li class="dropdown-item"> <a href="/dashboard/vragen-en-antwoorden-over-het-dashboard" data-drupal-link-system-path="node/175">Vragen en antwoorden over het dashboard</a> </li> <li class="dropdown-item"> <a href="/dashboard/uitleg-inventarisatielijst" data-drupal-link-system-path="node/246">Uitleg over de inventarisatielijst</a> </li> </ul> </li> </ul> </div> <div id="block-uitgelicht" class="col-md-3 col-sm-12 highlighted-menu"> <h3 id="block-uitgelicht-menu">Uitgelicht</h3> <ul class="nav navbar-nav"> <li class="nav-item"> <a href="/agenda" class="nav-link" data-drupal-link-system-path="node/270">Agenda</a> </li> <li class="nav-item"> <a href="/nieuws" class="nav-link" data-drupal-link-system-path="node/171">Nieuws</a> </li> <li class="nav-item"> <a href="/overzicht-publicaties" class="nav-link" data-drupal-link-system-path="node/416">Publicaties</a> </li> <li class="nav-item"> <a href="/meldpunt" class="nav-link" data-drupal-link-system-path="node/153">Meldpunt</a> </li> <li class="nav-item"> <a href="/veelgestelde-vragen" class="nav-link" data-drupal-link-system-path="node/177">Veelgestelde vragen</a> </li> <li class="nav-item"> <a href="/contact" class="nav-link" data-drupal-link-system-path="node/184">Contact</a> </li> </ul> </div> </div> </div> <a href="#" class="close-menu fa fa-times"> <span class="close-text">Sluit</span> </a> </div> <div class="herobanner-wrapper"> <div class="views-element-container herobanner" id="block-views-block-herobanner-block-1"> <div><div class="herobanner-view js-view-dom-id-b64227a9a141fc57e68b832011792e6005783aa56982d8b7f5c6b60142f29959"> <div class="views-row"><div class="herobanner-container"></div></div> </div> </div> </div> </div> </div> </header> <div class="layout-container"> <div class="breadcrumb-region"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div id="block-dito-breadcrumbs"> <ul class="breadcrumb"> <li class="breadcrumb-item"> <a href="/">DigiToegankelijk</a> </li> <li class="breadcrumb-item"> <a href="/toegankelijkheid">Toegankelijkheid</a> </li> <li class="breadcrumb-item"> <span class="breadcrumb-last">Wat is digitale toegankelijkheid?</span> </li> </ul> </div> </div> </div> </div> </div> <main id="main-content" class="page-content clearfix"> <div class="container"> <div id="block-dito-page-title" class="page-titel"> <h1> <span>Wat is digitale toegankelijkheid?</span> </h1> </div> </div> <div id="block-dito-content"> <article> <div> <div class="field field--name-field-content content-item-list"> <div class="field field--name-field-content content-item"> <div class="third-column-bg-pink paragraph paragraph--type--_-column-80-20 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <div class="field field--name-field-left-80 content-item-list"> <div class="field field--name-field-left-80 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p><span class="text-intro">Digitale toegankelijkheid zegt iets over hoe websites en apps zijn gemaakt. Zit een site of app goed in elkaar? Dan kan elke bezoeker die gebruiken. Ook iemand met een beperking.</span></p> <p><span class="text-intro">Soms kan een website of app niet door iedereen goed worden gebruikt. Bijvoorbeeld doordat een filmpje geen ondertitels heeft. Zo鈥檔 site of app is dan niet </span><em><span class="text-intro">digitaal toegankelijk</span></em><span class="text-intro">. Dat is een probleem, want in onze samenleving zijn websites en apps heel belangrijk. Je kunt bijna niet meer zonder.</span></p> </div> </div> </div> <div class="field field--name-field-left-80 content-item"> <div class="paragraph paragraph--type--link-list paragraph--view-mode--default"> <h2 > Op deze pagina: </h2> <div class="link-list"> <ul class="field field--name-field-links-list content-item-list"> <li class="field field--name-field-links-list content-item"><a href="#toegankelijkesamenleving">Een toegankelijke (digitale) samenleving</a></li> <li class="field field--name-field-links-list content-item"><a href="#beperking">Miljoenen Nederlanders met een beperking</a></li> <li class="field field--name-field-links-list content-item"><a href="#tijdelijkebeperking">Tijdelijke beperkingen</a></li> <li class="field field--name-field-links-list content-item"><a href="#gaat-over-mensen">Toegankelijkheid gaat over mensen</a></li> <li class="field field--name-field-links-list content-item"><a href="#hoe">Hoe maak je een website of app toegankelijk?</a></li> <li class="field field--name-field-links-list content-item"><a href="#meer">Verder lezen, luisteren en kijken</a></li> </ul> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="field field--name-field-right-20 content-item-list"> <div class="field field--name-field-right-20 content-item"> <div class="paragraph paragraph--type--image-gallery paragraph--view-mode--default"> <div class="field field--name-field-image-gallery content-item"> <img loading="lazy" src="/sites/default/files/2022-11/pexels-vojtech-okenka-392018%281%29.jpg" width="640" height="427" alt="" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--_-column-80-20 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <div class="field field--name-field-left-80 content-item-list"> <div class="field field--name-field-left-80 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="toegankelijkesamenleving">Een toegankelijke (digitale) samenleving</h2> <p>Buiten op straat halen we drempels weg en plaatsen we wegwijzers. Of we brengen een geleidelijn aan in de stoep. Zo maken we de omgeving <em>toegankelijker </em>voor mensen met 茅n zonder beperking.</p> <p>Ook websites en apps kun je toegankelijk maken. Gewoon door de regels te volgen voor digitale toegankelijkheid. Daardoor neem je digitale drempels weg voor een hele grote groep mensen. Want er zijn miljoenen Nederlanders met een beperking of chronische ziekte. En ook nog eens miljoenen mensen die <em>tijdelijk </em>een beperking hebben.</p> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="field field--name-field-right-20 content-item-list"> <div class="field field--name-field-right-20 content-item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--default"> <div class="field field--name-field-quote content-item"><p>Ook websites en apps kun je toegankelijk maken. Dan neem je digitale drempels weg voor een hele grote groep mensen.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="third-column-bg-grey paragraph paragraph--type--_-column-50-50 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-6 col-xs-12"> <div class="field field--name-field-left-50 content-item-list"> <div class="field field--name-field-left-50 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="beperking">Miljoenen Nederlanders met een beperking</h2> <p>In Nederland hebben <a href="#cijfers">4,5 miljoen mensen</a> een beperking of chronische ziekte. Dat kan een lichamelijke, zintuiglijke, verstandelijke of psychische beperking of een chronische ziekte zijn. Bijvoorbeeld:</p> <ul> <li>visuele beperking: blind, slechtziend, kleurenblind</li> <li>auditieve beperking: doof of slechthorend</li> <li>een motorische beperking</li> <li>laaggeletterdheid</li> <li>autisme of ADHD</li> <li>dyslexie</li> </ul> <p>En deze groep groeit: het aantal ouderen neemt toe, en er komen telkens nieuwe mensen naar Nederland die de taal nog niet (goed) spreken.</p> </div> </div> </div> </div> </div> <div class="col-md-6 col-xs-12"> <div class="field field--name-field-right-50 content-item-list"> <div class="field field--name-field-right-50 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="tijdelijkebeperking">Tijdelijke beperkingen</h2> <p>Daarnaast zijn er grote groepen mensen die <em>tijdelijk </em>een beperking hebben. Een paar voorbeelden:</p> <ul> <li>Door een gebroken arm kun je maar met 茅茅n hand typen.</li> <li>Door een oorontsteking hoor je bijna niets.</li> <li>In een drukke trein kun je het geluid van een filmpje niet horen.</li> <li>Je ziet de tekst op je scherm slecht door de felle zon.</li> <li>Je bent je leesbril kwijt en kunt de kleine letters niet lezen.</li> <li>Met een baby (of kat) op schoot kun je de computermuis niet goed gebruiken.</li> </ul> <p>Ook voor mensen met zo鈥檔 tijdelijke beperking is het belangrijk dat websites en apps toegankelijk zijn.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--_-column-80-20 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <div class="field field--name-field-left-80 content-item-list"> <div class="field field--name-field-left-80 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="gaat-over-mensen">Toegankelijkheid gaat over mensen</h2> <p>Iedereen heeft het recht om gelijkwaardig toegang te krijgen tot alle openbare digitale informatie en dienstverlening. Dat geldt dus ook voor mensen met een beperking. Nederlandse overheidswebsites en 鈥揳pps moeten daarom verplicht toegankelijk worden gemaakt. Zo kan iedereen meedoen in de maatschappij.</p> <p>Hoe bezoekt iemand die blind is een website? Hoe navigeert iemand die zijn handen niet kan gebruiken? We hebben een aantal mensen gevraagd te vertellen hoe ontoegankelijke websites en apps van invloed zijn op hun leven. De filmpjes die we daarvan gemaakt hebben, laten zien dat ieder op zijn eigen manier omgaat met deze uitdagingen. Zo vertelt Larissa Klaasen over de obstakels die zij soms tegenkomt als ze op reis gaat. Gera Vonk-Huisjes vertelt over het belang van ondertiteling en gebarentaal voor doven en slechthorenden. En <span>E</span><span class="normaltextrun">ric vertelt over hoe toegankelijke apps hem kunnen helpen en over de uitdaging van het scannen van QR-codes. </span>Digitale toegankelijkheid gaat over mensen, over hun ervaringen en uitdagingen binnen een wereld die meer en meer digitaal wordt.</p> <p><a href="https://www.digitoegankelijk.nl/toegankelijkheid/wat-is-digitale-toegankelijkheid/het-verhaal-van-larissa-klaassen">Ga naar het verhaal van Larissa Klaassen.</a></p> <p><a href="https://www.digitoegankelijk.nl/toegankelijkheid/wat-is-digitale-toegankelijkheid/het-verhaal-van-gera-vonk-huisjes">Ga naar het verhaal van Gera Vonk-Huisjes</a> </p> <p><a href="https://www.digitoegankelijk.nl/het-verhaal-van-eric-groot-kormelink">Ga naar het verhaal van Eric Groot Kormelink</a></p> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="field field--name-field-right-20 content-item-list"> <div class="field field--name-field-right-20 content-item"> <div class="paragraph paragraph--type--image-gallery paragraph--view-mode--default"> <div class="field field--name-field-image-gallery content-item"> <img loading="lazy" src="/sites/default/files/2024-05/centre-for-ageing-better-BzJaluGzsSw-unsplash.jpg" width="5472" height="3648" alt="Twee mannen kijken naar een computerscherm." /> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-grey paragraph paragraph--type--_-column-80-20 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <div class="field field--name-field-left-80 content-item-list"> <div class="field field--name-field-left-80 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="hoe">Hoe maak je een website of app toegankelijk?</h2> <p>Door de regels voor toegankelijke websites en apps te volgen. Die regels staan in de <a href="/toegankelijkheid/en-301-549-en-wcag">internationale standaard voor digitale toegankelijkheid</a>. Een standaard wordt ook wel een <em>norm </em>genoemd.</p> <p>In de standaard staat uitgelegd hoe je websites en apps toegankelijk kunt ontwerpen, bouwen en onderhouden. En aan welke eisen die websites en apps dan moeten voldoen. Daarvoor is veel onderzoek gedaan. De makers van de standaard hebben daarbij goed geluisterd naar mensen met een beperking.</p> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="field field--name-field-right-20 content-item-list"> <div class="field field--name-field-right-20 content-item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--default"> <div class="field field--name-field-quote content-item"><p>In de standaard staat uitgelegd hoe je websites en apps toegankelijk kunt ontwerpen, bouwen en onderhouden.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="third-column-bg-pink paragraph paragraph--type--_-column-20-80 paragraph--view-mode--default"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12"> <div class="field field--name-field-right-80 content-item-list"> <div class="field field--name-field-right-80 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="meer">Verder lezen, luisteren en kijken</h2> <p>Wil je anderen in je organisatie overtuigen van het belang van digitale toegankelijkheid? Of wil je er zelf meer over te weten komen? Dan kun je ook gebruikmaken van deze video's, tools en tips van onze samenwerkingspartners.</p> <h3 id="cijfers">Cijfers: hoeveel Nederlanders hebben een beperking?</h3> <table> <thead> <tr> <th>Onderwerp</th> <th>Afzender</th> </tr> </thead> <tbody> <tr> <td> <h4><a class="ext" href="https://oogfonds.nl/onze-ogen/feiten-en-cijfers/">Visuele beperkingen</a></h4> <p>Overzicht van het Oogfonds van de verschillende visuele beperkingen.</p> </td> <td>Oogfonds</td> </tr> <tr> <td> <h4><a href="https://vzinfo.nl/gehoorstoornissen/leeftijd-en-geslacht">Gehoorstoornissen</a></h4> <p><span>Cijfers over mensen met gehoorstoornissen in Nederland naar leeftijd en geslacht.</span></p> </td> <td>RIVM</td> </tr> <tr> <td> <h4><a href="https://handicap.nl/wat-is-een-motorische-beperking/">Motorische beperkingen</a></h4> <p><span>Hoeveel mensen hebben een motorische beperking?</span></p> </td> <td>Handicap.nl</td> </tr> <tr> <td> <h4><a href="https://www.lezenenschrijven.nl/over-laaggeletterdheid/informatie-over-laaggeletterdheid-nederland">Laaggeletterdheid</a></h4> <p><span>Informatie over laaggeletterdheid in Nederland.</span></p> </td> <td>Stichting Lezen en Schrijven</td> </tr> <tr> <td> <h4><a class="ext" href="https://www.vzinfo.nl/verstandelijke-beperking">Verstandelijke beperking</a></h4> <p>Cijfers over mensen met een verstandelijke beperking in Nederland.</p> </td> <td>RIVM</td> </tr> <tr> <td> <h4><a class="ext" href="https://cbs.nl/nl-nl/visualisaties/dashboard-bevolking/leeftijd/ouderen">Ouderen in Nederland</a></h4> <p>Hoeveel ouderen zijn er in Nederland?</p> </td> <td>CBS</td> </tr> <tr> <td> <h4><a class="ext" href="https://appt.org/nl/stats">Gebruik toegankelijkheidsfuncties mobiel</a></h4> <p>Onderzoek naar gebruik van toegankelijkheidsfuncties op mobiele telefoons.</p> </td> <td>Appt.org</td> </tr> <tr> <td> <h4><a href="https://open.overheid.nl/documenten/ronl-19c19774-3da8-4ddd-a47a-3d0f627b2077/pdf">Digitale inclusie: iedereen moet kunnen meedoen</a></h4> <p>Feiten en cijfers</p> </td> <td>Ministerie van Binnenlandse Zaken en Koninkrijksrelaties</td> </tr> </tbody> </table> <h3>Publicaties</h3> <table> <thead> <tr> <th>Onderwerp</th> <th>Afzender</th> </tr> </thead> <tbody> <tr> <td> <h4><a href="/aan-de-slag/wie-doet-wat">Digitale toegankelijkheid in jouw organisatie: wie doet wat?</a></h4> <p>Een uitleg over de taken van verschillende rollen en functies binnen organisaties.</p> </td> <td>DigiToegankelijk</td> </tr> <tr> <td> <h4><a href="/aan-de-slag/handleiding">Handleiding voor een toegankelijke organisatie</a></h4> <p>Met deze handleiding werk je stap voor stap aan je toegankelijkheidsbeleid.</p> </td> <td>DigiToegankelijk</td> </tr> <tr> <td> <h4><a href="https://www.allemaal-digitaal.nl/pocketboekje-allemaal-digitaal/">De digitale drempels van inclusie</a></h4> <p>Interviews met mensen die niet de kennis of middelen hebben om digitaal mee te doen.</p> </td> <td>Alliantie Digitaal Samenleven</td> </tr> <tr> <td> <h4><a href="https://optimaaldigitaal.gebruikercentraal.nl/">Het Optimaal Digitaal spel</a></h4> <p>Verbeter spelenderwijs je (online) dienstverlening met de meer dan 100 tips van Optimaal Digitaal. Toegankelijkheid is een onderdeel van het spel.</p> </td> <td>Gebruiker Centraal</td> </tr> </tbody> </table> <h3>Video's</h3> <table> <thead> <tr> <th>Onderwerp</th> <th>Afzender</th> </tr> </thead> <tbody> <tr> <td> <h4><a href="https://www.digitaleoverheid.nl/rijksvideo/digitale-toegankelijkheid/">Introductie van DigiToegankelijk</a></h4> <p>Wat is het, waarom is het belangrijk en wat moet je doen?</p> </td> <td>Digitale Overheid</td> </tr> <tr> <td> <h4><a href="https://www.youtube.com/watch?v=qcOweNuJqAs">Waarom is digitale toegankelijkheid zo belangrijk?</a></h4> <p>Een oud-wethouder en een raadslid vertellen hier als ambassadeurs van het Aanjaagteam digitale toegankelijkheid van de VNG meer over.</p> </td> <td>VNG</td> </tr> <tr> <td> <h4><a href="https://www.youtube.com/watch?v=YsWke7YGe1A">Ontsluiting van digitale systemen binnen gemeenten</a></h4> <p>Wethouder Marcel Oosterveer uit Eindhoven vertelt als ervaringsdeskundige hoe het er bij de gemeente Eindhoven aan toe gaat op het gebied van toegankelijkheid.</p> </td> <td>VNG</td> </tr> <tr> <td> <h4><a href="https://www.it-academieoverheid.nl/onderwerpen/m/microlearnings-toegankelijkheid">Microlearnings over digitale toegankelijkheid</a></h4> <p>Met deze korte video's kom je in korte tijd veel te weten over digitale toegankelijkheid.</p> </td> <td>RijksAcademie voor Digitalisering en Informatisering Overheid</td> </tr> </tbody> </table> <h3>Podcasts</h3> <table> <thead> <tr> <th>Onderwerp</th> <th>Afzender</th> </tr> </thead> <tbody> <tr> <td> <h4><a href="https://www.gebruikercentraal.nl/podcast/">Podcasts over digitale toegankelijkheid</a></h4> <p>Gebruiker Centraal heeft een serie podcasts gemaakt, onder andere over digitale toegankelijkheid.</p> </td> <td>Gebruiker Centraal</td> </tr> <tr> <td> <h4><a href="https://soundcloud.com/user-100665264/podcast-over-digitale-toegankelijkheid-door-de-vng-ism-de-gemeente-meierijstad">Belang en aanpak digitale toegankelijkheid</a></h4> <p>Gemeente Meierijstad vertelt hoe digitale toegankelijkheid binnen de gemeente wordt opgepakt.</p> </td> <td>VNG</td> </tr> <tr> <td> <h4><a href="https://soundcloud.com/user-100665264/digitale-toegankelijkheid-vng-praat-mee-24?si=106f17ac6ab84fa68d142c653841d6ac">Wethouders over digitale toegankelijkheid</a></h4> <p>Wethouders van Barendrecht en Breda bespreken het belang van digitale toegankelijkheid en hoe zij het aanpakken.</p> </td> <td>VNG</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> </main> <div class="region-contactblock"> <div class="layout-container"> <div class="container"> <div id="block-shareblock" class="share-block"> <div class="field field--name-field-link content-item-list"> <div class="field field--name-field-link content-item"><a href="" class="icon-pijl-boven top-link">Naar boven</a></div> <div class="field field--name-field-link content-item"><a href="" class="icon-printer print-link">Print</a></div> </div> </div> </div> </div> </div> </div> <div class="payoff"> <div class="logo"> <span class="payoff_information"> Jouw informatie toegankelijk voor iedereen </span> </div> </div> <footer id="footer" class="page-footer clearfix"> <div class="layout-container"> <div class="container"> <div id="block-footer"> <h2 class="visually-hidden" id="block-footer-menu">Footer menu</h2> <ul class="nav navbar-nav row"> <li class="nav-item menu-item--expanded col-xs-12 col-md-3"> <h3>Over deze site</h3> <ul class="menu"> <li class="nav-item"> <a href="/contact" class="nav-link" data-drupal-link-system-path="node/184">Contact</a> </li> <li class="nav-item"> <a href="/copyright" class="nav-link" data-drupal-link-system-path="node/83">Copyright</a> </li> <li class="nav-item"> <a href="/privacy" class="nav-link" data-drupal-link-system-path="node/84">Privacy</a> </li> <li class="nav-item"> <a href="/toegankelijkheid-van-deze-website" class="nav-link" data-drupal-link-system-path="node/185">Toegankelijkheid van deze site</a> </li> </ul> </li> <li class="nav-item menu-item--expanded col-xs-12 col-md-3"> <h3>Service</h3> <ul class="menu"> <li class="nav-item"> <a href="/cookies" class="nav-link" data-drupal-link-system-path="node/85">Cookies</a> </li> <li class="nav-item"> <a href="/over-digitoegankelijk" class="nav-link" data-drupal-link-system-path="node/82">Over DigiToegankelijk</a> </li> <li class="nav-item"> <a href="https://mailing.logius.nl/ct/m16/k1/-sAdc2s08WnNOt3jE78_nBHGHN5S3Rs8oPYiIOfa-6T2uFGNS5rYhSA5mRTRLpt-/EHvcF9kR5bxEWAr" class="nav-link">Schrijf je in voor de nieuwsbrief</a> </li> </ul> </li> </ul> </div> </div> </div> </footer> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/127","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"nl"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"Dit veld is verplicht.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"mailto","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":null,"extExcludeNoreferrer":""}},"field_group":{"html_element":{"mode":"default","context":"view","settings":{"classes":"","id":"","element":"h2","show_label":false,"label_element":"h3","attributes":"","effect":"none","speed":"fast","show_empty_fields":false,"label_element_classes":""}}},"user":{"uid":0,"permissionsHash":"dd2f2c67e5f4c0ea9a0312830534b252518497db95aa8c34933474a14fd2a83c"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/sites/default/files/languages/nl_WoU85ZJ8msPA2X2zTGF5O50kmLsGkUZJbXIYYlogndo.js?squfop"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.4.1"></script> <script src="/core/misc/drupal.js?v=10.4.1"></script> <script src="/core/misc/drupal.init.js?v=10.4.1"></script> <script src="/themes/custom/dito/node_modules/%40dictu/video/dist/video.js?squfop"></script> <script src="/themes/custom/dito/js/script.js?squfop"></script> <script src="/themes/custom/dito/js/anchorlink.js?squfop"></script> <script src="/themes/custom/dito/js/video.js?squfop"></script> <script src="/modules/contrib/extlink/js/extlink.js?v=10.4.1"></script>  <script type="text/javascript"> (function (window, document, dataLayerName, id) { (window[dataLayerName] = window[dataLayerName] || []), window[dataLayerName].push({ start: new Date().getTime(), event: "stg.start", }); var scripts = document.getElementsByTagName("script")[0], tags = document.createElement("script"); function stgCreateCookie(a, b, c) { var d = ""; if (c) { var e = new Date(); e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3), (d = "; expires=" + e.toUTCString()); f = "; SameSite=Strict"; } document.cookie = a + "=" + b + d + f + "; path=/"; } var isStgDebug = (window.location.href.match("stg_debug") || document.cookie.match("stg_debug")) && !window.location.href.match("stg_disable_debug"); stgCreateCookie("stg_debug", isStgDebug ? 1 : "", isStgDebug ? 14 : -1); var qP = []; dataLayerName !== "dataLayer" && qP.push("data_layer_name=" + dataLayerName), isStgDebug && qP.push("stg_debug"); var qPString = qP.length > 0 ? "?" + qP.join("&") : ""; (tags.async = !0), (tags.src = "https://statistiek.rijksoverheid.nl/containers/" + id + ".js" + qPString), scripts.parentNode.insertBefore(tags, scripts); !(function (a, n, i) { a[n] = a[n] || {}; for (var c = 0; c < i.length; c++) !(function (i) { (a[n][i] = a[n][i] || {}), (a[n][i].api = a[n][i].api || function () { var a = [].slice.call(arguments, 0); "string" == typeof a[0] && window[dataLayerName].push({ event: n + "." + i + ":" + a[0], parameters: [].slice.call(arguments, 1), }); }); })(i[c]); })(window, "ppms", ["tm", "cm"]); })(window, document, "dataLayer", "8196c6c4-9ac1-4490-bfb5-ccbee2c33ff4"); </script>  </body> </html>

CINXE.COM

Wat is digitale toegankelijkheid? | Digitoegankelijk