{"id":147758,"date":"2025-07-09T10:00:11","date_gmt":"2025-07-09T07:00:11","guid":{"rendered":"https:\/\/elementor.com\/help\/aria-en-ontwikkelpraktijken-apg-begrijpen\/"},"modified":"2025-07-09T10:00:11","modified_gmt":"2025-07-09T07:00:11","slug":"aria-en-ontwikkelpraktijken-apg-begrijpen","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/","title":{"rendered":"ARIA en ontwikkelpraktijken (APG) begrijpen"},"content":{"rendered":"\n<p>ARIA (Accessible Rich Internet Applications) is een set attributen die je kunt toevoegen aan HTML-elementen om webcontent en -applicaties toegankelijker te maken, vooral dynamische inhoud en geavanceerde gebruikersinterfacebesturingselementen. De Authoring Practices Guide (APG) biedt richtlijnen over hoe je ARIA correct kunt gebruiken. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wat is ARIA?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ARIA biedt extra informatie aan ondersteunende technologie\u00ebn die niet beschikbaar is in native HTML. Het helpt bij het defini\u00ebren van de rollen, toestanden en eigenschappen van aangepaste UI-componenten. <\/li>\n\n\n\n<li><strong>Voorbeeld:<\/strong> Als je een aangepast dropdown-menu maakt met &lt;div&gt;-elementen, weet een schermlezer niet dat het een menu is. ARIA-attributen zoals role=\u201cmenu\u201d, aria-haspopup=\u201ctrue\u201d en aria-expanded=\u201cfalse\/true\u201d kunnen worden gebruikt om de functie en status ervan te beschrijven. <\/li>\n\n\n\n<li><strong>Eerste regel van ARIA:<\/strong> De belangrijkste regel is: als een native HTML-element al de toegankelijkheidsfuncties heeft die je nodig hebt, gebruik het dan in plaats van een aangepast component met ARIA te maken. Gebruik bijvoorbeeld een &lt;button&gt;-element in plaats van een &lt;div&gt; met role=\u201cbutton\u201d. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wat is de APG?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>De APG (Authoring Practices Guide) is een hulpbron van het W3C die ontwerppatronen en codevoorbeelden biedt voor het maken van toegankelijke webcomponenten.<\/li>\n\n\n\n<li>Het demonstreert hoe je ARIA correct kunt implementeren voor veelvoorkomende widgets zoals accordeons, schuifregelaars, tabbladen en modals.<\/li>\n\n\n\n<li>De APG is een essenti\u00eble gids voor ontwikkelaars om ervoor te zorgen dat hun aangepaste componenten bruikbaar zijn voor mensen die afhankelijk zijn van ondersteunende technologie\u00ebn.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>ARIA (Accessible Rich Internet Applications) is een set attributen die je kunt toevoegen aan HTML-elementen om webcontent en -applicaties toegankelijker te maken, vooral dynamische inhoud en geavanceerde gebruikersinterfacebesturingselementen. De Authoring Practices Guide (APG) biedt richtlijnen over hoe je ARIA correct kunt gebruiken. Wat is ARIA? Wat is de APG?<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1678],"tags":[],"class_list":["post-147758","post","type-post","status-publish","format-standard","hentry","category-ally-webtoegang"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-09T07:00:11+00:00\" \/>\n<meta name=\"author\" content=\"rebeccaf\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"rebeccaf\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\"},\"author\":{\"name\":\"rebeccaf\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727\"},\"headline\":\"ARIA en ontwikkelpraktijken (APG) begrijpen\",\"datePublished\":\"2025-07-09T07:00:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\"},\"wordCount\":244,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"articleSection\":[\"Ally - webtoegang\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\",\"name\":\"ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"datePublished\":\"2025-07-09T07:00:11+00:00\",\"description\":\"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ongecategoriseerd\",\"item\":\"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ARIA en ontwikkelpraktijken (APG) begrijpen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727\",\"name\":\"rebeccaf\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g\",\"caption\":\"rebeccaf\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor","description":"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/","og_locale":"nl_NL","og_type":"article","og_title":"ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor","og_description":"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/","og_site_name":"Help","article_published_time":"2025-07-09T07:00:11+00:00","author":"rebeccaf","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"rebeccaf","Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/"},"author":{"name":"rebeccaf","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727"},"headline":"ARIA en ontwikkelpraktijken (APG) begrijpen","datePublished":"2025-07-09T07:00:11+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/"},"wordCount":244,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"articleSection":["Ally - webtoegang"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/","url":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/","name":"ARIA en ontwikkelpraktijken (APG) begrijpen | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"datePublished":"2025-07-09T07:00:11+00:00","description":"Learn everything about ARIA en ontwikkelpraktijken (APG) begrijpen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nl\/aria-en-ontwikkelpraktijken-apg-begrijpen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/nl\/"},{"@type":"ListItem","position":2,"name":"Ongecategoriseerd","item":"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/"},{"@type":"ListItem","position":3,"name":"ARIA en ontwikkelpraktijken (APG) begrijpen"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/nl\/#website","url":"https:\/\/elementor.com\/help\/nl\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/65dd358743d24ed396d4712d9a202727","name":"rebeccaf","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6ff18bb42e24357444c8a154005b39919ea1a5078f8103605a2498825fe44b73?s=96&d=mm&r=g","caption":"rebeccaf"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/147758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=147758"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/147758\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=147758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=147758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=147758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}