WCAG Standard: WCAG2AA
Last run: 04-04-2026, 03:34
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.04:1. Recommendation: change background to #fdfdff.
<a id="CybotCookiebotDialogNavDeclaration" class="CybotCookiebotDialogNavItemLink CybotCookiebotDialogActive" href="#" data-target="CybotCookiebotDialogBody" tabindex="0" role="tab" aria-selected="true" lang="nl">Toestemming</a>
#CybotCookiebotDialogNavDeclaration
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.39:1. Recommendation: change text colour to #6141e9.
<span class="max-w-full flex-1 truncate text-ellipsis">Meld je aan</span>
#app > header > div > div:nth-child(2) > a > span > span:nth-child(1)
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.02:1. Recommendation: change background to #fdfdff.
<p>Een inspiratiebron voor de buur...</p>
#app > div > div:nth-child(1) > div:nth-child(1) > div > div > p
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
Interfering with a user agent's ability to zoom may be a failure of this Success Criterion.
<meta content="width=device-width,initial-scale=1,minimum-scale=1" name="viewport" data-next-head="">
html > head > meta:nth-child(10)
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
<div id="CybotCookiebotDialog" name="CybotCookiebotDialog" role="dialog" aria-modal="true" aria-labelledby="CybotCookiebotDialogBodyContentTitle" tabindex="-1" lang="nl" dir="ltr" ng-non-bindable="" style="display: flex;" data-template="popup" class=...
#CybotCookiebotDialog
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Cookiebot - opens in a new window" href="https://www.cookiebot.com/goto/privacy-policy/" title="Privacybeleid ...
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(1) > a:nth-child(2)
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Google - opens in a new window" href="https://business.safety.google/privacy/" title="Privacybeleid van Google...
#CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > li > a:nth-child(2)
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Google - opens in a new window" href="https://business.safety.google/privacy/" title="Privacybeleid van Google...
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(1) > a:nth-child(2)
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
<dialog aria-describedby="popup-intro" aria-labelledby="popup-title" aria-modal="true" open="" tabindex="-1" class="z-1000 fixed inset-0 flex h-screen w-screen items-start justify-center overflow-y-auto rounded-none bg-black/60 p-4 sm:items-center sm...
#popup-root > dialog
WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141
The heading structure is not logically nested. This h4 element appears to be the primary document heading, so should be an h1 element.
<h4 id="popup-title" class="text-h4 text-purple font-artz">Zet jij je in voor een beter kl...</h4>
#popup-title
WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141
The heading structure is not logically nested. This h4 element should be an h1 to be properly nested.
<h4 id="popup-title" class="text-h4 text-purple font-artz">Zet jij je in voor een beter kl...</h4>
#popup-title
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<span class="sr-only">Sluiten</span>
#popup-root > dialog > div > div:nth-child(1) > button > span > span > span:nth-child(1)
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<a aria-label="Terms (opens in new tab)" href="https://www.google.com/intl/en-US_US/help/terms_maps.html" target="_blank" rel="noopener" style="text-decoration: none; cursor: pointer; color: rgb(0, 0, 0);">Terms</a>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(16) > div > div:nth-child(5) > div:nth-child(2) > a
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<a target="_blank" rel="noopener" title="Report errors in the road map or imagery to Google" dir="ltr" href="https://www.google.com/maps/@52.133979,5.2669097,8z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto, Arial, san...
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(16) > div > div:nth-child(6) > div:nth-child(2) > a
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<button draggable="false" aria-label="Keyboard shortcuts" title="Keyboard shortcuts" type="button" style="background: none; display: inline-block; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cur...
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(16) > div > div:nth-child(1) > div > div:nth-child(2) > button
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<span style="">Map data ©2026 GeoBasis-DE/BKG ...</span>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(16) > div > div:nth-child(2) > div > div:nth-child(2) > span
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(3) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">7</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(5) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(9) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(11) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(13) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(15) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">3</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(17) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(19) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">5</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(21) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(23) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">5</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(25) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(27) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">3</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(31) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(33) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(37) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(39) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(41) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(45) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(49) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">5</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(51) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(53) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">3</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(111) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(113) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">5</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(115) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">13</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(117) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">2</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(119) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(121) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">5</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(125) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">9</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(127) > div > div > div
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
<div class="" aria-hidden="true" style="color: rgb(255, 255, 255); font-size: 14px; font-family: Roboto, Arial, sans-serif;">4</div>
#app > div > div:nth-child(1) > div:nth-child(2) > div > div > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(129) > div > div > div
WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2
Check that the title element describes the document.
<title data-next-head="">De Klimaatweek - 2 t/m 8 novemb...</title>
html > head > title
WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
<img id="CybotCookiebotDialogPoweredbyImage" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAH0AAABGUCAYAAADfYYiQAAAACXBIWXMAAC4jAAAuIwF4pT92AAAgAElEQVR4nOzdMQHAMAzAsKz8OWefKbSHhMAM/O3uAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMzMnNsBAAAAAAAAAAAAAA...
#CybotCookiebotDialogPoweredbyImage
WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
<img id="CybotCookiebotDialogPoweredbyImage" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAH0AAABGUCAYAAADfYYiQAAAACXBIWXMAAC4jAAAuIwF4pT92AAAgAElEQVR4nOzdMQHAMAzAsKz8OWefKbSHhMAM/O3uAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMzMnNsBAAAAAAAAAAAAAA...
#CybotCookiebotDialogPoweredbyImage
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a href="https://www.cookiebot.com/en/what-is-behind-powered-by-cookiebot/?utm_source=banner_cb&utm_medium=referral&utm_content=v2" rel="noopener nofollow" target="_blank" id="CybotCookiebotDialogPoweredbyCybot" aria-label="Cookiebot by Userc...
#CybotCookiebotDialogPoweredbyCybot
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonNecessary" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" disabled="disabled" checked="checked">
#CybotCookiebotDialogBodyLevelButtonNecessary
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonNecessary" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" disabled="disabled" checked="checked">
#CybotCookiebotDialogBodyLevelButtonNecessary
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferences" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonPreferencesInline" checked="checked" t...
#CybotCookiebotDialogBodyLevelButtonPreferences
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferences" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonPreferencesInline" checked="checked" t...
#CybotCookiebotDialogBodyLevelButtonPreferences
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatistics" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonStatisticsInline" checked="checked" tab...
#CybotCookiebotDialogBodyLevelButtonStatistics
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatistics" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonStatisticsInline" checked="checked" tab...
#CybotCookiebotDialogBodyLevelButtonStatistics
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonMarketingInline" checked="checked" tabin...
#CybotCookiebotDialogBodyLevelButtonMarketing
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketing" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-target="CybotCookiebotDialogBodyLevelButtonMarketingInline" checked="checked" tabin...
#CybotCookiebotDialogBodyLevelButtonMarketing
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a id="CybotCookiebotDialogBodyEdgeMoreDetailsLink" href="#" class="">Details tonen</a>
#CybotCookiebotDialogBodyEdgeMoreDetailsLink
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerNecessary" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="nl" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsNecessar...
#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonNecessaryInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonNecessaryInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" disabled=...
#CybotCookiebotDialogBodyLevelButtonNecessaryInline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonNecessaryInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonNecessaryInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelButtonDisabled" disabled=...
#CybotCookiebotDialogBodyLevelButtonNecessaryInline
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">Cookiebot<div class="CybotCooki...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(1) > a:nth-child(1)
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Cookiebot - opens in a new window" href="https://www.cookiebot.com/goto/privacy-policy/" title="Privacybeleid ...
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(1) > a:nth-child(2)
WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(1) > a:nth-child(2) > img
WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(1) > a:nth-child(2) > img
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">klimaatweek.nl<div class="Cybot...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsNecessary > div > ul > li:nth-child(2) > a
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerPreference" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="nl" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsPrefere...
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferencesInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonPreferencesInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data...
#CybotCookiebotDialogBodyLevelButtonPreferencesInline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonPreferencesInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonPreferencesInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data...
#CybotCookiebotDialogBodyLevelButtonPreferencesInline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerStatistics" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="nl" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsStatist...
#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatisticsInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonStatisticsInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-t...
#CybotCookiebotDialogBodyLevelButtonStatisticsInline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonStatisticsInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonStatisticsInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-t...
#CybotCookiebotDialogBodyLevelButtonStatisticsInline
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">klimaatweek.nl<div class="Cybot...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsStatistics > div > ul > li > a
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="nl" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsAdvert...
#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketingInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonMarketingInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-tar...
#CybotCookiebotDialogBodyLevelButtonMarketingInline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyLevelButtonMarketingInline" aria-labelledby="CybotCookiebotDialogBodyLevelButtonMarketingInlineLabel" class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" data-tar...
#CybotCookiebotDialogBodyLevelButtonMarketingInline
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">Google<div class="CybotCookiebo...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > li > a:nth-child(1)
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Google - opens in a new window" href="https://business.safety.google/privacy/" title="Privacybeleid van Google...
#CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > li > a:nth-child(2)
WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > li > a:nth-child(2) > img
WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsAdvertising > div > ul > li > a:nth-child(2) > img
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified" class="CybotCookiebotDialogDetailBodyContentCookieContainerButton CybotCookiebotDialogCollapsed" lang="nl" data-target="CybotCookiebotDialogDetailBodyContentCookieTabsUncla...
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">Google<div class="CybotCookiebo...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(1) > a:nth-child(1)
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieLink" target="_blank" rel="noopener noreferrer nofollow" aria-label="Privacybeleid van Google - opens in a new window" href="https://business.safety.google/privacy/" title="Privacybeleid van Google...
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(1) > a:nth-child(2)
WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image
Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(1) > a:nth-child(2) > img
WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74
If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
<img class="CybotExternalLinkArrow" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgBpdTdCcMgEAdwT/vk04EOkBG6QifpHH3rCF2hk3SVvBaEuoDYu4IgRRMv/iEkD/H...
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(1) > a:nth-child(2) > img
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="CybotCookiebotDialogDetailBodyContentCookieProvider CybotCookiebotDialogCollapsed" role="button" aria-expanded="false" href="#">klimaatweek.nl<div class="Cybot...</a>
#CybotCookiebotDialogDetailBodyContentCookieTabsUnclassified > div > ul > li:nth-child(2) > a
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a id="CybotCookiebotDialogDetailBulkConsentLink" href="#" class="CybotExpandLink CybotCookiebotDialogCollapsed" data-target="CybotCookiebotDialogDetailBulkConsentListWrapper">Toestemming voor meerdere domei...</a>
#CybotCookiebotDialogDetailBulkConsentLink
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33
Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
<a href="https://www.cookiebot.com" target="_blank" rel="noopener" title="Cookiebot">Cookiebot</a>
#CybotCookiebotDialogDetailFooter > a
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentIABv2Purposes" class="CybotCookiebotDialogDetailBodyContentIABv2Tab CybotCookiebotDialogCollapsed" tabindex="0" data-target="CybotCookiebotDialogDetailBodyContentIABv2PurposesBody" lang="nl" aria-label...
#CybotCookiebotDialogDetailBodyContentIABv2Purposes
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentIABv2Features" class="CybotCookiebotDialogDetailBodyContentIABv2Tab CybotCookiebotDialogCollapsed" tabindex="0" data-target="CybotCookiebotDialogDetailBodyContentIABv2FeaturesBody" lang="nl" aria-label...
#CybotCookiebotDialogDetailBodyContentIABv2Features
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogDetailBodyContentIABv2Partners" class="CybotCookiebotDialogDetailBodyContentIABv2Tab CybotCookiebotDialogCollapsed" tabindex="0" data-target="CybotCookiebotDialogDetailBodyContentIABv2PartnersBody" lang="nl" aria-label...
#CybotCookiebotDialogDetailBodyContentIABv2Partners
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="checkbox" id="CybotCookiebotDialogBodyContentCheckboxPersonalInformation" class="CybotCookiebotDialogBodyLevelButton">
#CybotCookiebotDialogBodyContentCheckboxPersonalInformation
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="CybotCookiebotDialogBodyContentCheckboxPersonalInformation" class="CybotCookiebotDialogBodyLevelButton">
#CybotCookiebotDialogBodyContentCheckboxPersonalInformation
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogBodyButtonDecline" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="nl">Weigeren</button>
#CybotCookiebotDialogBodyButtonDecline
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection" class="CybotCookiebotDialogBodyButton CybotCookiebotDialogHide" tabindex="0" lang="nl">Selectie toestaan</button>
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogBodyLevelButtonCustomize" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="nl">Aanpassen<div class="CybotCooki...</button>
#CybotCookiebotDialogBodyLevelButtonCustomize
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="nl">Alles toestaan</button>
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button aria-label="Sluiten" type="button"><span class="button gap-x-4 but...</button>
#popup-root > dialog > div > div:nth-child(1) > button
WCAG2AA.Principle3.Guideline3_3.3_3_1.G83,G84,G85
If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
<form novalidate="" class="NewsletterForm-module-scss-module__b81O9G__form"><input type="hidden" value="8f1...</form>
#popup-root > dialog > div > div:nth-child(3) > form
WCAG2AA.Principle3.Guideline3_3.3_3_2.G131,G89,G184,H90
Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
<form novalidate="" class="NewsletterForm-module-scss-module__b81O9G__form"><input type="hidden" value="8f1...</form>
#popup-root > dialog > div > div:nth-child(3) > form
WCAG2AA.Principle3.Guideline3_3.3_3_3.G177
Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
<form novalidate="" class="NewsletterForm-module-scss-module__b81O9G__form"><input type="hidden" value="8f1...</form>
#popup-root > dialog > div > div:nth-child(3) > form
WCAG2AA.Principle3.Guideline3_3.3_3_4.G98,G99,G155,G164,G168.LegalForms
If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
<form novalidate="" class="NewsletterForm-module-scss-module__b81O9G__form"><input type="hidden" value="8f1...</form>
#popup-root > dialog > div > div:nth-child(3) > form
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input type="hidden" value="8f17bdb516" name="list[]">
#popup-root > dialog > div > div:nth-child(3) > form > input
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input type="hidden" value="8f17bdb516" name="list[]">
#popup-root > dialog > div > div:nth-child(3) > form > input
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.
<input id="email_address" placeholder="Uw e-mailadres" class="min-h-14 flex-1 px-2" required="" type="email" name="email_address">
#email_address
WCAG2AA.Principle1.Guideline1_3.1_3_5.H98
This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.
<input id="email_address" placeholder="Uw e-mailadres" class="min-h-14 flex-1 px-2" required="" type="email" name="email_address">
#email_address
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<input id="email_address" placeholder="Uw e-mailadres" class="min-h-14 flex-1 px-2" required="" type="email" name="email_address">
#email_address
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107
Check that a change of context does not occur when this input field receives focus.
<button type="submit"><span class="button gap-x-4 but...</button>
#popup-root > dialog > div > div:nth-child(3) > form > div > div > button
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
<a class="text-body text-purple hover:underline" href="/algemene-voorwaarden-&-privacy">Ontdek ons privacybeleid</a>
#popup-root > dialog > div > div:nth-child(3) > a
WCAG2AA.Principle1.Guideline1_3.1_3_2.G57
Check that the content is ordered in a meaningful sequence when linearised, such as when style sheets are disabled.
WCAG2AA.Principle1.Guideline1_3.1_3_3.G96
Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.
WCAG2AA.Principle1.Guideline1_3.1_3_4.
Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
WCAG2AA.Principle1.Guideline1_4.1_4_1.G14,G182
Check that any information conveyed using colour alone is also available in text, or through other visual cues.
WCAG2AA.Principle1.Guideline1_4.1_4_4.G142
Check that text can be resized without assistive technology up to 200 percent without loss of content or functionality.
WCAG2AA.Principle1.Guideline1_4.1_4_5.G140,C22,C30.AALevel
If the technologies being used can achieve the visual presentation, check that text is used to convey information rather than images of text, except when the image of text is essential to the information being conveyed, or can be visually customised to the user's requirements.
WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206
Check that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels; Except for parts of the content which require two-dimensional layout for usage or meaning.
WCAG2AA.Principle1.Guideline1_4.1_4_11.G195,G207,G18,G145,G174,F78
Check that the visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
WCAG2AA.Principle1.Guideline1_4.1_4_12.C36,C35
Check that no loss of content or functionality occurs by setting all of the following and by changing no other style property: Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs to at least 2 times the font size; Letter spacing (tracking) to at least 0.12 times the font size; Word spacing to at least 0.16 times the font size.
WCAG2AA.Principle1.Guideline1_4.1_4_13.F95
Check that where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: Dismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
WCAG2AA.Principle2.Guideline2_1.2_1_4.
Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off: A mechanism is available to turn the shortcut off; Remap: A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc); Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
WCAG2AA.Principle2.Guideline2_2.2_2_2.SCR33,SCR22,G187,G152,G186,G191
If any part of the content moves, scrolls or blinks for more than 5 seconds, or auto-updates, check that there is a mechanism available to pause, stop, or hide the content.
WCAG2AA.Principle2.Guideline2_3.2_3_1.G19,G176
Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.
WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124,H69
Ensure that any common navigation elements can be bypassed; for instance, by use of skip links, header elements, or ARIA landmark roles.
WCAG2AA.Principle2.Guideline2_4.2_4_3.H4.2
If tabindex is used, check that the tab order specified by the tabindex attributes follows relationships in the content.
WCAG2AA.Principle2.Guideline2_4.2_4_5.G125,G64,G63,G161,G126,G185
If this Web page is not part of a linear process, check that there is more than one way of locating this Web page within a set of Web pages.
WCAG2AA.Principle2.Guideline2_4.2_4_6.G130,G131
Check that headings and labels describe topic or purpose.
WCAG2AA.Principle2.Guideline2_4.2_4_7.G149,G165,G195,C15,SCR31
Check that there is at least one mode of operation where the keyboard focus indicator can be visually located on user interface controls.
WCAG2AA.Principle2.Guideline2_5.2_5_1.
Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
WCAG2AA.Principle2.Guideline2_5.2_5_2.
Check that for functionality that can be operated using a single pointer, at least one of the following is true: No Down-Event: The down-event of the pointer is not used to execute any part of the function; Abort or Undo: Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion; Up Reversal: The up-event reverses any outcome of the preceding down-event; Essential: Completing the function on the down-event is essential.
WCAG2AA.Principle2.Guideline2_5.2_5_3.F96
Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.
WCAG2AA.Principle2.Guideline2_5.2_5_4.
Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: Supported Interface: The motion is used to operate functionality through an accessibility supported interface; Essential: The motion is essential for the function and doing so would invalidate the activity.
WCAG2AA.Principle3.Guideline3_1.3_1_2.H58
Ensure that any change in language is marked using the lang and/or xml:lang attribute on an element, as appropriate.
WCAG2AA.Principle3.Guideline3_2.3_2_3.G61
Check that navigational mechanisms that are repeated on multiple Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.
WCAG2AA.Principle3.Guideline3_2.3_2_4.G197
Check that components that have the same functionality within this Web page are identified consistently in the set of Web pages to which it belongs.
WCAG2AA.Principle4.Guideline4_1.4_1_3.
Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.