Handleiding: naar een digitaal toegankelijke organisatie

<!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/aan-de-slag/handleiding" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <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>Handleiding: naar een digitaal toegankelijke organisatie | Digitoegankelijk</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?slp97g" /> <link rel="stylesheet" media="all" href="/modules/contrib/extlink/css/extlink.css?slp97g" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?slp97g" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/flexboxgrid.min.css?slp97g" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/dito.css?slp97g" /> <link rel="stylesheet" media="all" href="/themes/custom/dito/css/normalize.css?slp97g" /> </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 dropdown"> <a href="/toegankelijkheid" class="nav-link 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"> <a href="/toegankelijkheid/wat-is-digitale-toegankelijkheid" 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/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 is-active dropdown"> <a href="/aan-de-slag" class="nav-link is-active 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 is-active"> <a href="/aan-de-slag/handleiding" class="is-active" 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> </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/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="/toezicht" class="nav-link dropdown-toggle" data-target="#" data-toggle="dropdown" aria-expanded="false" data-drupal-link-system-path="node/145">Toezicht</a> <ul class="dropdown-menu"> <li class="dropdown-item"> <a href="/toezicht/inrichten-van-centraal-toezicht" data-drupal-link-system-path="node/197">Centraal toezicht</a> </li> <li class="dropdown-item"> <a href="/toezicht/overleg-met-overheidsorganisaties-over-toezicht" data-drupal-link-system-path="node/198">Overleg met overheidsorganisaties over toezicht</a> </li> <li class="dropdown-item"> <a href="/toezicht/dashboard-ondersteunt-toezichthouders" data-drupal-link-system-path="node/199">Dashboard ondersteunt toezichthouders</a> </li> <li class="dropdown-item"> <a href="/toezicht/certificering-gedragscode-onderzoeksbureaus" data-drupal-link-system-path="node/200">Certificering of gedragscode onderzoeksbureaus</a> </li> <li class="dropdown-item"> <a href="/toezicht/verplichte-eis-bij-aanbestedingen" data-drupal-link-system-path="node/201">Verplichte eis bij aanbestedingen</a> </li> <li class="dropdown-item"> <a href="/toezicht/onevenredige-last" data-drupal-link-system-path="node/150">Onevenredige last</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-c373f040e091e797cbbd7f78c584d905fbd0c91242c0a8b826b2e975afe2223c"> <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="/aan-de-slag">Aan de slag</a> </li> <li class="breadcrumb-item"> <span class="breadcrumb-last">Handleiding: naar een digitaal toegankelijke organisatie</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>Handleiding: naar een digitaal toegankelijke organisatie</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="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 dir="ltr"><span class="text-intro">Met deze handleiding helpen we je om te voldoen aan de </span><a href="/wetgeving/wat-is-verplicht"><span class="text-intro">wet voor digitale toegankelijkheid</span></a><span class="text-intro">. Je vindt hier een overzicht van de stappen die je moet nemen. Let op: niet alle details zijn beschreven. Meer weten over een bepaald onderwerp? Volg dan de links in de tekst.</span></p> <h2>Inhoud</h2> <ul> <li>Opstartfase: <ul> <li><a href="#stap1"><strong>Stap 1</strong>: Zorg dat het bestuur achter je staat</a></li> <li><a href="#stap2"><strong>Stap 2</strong>: Zorg voor overzicht</a></li> </ul> </li> <li>Jaarlijkse acties: <ul> <li><a href="#stap3"><strong>Stap 3</strong>: Zorg voor inzicht</a></li> <li><a href="#stap4"><strong>Stap 4</strong>: Beschrijf maatregelen</a></li> <li><a href="#stap5"><strong>Stap 5</strong>: Maak/update verklaringen</a></li> <li><a href="#stap6"><strong>Stap 6</strong>: Voer maatregelen uit</a></li> </ul> </li> <li><a href="#schema">Schema</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 src="/sites/default/files/2022-11/pexels-rfstudio-3059747_0.jpg" width="640" height="427" alt="" loading="lazy" /> </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-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap1">✅ Stap 1: Zorg dat het bestuur achter je staat</h2> <p><span class="text-intro">Zorg dat het bestuur van je organisatie betrokken is en weet dat digitale toegankelijkheid verplicht is.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p>Zorg dat het bestuur achter je staat. Het helpt enorm als het bestuur van een organisatie begrijpt waarom digitale toegankelijkheid belangrijk is. Dat toont <a href="https://doi.org/10.1007/s10209-015-0449-5">wetenschappelijk onderzoek</a> aan.</p> <p>Deze vragen moet je stellen:</p> <ul> <li>Is het bestuur op de hoogte van de <a href="/wetgeving/wat-is-verplicht">wet voor digitale toegankelijkheid</a>? En van het <a href="/toegankelijkheid/wat-is-digitale-toegankelijkheid">belang van toegankelijkheid</a> en de <a href="/toegankelijkheid/voordelen">voordelen</a>?</li> <li>Is dit ergens vastgelegd?</li> <li>Weet het bestuur dat zij voor elke website en app jaarlijks een <a href="/wetgeving/toegankelijkheidsverklaring">toegankelijkheidsverklaring </a>moet goedkeuren? En dat die verklaring een status (A t/m E)  toont, die aangeeft of de website of app aan de wet voldoet?</li> <li>Weet het bestuur ook dat de informatie in de verklaringen gebruikt wordt in het <a href="/dashboard">Dashboard DigiToegankelijk</a> en voor rapportages aan de Europese Commissie en de Tweede Kamer?</li> <li>Is het bestuur akkoord met het aanstellen van een medewerker binnen de organisatie die verantwoordelijk is voor digitale toegankelijkheid? Zo ja: stel iemand aan.</li> </ul> <h3>De status</h3> <p>De <a href="/wetgeving/status">status</a> geeft aan of een website of app al voldoet aan de wet. Deze status is te zien in de toegankelijkheidsverklaring. Toegankelijkheidsonderzoek speelt een belangrijke rol bij het bepalen van de status:</p> <table> <caption>Overzicht statussen toegankelijkheid</caption> <thead> <tr> <th>Status</th> <th>Is er compleet en actueel onderzoek*?</th> <th>Aan hoeveel eisen voldoet site/app?</th> <th>Is er binnen 6 maanden een onderzoek gepland?</th> <th>Voldoe je aan wettelijke verplichting?</th> </tr> </thead> <tbody> <tr> <th>A</th> <td>Ja</td> <td>Alle 50</td> <td>Niet nodig</td> <td>Ja</td> </tr> <tr> <th>B</th> <td>Ja</td> <td>Minder dan 50</td> <td>Niet nodig</td> <td>Ja, als maatregelen zijn beschreven en er elk jaar verbetering is</td> </tr> <tr> <th>C</th> <td>Nee</td> <td>Niet bekend</td> <td>Ja</td> <td>Ja, maximaal 6 maanden vanaf het moment van publicatie van de verklaring</td> </tr> <tr> <th>D</th> <td>Nee</td> <td>Niet bekend</td> <td>Nee</td> <td>Nee</td> </tr> <tr> <th>E</th> <td>Niet bekend (geen verklaring)</td> <td>Niet bekend</td> <td>Niet bekend</td> <td>Nee</td> </tr> </tbody> </table> <p>* <a href="/aan-de-slag/toegankelijkheidsonderzoek">Compleet en actueel onderzoek</a> betekent: maximaal 3 jaar oud, uitgevoerd volgens de onderzoeksmethode WCAG-EM, voor alle 50 toegankelijkheidseisen en van alle onderdelen (alle techniek en content) van de hele site of app. Dit onderzoek mag ook uit meerdere deelonderzoeken bestaan.<br><br>Tip: <a href="https://www.digitoegankelijk.nl/ondersteuning/algemene-onderzoeken-platforms-en-apps">op deze pagina</a> vind je rapporten van toegankelijkheidsonderzoeken van de techniek van platforms en apps. Je kunt de rapporten gebruiken als (gedeeltelijke) onderbouwing van je verklaring.</p> <p> </p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap2">✅ Stap 2: Zorg voor overzicht</h2> <p><span class="text-intro">Zorg voor een compleet overzicht van alle websites en apps van je organisatie. Regel het beheer ervan.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p>Zoek uit of er al een overzicht is van alle websites en apps die onder verantwoordelijkheid van jouw organisatie vallen. Geen overzicht gevonden? Dan maak je het zelf, bijvoorbeeld in een spreadsheet. Ga nu als volgt te werk:</p> <ul> <li><strong>Inventarisatie</strong>:<br>Vul het overzicht (aan) met alle websites, intranetten, extranetten en mobiele apps waarvoor jouw organisatie verantwoordelijk is. Het <a href="https://dashboard.digitoegankelijk.nl">Dashboard DigiToegankelijk</a> is de eerste plek waar je kunt kijken. Hier zie je alle websites en apps van jouw organisatiedie al bij DigiToegankelijk bekend zijn.</li> <li><strong>Beheer</strong>:<br>Regel het beheer van het overzicht, zodat het actueel blijft.</li> <li><strong>Status</strong>:<br>Noteer bij elk kanaal voorlopig <em><strong>status D</strong></em>. In de volgende stappen ga je dit verfijnen.</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap3">✅ Stap 3: Zorg voor inzicht</h2> <p><span class="text-intro">Vul het overzicht aan met informatie over de stand van zaken op het gebied van toegankelijkheid voor elke website en app. Zo ontstaat inzicht.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p>Neem in het overzicht van stap 2 per kanaal informatie op over:</p> <ul> <li><strong>Toegankelijkheidsonderzoek</strong>: <ul> <li>Is in de afgelopen 3 jaar een volledig <a href="/aan-de-slag/toegankelijkheidsonderzoek">toegankelijkheidsonderzoek volgens de eisen</a> uitgevoerd voor dit kanaal? Zo niet, dan blijft de <em><strong>status D</strong></em> (dit kan bij stap 4 veranderen).</li> <li>Zo ja, wat was de uitkomst van dit onderzoek? Pas de <em><strong>status </strong></em>aan: <em><strong>A</strong></em> als de site of app aan alle 50 toegankelijkheidseisen voldoet, <em><strong>B</strong></em> als er nog fouten zijn gevonden.</li> </ul> </li> <li><strong>Bouw</strong>: <ul> <li>Is bij de bouw rekening gehouden met toegankelijkheid? </li> <li>Heeft de leverancier hier ervaring mee? </li> <li>Welk CMS wordt gebruikt, en kun je hiermee voldoen aan de toegankelijkheidseisen?</li> </ul> </li> <li><strong>Externe systemen</strong>: <ul> <li>Welke externe systemen worden bij dit kanaal ingezet? Denk aan zaaksystemen, een systeem om de website te archiveren, enzovoorts. </li> <li>Is er informatie over de toegankelijkheid van deze systemen?</li> </ul> </li> <li><strong>Redactie</strong>: <ul> <li>Zijn redacteuren op de hoogte van de toegankelijkheidseisen waar zij aan moeten voldoen? </li> <li>Zo ja, hoe is dit vastgelegd in processen voor het beheer van de website of app?</li> <li>Heeft de redactie trainingen gevolgd op het gebied van toegankelijkheid?</li> </ul> </li> <li><strong>Haalbaarheid</strong>: <ul> <li>Is het op basis van deze informatie haalbaar om de website of app in de toekomst aan de toegankelijkheidseisen te laten voldoen? Zo niet, dan is het nodig om de site of app te vervangen of op te heffen.</li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap4">✅ Stap 4: Beschrijf maatregelen</h2> <p><span class="text-intro">Beschrijf per website en app maatregelen om de toegankelijkheid verder te verbeteren, en voer ze uit.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p>Op basis van de inventarisatie bepaal je welke maatregelen je per kanaal gaat nemen om de toegankelijkheid te verbeteren. Je mag dit in stappen doen. Er moet wel elk jaar vooruitgang te zien zijn. Uiteindelijk moet elke website en app toegankelijk zijn. Je werkt dus voor elk kanaal toe naar <a href="/wetgeving/status">status A</a>.</p> <h3>Voorbeelden van maatregelen</h3> <h4>Algemene maatregelen:</h4> <ul> <li><strong>Processen, budget en capaciteit</strong>:<br>Leg verantwoordelijkheden vast voor specifieke processen, taken en deelonderwerpen. Stel een medewerker aan die verantwoordelijk is voor digitale toegankelijkheid. Een hulp hierbij is het boekje <a href="/aan-de-slag/wie-doet-wat">‘Digitale toegankelijkheid in in jouw organisatie: wie doet wat?’</a>. Zorg dat er structureel budget en capaciteit wordt gereserveerd. En dat digitale toegankelijkheid een vast onderdeel wordt van het inkoopproces.</li> <li><strong>Onderzoekscyclus per kanaal</strong>:<br>Zorg dat er minimaal eens in de 3 jaar een volledig <a href="/aan-de-slag/toegankelijkheidsonderzoek">toegankelijkheidsonderzoek volgens WCAG-EM</a> uit wordt gevoerd voor alle websites en apps. Dit is een noodzakelijke stap om grip te krijgen op digitale toegankelijkheid.</li> </ul> <h4>Voor kanalen met status B:</h4> <ul> <li><strong>Plan van aanpak op basis van onderzoeksresultaten: </strong><br>Bepaal op basis van de onderzoeksresultaten welke maatregelen je op welke termijn neemt. Bijvoorbeeld: <ul> <li>We schakelen de eigen leverancier en/of een andere dienstverlener in voor (advies over) het toegankelijk maken en houden van de website of app.</li> <li>We maken afspraken met leveranciers van externe pakketten over het verbeteren van de toegankelijkheid van deze pakketten.</li> <li>We laten redacteuren een training doen of de informatie op deze website lezen.</li> <li>We richten een proces in voor het toegankelijk publiceren van nieuwe informatie.</li> <li>We richten een proces in om zelf intern periodiek op toegankelijkheid te testen.</li> </ul> </li> </ul> <h4>Voor kanalen met status D:</h4> <ul> <li><strong>Toegankelijkheidsonderzoek</strong>:<br>Plan voor elk kanaal met status D dat je niet gaat vervangen of opheffen zo snel mogelijk een <a href="/aan-de-slag/toegankelijkheidsonderzoek">volledig toegankelijkheidsonderzoek</a> in. Pas de status in je overzicht aan: elk kanaal dat binnen 6 maanden zal worden onderzocht gaat naar <em><strong>status C</strong></em>.</li> <li><strong>Vervangen, opheffen en archiveren</strong>:<br>Bepaal wanneer je de websites en apps die je niet toegankelijk kunt maken gaat vervangen of opheffen. Vergeet niet om goed te archiveren. Bied een toegankelijk alternatief zolang de huidige website of app nog live is. Alleen websites en apps die binnen 6 maanden worden vervangen of opgeheven, en waarvoor een toegankelijk alternatief is, krijgen <em><strong>status C</strong></em>.</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap5">✅ Stap 5: Maak/update verklaringen</h2> <p><span class="text-intro">Maak voor elke website en app een toegankelijkheidsverklaring, of pas de bestaande verklaring aan, en laat deze tekenen door een bevoegde medewerker.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><ul> <li><strong>Maak een account aan</strong>:<br><a href="/aan-de-slag/invulassistent">Maak een account aan</a> op toegankelijkheidsverklaring.nl. Hiermee kun je toegankelijkheidsverklaringen maken en beheren. Het is handig om een algemeen account aan te maken dat door meerdere mensen in je organisatie kan worden gebruikt.</li> <li><strong>Betrek de juiste collega’s:</strong><br>Betrek collega’s die over de naleving van wet- en regelgeving gaan: de verklaring is een wettelijke verplichting. Daarom moet deze voor akkoord getekend worden door een functionaris of bestuurder van je organisatie die verantwoordelijk is voor webtoegankelijkheid.</li> <li><strong>Stel de verklaringen op:</strong><br>Stel voor elk kanaal een toegankelijkheidsverklaring op. Gebruik de informatie die je bij de vorige stappen hebt verzameld. De invulassistent op toegankelijkheidsverklaring.nl rekent de status uit op basis van de gegevens die je invult. Die zou dus hetzelfde moeten zijn als je eigen inschatting.</li> <li><strong>Publiceer elke verklaring:</strong><br><a href="/aan-de-slag/invulassistent#publiceren">Publiceer de verklaring</a> in het centrale register op toegankelijkheidsverklaring.nl. Op je website moet je daarna naar de verklaring verwijzen via het <a href="https://www.digitoegankelijk.nl/aan-de-slag/invulassistent#verwijzen">toegankelijkheidslabel</a>. Dat doe je door een stukje code te downloaden. Deze code toont automatisch de huidige status van je verklaring.</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="stap6">✅ Stap 6: Voer maatregelen uit</h2> <p><span class="text-intro">Voer de maatregelen van stap 5 uit en update je verklaring elk jaar.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><p>Deze stap bestaat uit het uitvoeren van de maatregelen die je eerder hebt opgeschreven. Elke keer als je een maatregel hebt uitgevoerd, pas je de verklaring aan. Heb je bijvoorbeeld een onderzoek laten uitvoeren, dan zet je de link naar het onderzoeksrapport erbij. En je beschrijft de gevonden fouten. Met de <a href="/aan-de-slag/invulassistent">invulassistent</a> kun je een bestaande verklaring aanpassen.</p> <h3>Neem organisatorische en procesmatige maatregelen</h3> <p>Toegankelijkheid is geen eenmalig project, maar een doorlopend proces. Neem maatregelen die de processen en de manier waarop dingen zijn georganiseerd verbeteren. Zo wordt het een gewoonte om toegankelijk te werken. Daarnaast is het belangrijk om regelmatig te testen. Zo controleer je of de maatregelen goed werken.</p> <h3>1 keer per jaar updaten</h3> <p>De toegankelijkheidsverklaring moet minimaal 1 keer per jaar worden geüpdatet. Tussendoor aanpassen mag natuurlijk ook. In de verklaring moet te zien zijn dat maatregelen zijn uitgevoerd en de toegankelijkheid verder is verbeterd. Alleen dan blijf je aan <a href="/wetgeving/wat-is-verplicht">de wet</a> voldoen.</p> <table> <caption>Blijven voldoen aan de wet</caption> <thead> <tr> <th>Huidige status</th> <th>Welke vooruitgang moet bij de jaarlijkse update zichtbaar zijn?</th> </tr> </thead> <tbody> <tr> <td>A</td> <td>Status blijft A of is B geworden</td> </tr> <tr> <td>B</td> <td>Status is A geworden, of nog steeds B maar met duidelijk minder fouten</td> </tr> <tr> <td>C</td> <td>Status is binnen een half jaar na publicatie van de verklaring B of A geworden of de website/app is opgeheven (en eventueel vervangen door een nieuwe toegankelijke versie)</td> </tr> <tr> <td>D</td> <td>Status is C, B of A geworden</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="bg-pink paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--wysiwyg-element paragraph--view-mode--default"> <div class="field field--name-field-body content-item"><h2 id="schema">Schematische weergave</h2> <p><span class="text-intro">We hebben deze tekst ook verwerkt in een schema:</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-field-content content-item"> <div class="first-column-bg-grey paragraph paragraph--type--column-100 paragraph--view-mode--default"> <div class="container"> <div class="field field--name-field-content-100 content-item-list"> <div class="field field--name-field-content-100 content-item"> <div class="paragraph paragraph--type--image-gallery paragraph--view-mode--default"> <div class="field field--name-field-image-gallery content-item"> <img src="/sites/default/files/2022-11/stappenplan-v2%281%29.png" width="931" height="1708" alt="Visuele weergave van de handleiding" loading="lazy" /> </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\/143","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,"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","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":"col-md-8 col-xs-12","id":"","element":"div","show_label":false,"label_element":"h3","label_element_classes":"","attributes":"","effect":"none","speed":"fast"}}},"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?slp97g"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.3.5"></script> <script src="/core/misc/drupal.js?v=10.3.5"></script> <script src="/core/misc/drupal.init.js?v=10.3.5"></script> <script src="/themes/custom/dito/node_modules/%40dictu/video/dist/video.js?slp97g"></script> <script src="/themes/custom/dito/js/script.js?slp97g"></script> <script src="/themes/custom/dito/js/anchorlink.js?slp97g"></script> <script src="/themes/custom/dito/js/video.js?slp97g"></script> <script src="/modules/contrib/extlink/js/extlink.js?v=10.3.5"></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

Handleiding: naar een digitaal toegankelijke organisatie | Digitoegankelijk