Accessibility issues detected on strandresidence.nl
Evolize inspected 5 publicly accessible pages on strandresidence.nl and detected 32 automatically identifiable accessibility findings. 14 findings were classified as critical or high priority. The findings map to 9 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve hidden elements can still receive keyboard focus, interactive controls are not keyboard-accessible, modal dialog does not trap keyboard focus.
Independent public assessment. strandresidence.nl is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on strandresidence.nl and detected 32 automatically identifiable accessibility findings. 14 findings were classified as critical or high priority. The findings map to 9 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve hidden elements can still receive keyboard focus, interactive controls are not keyboard-accessible, modal dialog does not trap keyboard focus.
02 · Priority findings
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 4.1.2 | Name, Role, Value | A | 7 | 5 |
| 2.5.8 | Target Size (Minimum) | AA | 6 | 5 |
| 1.4.3 | Contrast (Minimum) | AA | 5 | 4 |
| 2.4.3 | Focus Order | A | 5 | 5 |
| 1.3.1 | Info and Relationships | A | 4 | 5 |
| 2.1.1 | Keyboard | A | 4 | 5 |
| 2.2.2 | Pause, Stop, Hide | A | 1 | 1 |
| 2.4.1 | Bypass Blocks | A | 1 | 5 |
| 3.3.2 | Labels or Instructions | A | 1 | 2 |
Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.
A scan shows today's exposure. Monitoring shows what changes next.
Evolize continuously rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
Hidden elements can still receive keyboard focus
ComponentRef 660HJD
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://strandresidence.nl/body > header > div:nth-of-type(2) > div > div:nth-of-type(1) > a<a title="Home" class="inline-flex items-center shrink-0 cursor-pointer" href="/"><img alt="Logo Strand Residense" fetchpriority="high" loading="eager" width="83" height="29" decoding="async" data-nimg="1" class="h-auto" style="color:transparent" src="/api/media/file/Group%201956.svg"></a>
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef HNLRY1
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://strandresidence.nl/privacy-verklaringdiv > div:nth-of-type(2) > nav > ul > li > a<a target="_blank" title="Inloggen" class="flex items-center gap-1 group transition-[color] duration-75 hover:bg-[color-mix(in_srgb,var(--ms-card-background-color)_95%,black)] text-nowrap cursor-pointer rounded-(--ms-card-border-bottom-left-radius) px-[calc(var(--ms-card-padding-left)/1.2)] py-[calc(var(--ms-card-padding-top)/1.2)]" href="https://strandresidence.osre.nl/mijn-omgeving/inloggen">Inloggen</a>
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef TGQR77
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://strandresidence.nl/privacy-verklaringbutton#base-ui-_R_6tam5fiv9fivb_<button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_6tam5fiv9fivb_" aria-label="Nederlands" title="Nederlands" aria-expanded="false"><span class="flex items-center gap-1.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-(--ms-color-primary)/20 focus-visible:ring-offset-2 rounded"><svg viewBox="0 0 30 20" fill="none" preserveAspectRatio="xMidYMid slice" aria-hidden="true" class="size-[1.25em] shrink-0 rounded-full overflow-hidden"><rect width="30" height="20" fill="#C8102E"></rect><rect y="6.67" width="30" height="6.67" fill="#FFF"></rect><rect y="13.33" width="30"…
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef RJZXUV
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
https://strandresidence.nl/div:nth-of-type(3) > nav > ul > li:nth-of-type(2) > button > a<a target="_self" title="Projectinfo" class="flex items-center gap-1 group transition-[color] duration-75 hover:bg-[color-mix(in_srgb,var(--ms-card-background-color)_95%,black)] text-nowrap cursor-pointer rounded-(--ms-card-border-bottom-left-radius) px-2 py-4" href="/investeren">Projectinfo</a>
/ /contact /privacy-verklaring /faq /verkoopmanifestatieInteractive controls are not keyboard-accessible
ComponentRef 5BRV5U
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
https://strandresidence.nl/span#base-ui-_r_5_<span data-disabled="" data-checked="" role="checkbox" tabindex="-1" aria-disabled="true" id="base-ui-_r_5_" aria-checked="true" aria-describedby="cw-necessary-desc" class="ms-checkbox p-0 transition border flex size-5 shrink-0 items-center justify-center rounded-sm data-unchecked:group-hover:outline-1 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-60" aria-labelledby="base-ui-_r_7_"><span data-disabled="" data-checked="" …
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef ILZD9B
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
https://strandresidence.nl/contactdiv:nth-of-type(1) > div > nav > ol > li:nth-of-type(3) > span<span data-slot="breadcrumb-page" role="link" aria-disabled="true" aria-current="page" class="text-foreground font-normal">Contact</span>
/contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef 494XOV
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
https://strandresidence.nl/span#base-ui-_R_6mjbjvd5cav9fivb_<span data-unchecked="" role="radio" tabindex="-1" aria-checked="false" id="base-ui-_R_6mjbjvd5cav9fivb_" class="ms-radio absolute flex size-5 shrink-0 items-center justify-center rounded-full border p-0 transition focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-60 data-unchecked:group-hover:outline-1" aria-labelledby="base-ui-_R_6mjbjvd5cav9fivbH1_-label"></span>
/ /contactModal dialog does not trap keyboard focus
ComponentRef HHMW7W
An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
https://strandresidence.nl/html > body > aside<aside aria-modal="true" aria-hidden="true" role="dialog" class="fixed z-50 flex flex-col transition-transform left-0 w-full bg-(--bg-body) -translate-x-full" style="top:var(--header-height);height:calc(100vh - var(--header-height))" data-base-ui-inert=""><div class="flex flex-col p-4 overflow-auto gap-4"><nav class="flex flex-col gap-6"><div class=""><a target="_self" title="Omgeving" class="flex items-center gap-1 group transition-[color] duration-75" href="/omgeving">Omgeving</a></div><div class="flex flex-col"><div class="flex items-center gap-2 min-w-0"><a target="_self" title="Projectinf…
/ /contact /privacy-verklaring /faq /verkoopmanifestatieARIA hidden element must not be focusable or contain focusable elements
ComponentRef AWS5BR
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/header<header class="z-100 fixed w-full top-0" aria-hidden="true" data-base-ui-inert="">
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef XFP053
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/footer<footer class="z-0" aria-hidden="true" data-base-ui-inert="">
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef U2HMKY
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/span[data-type="inside"][data-base-ui-focus-guard=""][data-base-ui-inert=""]:nth-child(3)<span data-type="inside" aria-hidden="true" tabindex="0" data-base-ui-focus-guard="" data-base-ui-inert="" style="clip-path: inset(50%); overflow: hidden; white-space: nowrap; border: 0px; padding: 0px; width: 1px; height: 1px; margin: -1px; position: fixed; top: 0px; left: 0px;"></span>
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef U3GT9J
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/main<main class="main flex-1 mt-(--expanded-header-height) z-10" aria-hidden="true" data-base-ui-inert="">
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef WRZ9UI
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/aside<aside aria-modal="true" aria-hidden="true" role="dialog" class="fixed z-50 flex flex-col transition-transform left-0 w-full bg-(--bg-body) -translate-x-full" style="top:var(--header-height);height:calc(100vh - var(--header-height))" data-base-ui-inert="">
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef X82L1
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/contact.ms-btn-4<button type="button" tabindex="0" aria-label="Cookie voorkeuren" title="Cookie voorkeuren" class="transition gap-2 cur..." aria-hidden="true" data-base-ui-inert="">
/contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef T2W3LI
ARIA hidden element must not be focusable or contain focusable elements
https://strandresidence.nl/.bottom-3<button type="button" tabindex="0" aria-label="Cookie voorkeuren" title="Cookie voorkeuren" class="transition gap-2 cur..." aria-hidden="true" data-base-ui-inert="">
No skip link to main content
ComponentRef SQD72Q
The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.
https://strandresidence.nl/html > body<body data-scrolled-down="false" data-scrolled-up="false" class="relative min-h-screen flex flex-col home ms-bg-6a607f4181cc492a2ca6d137 topbar-6a620100136a2ca176f5c49a navbar-6a60c24d6ff9575b0b3476f3" style="overflow: hidden;"><div hidden="" aria-hidden="true" data-base-ui-inert=""><!--$--><!--/$--></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://strandresidence.nl/#LocalBusiness","name":"Strand Residence","url":"https://strandresidence.nl/","description":"Strand Residence Bergen aan Zee, parel aan de Noordzeekust. Een uitgelezen…/ /contact /privacy-verklaring /faq /verkoopmanifestatieNavigation regions are not distinguishable
ComponentRef 2Q84E2
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://strandresidence.nl/body > header > div:nth-of-type(1) > div > div:nth-of-type(2) > nav<nav><ul class="relative flex gap-4"><li class="cursor-pointer rounded-(--ms-card-border-bottom-left-radius)"><a target="_blank" title="Inloggen" class="flex items-center gap-1 group transition-[color] duration-75 hover:bg-[color-mix(in_srgb,var(--ms-card-background-color)_95%,black)] text-nowrap cursor-pointer rounded-(--ms-card-border-bottom-left-radius) px-[calc(var(--ms-card-padding-left)/1.2)] py-[calc(var(--ms-card-padding-top)/1.2)]" href="https://strandresidence.osre.nl/mijn-omgeving/inloggen">Inloggen</a></li></ul></nav>
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef 13WRG5
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://strandresidence.nl/html > body > footer > div:nth-of-type(2) > div > nav<nav><ul class="relative flex flex-col md:flex-row md:flex-wrap items-center gap-2 ms-font-8"><li class="cursor-pointer rounded-(--ms-card-border-bottom-left-radius)"><a target="_self" title="Disclaimer" class="flex items-center gap-1 group transition-[color] duration-75 hover:bg-[color-mix(in_srgb,var(--ms-card-background-color)_95%,black)] text-nowrap cursor-pointer rounded-(--ms-card-border-bottom-left-radius) px-[calc(var(--ms-card-padding-left)/1.2)] py-[calc(var(--ms-card-padding-top)/1.2)]" href="/disclaimer">Disclaimer</a></li><li role="separator" aria-orientation="vertical" class="cur…
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef 8ZKDUD
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
https://strandresidence.nl/html > body > aside > div > nav<nav class="flex flex-col gap-6"><div class=""><a target="_self" title="Omgeving" class="flex items-center gap-1 group transition-[color] duration-75" href="/omgeving">Omgeving</a></div><div class="flex flex-col"><div class="flex items-center gap-2 min-w-0"><a target="_self" title="Projectinfo" class="flex items-center gap-1 group transition-[color] duration-75 flex-1 min-w-0" href="/investeren">Projectinfo</a><button type="button" class="p-1 shrink-0 rounded transition-[color] hover:text-(--link-hover-color)" aria-expanded="false" aria-label="Expand submenu"><svg xmlns="http://www.w3.org/2000…
/ /contact /privacy-verklaring /faq /verkoopmanifestatieTouch targets are too small on mobile
ComponentRef D51DPS
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/privacy-verklaringbutton#base-ui-_R_6tam5fiv9fivb_<button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_6tam5fiv9fivb_" aria-label="Nederlands" title="Nederlands" aria-expanded="false"><span class="flex items-center gap-1.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-(--ms-color-primary)/20 focus-visible:ring-offset-2 rounded"><svg viewBox="0 0 30 20" fill="none" preserveAspectRatio="xMidYMid slice" aria-hidden="true" class="size-[1.25em] shrink-0 rounded-full overflow-hidden"><rect width="30" height="20" fill="#C8102E"></rect><rect y="6.67" width="30" height="6.67" fill="#FFF"></rect><rect y="13.33" width="30"…
/ /contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef YYYLMG
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/contactdiv:nth-of-type(1) > div > nav > ol > li:nth-of-type(3) > span<span data-slot="breadcrumb-page" role="link" aria-disabled="true" aria-current="page" class="text-foreground font-normal">Contact</span>
/contact /privacy-verklaring /faq /verkoopmanifestatieComponentRef 20SKXL
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/input#base-ui-_R_5mjbjvd5cav9fivbH1_<input type="radio" id="base-ui-_R_5mjbjvd5cav9fivbH1_" tabindex="-1" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:absolute" aria-hidden="true" name="6a69e50e670528238499c764" checked="" value="informatie-aanvragen">
/ /contact /faqComponentRef N8SER0
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/label#base-ui-_R_2vbjvd5cav9fivbH2_ > span:nth-of-type(2) > a<a href="https://strandresidence.nl/privacy-verklaring" class="underline" target="_blank" rel="noopener noreferrer">Privacyverklaring</a>
/ /contactComponentRef 0L9249
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/label#base-ui-_R_2vbjvd5cav9fivbH2_ > input<input style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:absolute" tabindex="-1" type="checkbox" aria-hidden="true" name="6a620e60136a2ca176f5c4a6">
/ /contactComponentRef 6ZNLFW
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
https://strandresidence.nl/privacy-verklaringsection#\36 a6c4d6361a286dffc8f853a > div > div > p:nth-of-type(17) > a:nth-of-type(1)<a href="https://support.google.com/chrome/answer/95647?hl=nl" rel="noopener noreferrer" target="_blank">Chrome</a>
Form fields use placeholder text as the only label
ComponentRef CQIB0J
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
https://strandresidence.nl/faqinput#base-ui-_R_b7riq5fiv9fivb_<input id="base-ui-_R_b7riq5fiv9fivb_" type="text" placeholder="Zoek binnen de veelgestelde vragen.." class="ms-input w-full text-base focus:outline-2 focus:-outline-offset-1" name="q" value="">
/faq /verkoopmanifestatieText has insufficient colour contrast
ComponentRef RG2G4W
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://strandresidence.nl/.overflow-auto.min-h-0.text-sm<div class="min-h-0 flex-1 overflow-auto text-sm">
/ /faq /verkoopmanifestatieComponentRef LS5U59
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://strandresidence.nl/contact#ms-cookiewall-panel-consent > .overflow-auto.min-h-0.flex-1<div class="min-h-0 flex-1 overflow-auto text-sm">
ComponentRef 4JVY2P
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://strandresidence.nl/h1<h1>Investeer in Bergen aan Zee, zorgeloos rendement.</h1>
ComponentRef SDOHJX
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://strandresidence.nl/verkoopmanifestatie.items-start:nth-child(1) > .ms-richtext > p<p>
ComponentRef UEDC9R
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
https://strandresidence.nl/verkoopmanifestatie.ms-richtext > p:nth-child(1)<p>
Carousel has no accessible controls
ComponentRef VDADQA
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
https://strandresidence.nl/section#\36 a634e40a076cea07948a1e7 > div > div > div<div class="swiper swiper-initialized swiper-horizontal overflow-hidden! swiper-backface-hidden" style="--swiper-pagination-color:var(--ms-color-primary)"><div class="swiper-wrapper"><div class="swiper-slide swiper-slide-active" style="width: 416px; margin-right: 16px;"><figure class="ms-media-wrap ms-media-wrap-6a607ff681cc492a2ca6d13d ms-border-shape-6a60805781cc492a2ca6d141"><div class="blurhash bg-cover bg-center bg-no-repeat" style="background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAACWUlEQVR4ARXB25FcRwxEwQN0D3fpv1NyQCYoqOcHg7sz9zaAKpGZ8dvv381Pd…
05 · Pages inspected
06 · About this assessment
Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.
- Publicly accessible surfaces only — no credentials, private systems, or source-code access.
- Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
- Results reflect the site at the scan date and may have changed since.
Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment
07 · Continuous monitoring
This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.
Is information in this report inaccurate or outdated? Request a correction or removal.