Public accessibility assessment

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.

32findings detected
14critical + high
5pages inspected
2 Sep 2026assessed

Independent public assessment. strandresidence.nl is not necessarily affiliated with or a customer of Evolize.

https://

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

CriterionNameLevelFindingsPages
4.1.2Name, Role, ValueA75
2.5.8Target Size (Minimum)AA65
1.4.3Contrast (Minimum)AA54
2.4.3Focus OrderA55
1.3.1Info and RelationshipsA45
2.1.1KeyboardA45
2.2.2Pause, Stop, HideA11
2.4.1Bypass BlocksA15
3.3.2Labels or InstructionsA12

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

Continuous monitoring

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

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)100 instances5 affected pages
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.

Affected pagehttps://strandresidence.nl/
Elementbody > header > div:nth-of-type(2) > div > div:nth-of-type(1) > a
Accessible nameLogo Strand Residense
Markup
<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>
How to fixTo fix this issue, ensure that the element is either visible when it receives focus or is removed from the tab order. This can be achieved by adding a 'tabindex=-1' attribute to the element or by making the element visible when it receives focus.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 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.

Affected pagehttps://strandresidence.nl/privacy-verklaring
Elementdiv > div:nth-of-type(2) > nav > ul > li > a
Accessible nameInloggen
Markup
<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>
How to fixTo fix this issue, ensure that the hidden element is removed from the tab order by setting its 'tabindex' attribute to '-1' or by using CSS to set its 'display' or 'visibility' property to 'none'. Alternatively, make the element visible when it receives focus by adjusting its CSS styles.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 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.

Affected pagehttps://strandresidence.nl/privacy-verklaring
Elementbutton#base-ui-_R_6tam5fiv9fivb_
Accessible nameNederlands
Markup
<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"…
How to fixTo fix this issue, ensure that elements which are not visible do not have a tabindex attribute or have it set to -1, so they are removed from the tab order. For example, you can dynamically update the tabindex attribute based on the element's visibility or use CSS to exclude invisible elements from the focus order.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 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.

Affected pagehttps://strandresidence.nl/
Elementdiv:nth-of-type(3) > nav > ul > li:nth-of-type(2) > button > a
Accessible nameProjectinfo
Markup
<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>
How to fixTo fix this issue, ensure that all interactive elements are visible when they receive keyboard focus. You can do this by setting 'display: none;' or 'visibility: hidden;' on the element when it's not intended to be visible, or by removing it from the tab order using 'tabindex="-1"'.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)22 instances5 affected pages
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.

Affected pagehttps://strandresidence.nl/
Elementspan#base-ui-_r_5_
Accessible nameNoodzakelijk
Rolecheckbox
Markup
<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="" …
How to fixTo fix this issue, ensure the checkbox element has a positive tabindex value or is wrapped in a focusable element, allowing keyboard users to interact with it.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 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.

Affected pagehttps://strandresidence.nl/contact
Elementdiv:nth-of-type(1) > div > nav > ol > li:nth-of-type(3) > span
Accessible nameContact
Rolelink
Markup
<span data-slot="breadcrumb-page" role="link" aria-disabled="true" aria-current="page" class="text-foreground font-normal">Contact</span>
How to fixAdd a tabindex attribute or use a native HTML element with built-in keyboard focus support to make the control reachable by keyboard.
Affected pages/contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 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.

Affected pagehttps://strandresidence.nl/
Elementspan#base-ui-_R_6mjbjvd5cav9fivb_
Accessible nameAfspraak maken
Roleradio
Markup
<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>
How to fixTo make this control accessible, ensure it can receive keyboard focus by setting a valid tabindex (usually 0) or by using a native HTML element that is focusable by default (like a button or an input). Also, verify the control functions as expected when using a keyboard to navigate and interact with it.
Affected pages/ /contact
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)10 instances5 affected pages
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.

Affected pagehttps://strandresidence.nl/
Elementhtml > body > aside
Accessible nameOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContact
Roledialog
Markup
<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…
How to fixTo fix this issue, ensure that the modal dialog traps keyboard focus. This can be achieved by setting the `inert` attribute on the content behind the modal, or by using a library that handles modal focus management. Additionally, verify that the modal's focus is properly managed when it is opened or closed, to prevent focus from escaping the dialog.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)70 instances5 affected pages
ComponentRef AWS5BR

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Elementheader
Accessible nameLet op! U belegt buiten AFM-toezicht. Geen vergunningplicht voor deze activiteit.InloggenOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContactBekijk het aanbodBereken uw rendementBekijk het aanbod
Markup
<header class="z-100 fixed w-full top-0" aria-hidden="true" data-base-ui-inert="">
How to fixTo fix this issue, ensure that the element with aria-hidden=true does not contain any focusable elements. You can do this by removing the focusable elements from the hidden container or by setting tabindex=-1 on the focusable elements to remove them from the tab order. Additionally, verify that the element itself is not focusable by checking its tabindex attribute and removing it if necessary.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef XFP053

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Elementfooter
Accessible name+31 72 743 32 44+31 72 210 02 09HomeOmgevingAppartementenInvesterenVerkoopmanifistatie DownloadsNieuwsFAQContact© 2026 Strand ResidenceDisclaimer|Cookies
Markup
<footer class="z-0" aria-hidden="true" data-base-ui-inert="">
How to fixTo fix this issue, ensure that elements with 'aria-hidden=true' do not contain focusable elements or are not focusable themselves. Review the HTML structure of the footer element and remove or modify any focusable elements within it, such as buttons or links, or remove the 'aria-hidden=true' attribute if the element needs to be focusable.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef U2HMKY

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Elementspan[data-type="inside"][data-base-ui-focus-guard=""][data-base-ui-inert=""]:nth-child(3)
Markup
<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>
How to fixTo fix this issue, remove the tabindex attribute or set it to -1 for the span element with aria-hidden=true. This will prevent the element from being focusable. Additionally, review the nearby HTML elements to ensure they do not contain any focusable elements.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef U3GT9J

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Elementmain
Accessible nameInvesteer in Bergen aan Zee, zorgeloos rendement.Bekijk het aanbodBereken uw rendement95Meter van strand en boulevard31 / 70Beschikbare appartementenca. 6%Direct rendementca. 10%Gemiddeld rendementStrand Residence Bergen aan ZeeEen unieke, schaarse, investering mét eigen gebruikStrand Residence Bergen aan Zee is een waardevaste investering direct aan de Noordzeekust. Luxe appartementen die kwaliteit, duurzaamheid en comfort combineren met direct rendement van circa 6%, of circa 10% gemiddeld rendement over 20 jaar. Zorgeloos bezit, beheer en verhuur worden volledig voor u geregeld. Bovendien zijn er ruime mogelijkheden voor eigen gebruik tot 89 dagen per jaar. Geniet zelf van het appartement of laat het voor u renderen in deze geliefde badplaats.Bekijk appartementenCompleet ingerichtGoed rendementZorgeloos genietenDuurzaam gebouwdInvesterenWaarom nu investeren?Een van de laatste kansen om eigenaar te worden van een luxe recreatieappartement op slechts 100 meter van het strand. Een unieke toplocatie met een beperkt aanbod.Kenmerken:➤ Toplocatie vlakbij het strand van Bergen aan Zee, appartementen op eigen grond;➤ Natura 2000-gebied rondom, nieuwbouw is uitzonderlijk schaars;➤ Verwachte stijging van 40% van het aantal toeristen in de komende tien jaar (NBTC);➤ Direct netto rendement van circa 6%, volledig ontzorgd door professionele verhuurorganisatie;➤ Zeer ruime mogelijkheden eigen gebruik, 89 dagen per jaar mogelijk;➤ Kwalitatief goede bebouwing met hoogwaardige bouwmaterialen, sanitair en apparatuur uitsluitend van A-merken.Lees meer over investerenPlanningProjectupdateQ2 2026Vergunning onherroepelijkQ3 2026Start bouw 03.Q3 2026Start verkoop04.Q2 2028Oplevering05.Q2 2028Start verhuurVerschillende types appartementenAppartementen aan zeeBekijk appartementenAppartement 1.2.34Appartement 2.0.1Appartement 1.0.5Heeft u vragen? Neem contact op:Croon Makelaars+31 72 743 32 [email removed] Makelaars+31 72 210 02 [email removed], cultuur en steden binnen handbereikBergen aan Zee is een geliefde bestemming die het hele jaar door gasten trekt. Exposities, concerten en het jaarlijkse festival, gecombineerd met een kilometers lang zandstrand en uitgestrekte duinen, maken het tot een bewezen toeristische trekpleister. Die aantrekkingskracht vertaalt zich in een sterke, stabiele verhuurvraag. Met het kunstenaarsdorp Bergen en historische steden als Alkmaar, Hoorn en Enkhuizen binnen handbereik, is dit een locatie waar gasten graag terugkomen, en dat komt uw rendement ten goede.Ontdek de omgevingDe bouwVoortgang van het projectNieuwsOns meest recente nieuwsBekijk alle nieuwsberichten31-08-2026Kom iedere vrijdag tussen 16:00 - 17:00 vrijblijvend binnenlopenWij geven u iedere vrijdag de mogelijkheid om tussen 16:00 en 17:00 vrijblijvend binnen te lopen...Lees meer16-08-2026Kom naar de verkoopmanifestatie op vrijdag 21 augustus van 17:00 - 20:00 uur!Exclusieve verkoopmanifestatie Strand Residence Bergen aan Zee. Op vrijdag 21 augustus nodigen wij u van harte...Lees meerDownloadsBrochurePlattegronden en inventaris brochureTechnische omschrijvingAfspraak makenInteresse in Strand Residence? Maak een afspraak met onze adviseurs voor een toelichting op het project. We informeren u over beschikbare appartementen, woningtypes en projectstatus. We bespreken ook investeringsmogelijkheden, verhuuropties en het aankoopproces. U kunt uw vragen stellen en wensen bespreken. Na afloop heeft u een helder beeld van de mogelijkheden.Extra informatieWaar kunnen we je mee helpen?*Informatie aanvragenAfspraak makenVoornaam*Achternaam*Emailadres*Telefoonnummer*Uw vraag/opmerkingIk ga akkoord met het insturen en opslaan van mijn gegevens overeenkomstig de Privacyverklaring*Versturen
Markup
<main class="main flex-1 mt-(--expanded-header-height) z-10" aria-hidden="true" data-base-ui-inert="">
How to fixRemove the focusable elements from the ARIA hidden container or remove the aria-hidden attribute if the container should be focusable.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef WRZ9UI

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Elementaside
Accessible nameOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContact
Roledialog
Markup
<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="">
How to fixTo fix this issue, ensure that the ARIA hidden element does not contain any focusable elements. You can do this by removing the 'tabindex' attribute or setting it to '-1' for any focusable elements within the ARIA hidden element. Additionally, verify that the element itself is not focusable by checking its 'tabindex' attribute.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef X82L1

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/contact
Element.ms-btn-4
Accessible nameCookie voorkeuren
Markup
<button type="button" tabindex="0" aria-label="Cookie voorkeuren" title="Cookie voorkeuren" class="transition gap-2 cur..." aria-hidden="true" data-base-ui-inert="">
How to fixTo fix this issue, remove the 'tabindex' attribute or set it to '-1' to prevent the ARIA hidden element from being focusable. Additionally, ensure that the element does not contain any other focusable elements.
Affected pages/contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef T2W3LI

ARIA hidden element must not be focusable or contain focusable elements

Affected pagehttps://strandresidence.nl/
Element.bottom-3
Accessible nameCookie voorkeuren
Markup
<button type="button" tabindex="0" aria-label="Cookie voorkeuren" title="Cookie voorkeuren" class="transition gap-2 cur..." aria-hidden="true" data-base-ui-inert="">
How to fixTo fix this issue, ensure that elements with aria-hidden=true are not focusable and do not contain focusable elements. You can achieve this by removing the tabindex attribute or setting it to a negative value for the affected button element.
Medium

No skip link to main content

WCAG 2.4.1 (A)10 instances5 affected pages
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.

Affected pagehttps://strandresidence.nl/
Elementhtml > body
Accessible name{"@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 plek om korte en langere vakanties te vieren. Op een steenworp afstand van het strand in deze geliefde, intieme badplaats. Maar ook een uitermate aantrekkelijke en waardevaste investering die u voor vele jaren een goed rendement oplevert.","image":"https://strandresidence.nl/api/media/file/Group%201956.svg","sameAs":["https://www.facebook.com/strandresidence","https://twitter.com/strandresidence","https://www.instagram.com/strandresidence/","https://www.linkedin.com/company/strand-residence-bergen-aan-zee/"]}{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://strandresidence.nl/#organization","name":"Strand Residence","url":"https://strandresidence.nl","sameAs":["https://www.facebook.com/strandresidence","https://twitter.com/strandresidence","https://www.instagram.com/strandresidence/","https://www.linkedin.com/company/strand-residence-bergen-aan-zee/"],"logo":{"@type":"ImageObject","@id":"https://strandresidence.nl/#/schema/logo/image/","url":"https://strandresidence.nl/api/media/file/Group%201956.svg","inLanguage":"nl-NL","caption":"Strand Residence","image":{"@type":"ImageObject","@id":"https://strandresidence.nl/#/schema/logo/image/","url":"https://strandresidence.nl/api/media/file/Group%201956.svg","inLanguage":"nl-NL","caption":"Strand Residence"}}},{"@type":"WebSite","@id":"https://strandresidence.nl/#website","url":"https://strandresidence.nl","name":"Strand Residence","inLanguage":"nl-NL","publisher":{"@id":"https://strandresidence.nl/#organization"}},{"@type":"WebPage","@id":"1","url":"https://strandresidence.nl/","name":"Strand Residence | Bergen aan Zee","inLanguage":"nl-NL","isPartOf":{"@id":"https://strandresidence.nl/#website"},"about":{"@id":"https://strandresidence.nl/#organization"},"breadcrumb":{"@id":"https://strandresidence.nl/#breadcrumb"},"description":"Strand Residence Bergen aan Zee is een waardevaste investering direct aan de Noordzeekust. Luxe appartementen die kwaliteit, duurzaamheid en comfort combineren met direct rendement van circa 6%, of circa 10% gemiddeld rendement over 20 jaar.","datePublished":"2026-07-21T22:00:00.000Z","dateModified":"2026-09-01T14:03:09.699Z"},{"@type":"BreadcrumbList","@id":"https://strandresidence.nl/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://strandresidence.nl/","potentialAction":{"@type":"ReadAction","target":{"@type":"EntryPoint","urlTemplate":"https://strandresidence.nl/"}}}]}]}Let op! U belegt buiten AFM-toezicht. Geen vergunningplicht voor deze activiteit.InloggenOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContactBekijk het aanbodBereken uw rendementBekijk het aanbodInvesteer in Bergen aan Zee, zorgeloos rendement.Bekijk het aanbodBereken uw rendement93Meter van strand en boulevard31 / 70Beschikbare appartementenca. 6%Direct rendementca. 10%Gemiddeld rendementStrand Residence Bergen aan ZeeEen unieke, schaarse, investering mét eigen gebruikStrand Residence Bergen aan Zee is een waardevaste investering direct aan de Noordzeekust. Luxe appartementen die kwaliteit, duurzaamheid en comfort combineren met direct rendement van circa 6%, of circa 10% gemiddeld rendement over 20 jaar. Zorgeloos bezit, beheer en verhuur worden volledig voor u geregeld. Bovendien zijn er ruime mogelijkheden voor eigen gebruik tot 89 dagen per jaar. Geniet zelf van het appartement of laat het voor u renderen in deze geliefde badplaats.Bekijk appartementenCompleet ingerichtGoed rendementZorgeloos genietenDuurzaam gebouwdInvesterenWaarom nu investeren?Een van de laatste kansen om eigenaar te worden van een luxe recreatieappartement op slechts 100 meter van het strand. Een unieke toplocatie met een beperkt aanbod.Kenmerken:➤ Toplocatie vlakbij het strand van Bergen aan Zee, appartementen op eigen grond;➤ Natura 2000-gebied rondom, nieuwbouw is uitzonderlijk schaars;➤ Verwachte stijging van 40% van het aantal toeristen in de komende tien jaar (NBTC);➤ Direct netto rendement van circa 6%, volledig ontzorgd door professionele verhuurorganisatie;➤ Zeer ruime mogelijkheden eigen gebruik, 89 dagen per jaar mogelijk;➤ Kwalitatief goede bebouwing met hoogwaardige bouwmaterialen, sanitair en apparatuur uitsluitend van A-merken.Lees meer over investerenPlanningProjectupdateQ2 2026Vergunning onherroepelijkQ3 2026Start bouw 03.Q3 2026Start verkoop04.Q2 2028Oplevering05.Q2 2028Start verhuurVerschillende types appartementenAppartementen aan zeeBekijk appartementenAppartement 1.2.34Appartement 2.0.1Appartement 1.0.5Heeft u vragen? Neem contact op:Croon Makelaars+31 72 743 32 [email removed] Makelaars+31 72 210 02 [email removed], cultuur en steden binnen handbereikBergen aan Zee is een geliefde bestemming die het hele jaar door gasten trekt. Exposities, concerten en het jaarlijkse festival, gecombineerd met een kilometers lang zandstrand en uitgestrekte duinen, maken het tot een bewezen toeristische trekpleister. Die aantrekkingskracht vertaalt zich in een sterke, stabiele verhuurvraag. Met het kunstenaarsdorp Bergen en historische steden als Alkmaar, Hoorn en Enkhuizen binnen handbereik, is dit een locatie waar gasten graag terugkomen, en dat komt uw rendement ten goede.Ontdek de omgevingDe bouwVoortgang van het projectNieuwsOns meest recente nieuwsBekijk alle nieuwsberichten31-08-2026Kom iedere vrijdag tussen 16:00 - 17:00 vrijblijvend binnenlopenWij geven u iedere vrijdag de mogelijkheid om tussen 16:00 en 17:00 vrijblijvend binnen te lopen...Lees meer16-08-2026Kom naar de verkoopmanifestatie op vrijdag 21 augustus van 17:00 - 20:00 uur!Exclusieve verkoopmanifestatie Strand Residence Bergen aan Zee. Op vrijdag 21 augustus nodigen wij u van harte...Lees meerDownloadsBrochurePlattegronden en inventaris brochureTechnische omschrijvingAfspraak makenInteresse in Strand Residence? Maak een afspraak met onze adviseurs voor een toelichting op het project. We informeren u over beschikbare appartementen, woningtypes en projectstatus. We bespreken ook investeringsmogelijkheden, verhuuropties en het aankoopproces. U kunt uw vragen stellen en wensen bespreken. Na afloop heeft u een helder beeld van de mogelijkheden.Extra informatieWaar kunnen we je mee helpen?*Informatie aanvragenAfspraak makenVoornaam*Achternaam*Emailadres*Telefoonnummer*Uw vraag/opmerkingIk ga akkoord met het insturen en opslaan van mijn gegevens overeenkomstig de Privacyverklaring*VersturenOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContact+31 72 743 32 44+31 72 210 02 09HomeOmgevingAppartementenInvesterenVerkoopmanifistatie DownloadsNieuwsFAQContact© 2026 Strand ResidenceDisclaimer|Cookies(self.__next_f=self.__next_f||[]).push([0])self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/0bz8y5q79w6lp.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/0bz8y5q79w6lp.js\"],\"default\"]\nb:I[168027,[],\"default\",1]\n:HL[\"/_next/static/chunks/1ni9rrjfmln5l.css\",\"style\"]\n:HL[\"/_next/static/chunks/43t4ho5feeuey.css\",\"style\"]\n:HL[\"/_next/static/chunks/3dw5i3ioh22s7.css\",\"style\"]\n:HL[\"/_next/static/chunks/1dveqlvyjz_cu.css\",\"style\"]\n:HL[\"/_next/static/chunks/049jaepw0jes_.css\",\"style\"]\n:HL[\"/_next/static/chunks/43493to2nm4oh.css\",\"style\"]\n:HL[\"/_next/static/chunks/1zxqx9fuov4ld.css\",\"style\"]\n:HL[\"/_next/static/chunks/0e56ife7cd677.css\",\"style\"]\n9:X\n0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(frontend)\",{\"children\":[[\"locale\",\"nl\",\"d\",[\"admin\",\"api\",\"favicon.ico\",\"robots.txt\",\"sitemap.xml\",\"styles\"]],{\"children\":[\"_…[truncated by Evolize: exceeded D1 value limit]
Markup
<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…
How to fixAdd a "Skip to main content" link as the first focusable element, targeting the id of the <main> region.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)40 instances5 affected pages
ComponentRef 2Q84E2

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Affected pagehttps://strandresidence.nl/
Elementbody > header > div:nth-of-type(1) > div > div:nth-of-type(2) > nav
Accessible nameInloggen
Markup
<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>
How to fixAdd an accessible name to the navigation region using the 'aria-label' attribute, for example: <nav aria-label="Main navigation">
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 13WRG5

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Affected pagehttps://strandresidence.nl/
Elementhtml > body > footer > div:nth-of-type(2) > div > nav
Accessible nameDisclaimer|Cookies
Markup
<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…
How to fixAdd an accessible name to each navigation landmark using the 'aria-label' or 'aria-labelledby' attribute, so screen reader users can distinguish between them.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 8ZKDUD

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Affected pagehttps://strandresidence.nl/
Elementhtml > body > aside > div > nav
Accessible nameOmgevingProjectinfoInvesterenAppartementenVerkoopprocesVeelgestelde vragenNieuwsDownloadsContact
Markup
<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…
How to fixAdd an "aria-label" attribute to the navigation region to provide a unique and descriptive name, allowing screen reader users to distinguish between multiple navigation landmarks.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
Medium

Touch targets are too small on mobile

WCAG 2.5.8 (AA)27 instances5 affected pages
ComponentRef D51DPS

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/privacy-verklaring
Elementbutton#base-ui-_R_6tam5fiv9fivb_
Accessible nameNederlands
Markup
<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"…
How to fixIncrease the size of the touch target to at least 24x24 pixels to make it easier for users to activate by touch.
Affected pages/ /contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef YYYLMG

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/contact
Elementdiv:nth-of-type(1) > div > nav > ol > li:nth-of-type(3) > span
Accessible nameContact
Rolelink
Markup
<span data-slot="breadcrumb-page" role="link" aria-disabled="true" aria-current="page" class="text-foreground font-normal">Contact</span>
How to fixIncrease the touch target size of the interactive control to at least 24x24 pixels to make it easier for users to activate by touch.
Affected pages/contact /privacy-verklaring /faq /verkoopmanifestatie
ComponentRef 20SKXL

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/
Elementinput#base-ui-_R_5mjbjvd5cav9fivbH1_
Markup
<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">
How to fixIncrease the size of the touch target to at least 24x24px to make it easier for users to activate by touch. Consider adding padding or a larger container to the input element to achieve this size.
Affected pages/ /contact /faq
ComponentRef N8SER0

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/
Elementlabel#base-ui-_R_2vbjvd5cav9fivbH2_ > span:nth-of-type(2) > a
Accessible namePrivacyverklaring
Markup
<a href="https://strandresidence.nl/privacy-verklaring" class="underline" target="_blank" rel="noopener noreferrer">Privacyverklaring</a>
How to fixIncrease the size of the touch target to at least 24x24px to make it easier for users to activate by touch. Consider adding padding or increasing the font size of the interactive element to achieve this.
Affected pages/ /contact
ComponentRef 0L9249

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/
Elementlabel#base-ui-_R_2vbjvd5cav9fivbH2_ > input
Markup
<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">
How to fixIncrease the size of the touch target to at least 24x24px to make it easier for users to activate by touch. Consider applying this change to the CSS styles for the input element.
Affected pages/ /contact
ComponentRef 6ZNLFW

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://strandresidence.nl/privacy-verklaring
Elementsection#\36 a6c4d6361a286dffc8f853a > div > div > p:nth-of-type(17) > a:nth-of-type(1)
Accessible nameChrome
Markup
<a href="https://support.google.com/chrome/answer/95647?hl=nl" rel="noopener noreferrer" target="_blank">Chrome</a>
How to fixIncrease the size of the touch target to at least 24x24 pixels to make it easier for users to activate by touch.
Medium

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)4 instances2 affected pages
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.

Affected pagehttps://strandresidence.nl/faq
Elementinput#base-ui-_R_b7riq5fiv9fivb_
Markup
<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="">
How to fixAdd a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
Affected pages/faq /verkoopmanifestatie
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)11 instances4 affected pages
ComponentRef RG2G4W

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://strandresidence.nl/
Element.overflow-auto.min-h-0.text-sm
Accessible nameDeze website maakt gebruik van cookiesWe gebruiken cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services.
Markup
<div class="min-h-0 flex-1 overflow-auto text-sm">
How to fixTo improve the accessibility of this content, consider adjusting the text or background color to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1). A color contrast analyzer tool can help identify suitable color combinations.
Affected pages/ /faq /verkoopmanifestatie
ComponentRef LS5U59

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://strandresidence.nl/contact
Element#ms-cookiewall-panel-consent > .overflow-auto.min-h-0.flex-1
Accessible nameDeze website maakt gebruik van cookiesWe gebruiken cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services.
Markup
<div class="min-h-0 flex-1 overflow-auto text-sm">
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. This can be achieved by changing the text color or background color to have a sufficient contrast ratio, making the text more legible for users.
ComponentRef 4JVY2P

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://strandresidence.nl/
Elementh1
Accessible nameInvesteer in Bergen aan Zee, zorgeloos rendement.
Markup
<h1>Investeer in Bergen aan Zee, zorgeloos rendement.</h1>
How to fixTo improve the accessibility of this element, consider adjusting the text color or background color to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3. A contrast ratio of at least 4.5:1 for normal text and 7:1 for larger text (18pt or 14pt bold) is recommended.
ComponentRef SDOHJX

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://strandresidence.nl/verkoopmanifestatie
Element.items-start:nth-child(1) > .ms-richtext > p
Accessible nameBent u op zoek naar een waardevaste investering op een toplocatie aan zee?Dan nodigen wij u van harte uit voor deze exclusieve verkoopmanifestatie op 21 augustus van 17:00 - 20:00 uur Locatie: Zeeweg 37 - Bergen aan Zee. Laat ons weten dat u er bij bent!
Markup
<p>
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. This can be achieved by changing the text color, background color, or both. Consider using a color contrast analyzer tool to determine the optimal colors.
ComponentRef UEDC9R

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://strandresidence.nl/verkoopmanifestatie
Element.ms-richtext > p:nth-child(1)
Accessible nameStrand Residence Bergen aan Zee combineert een uitzonderlijke ligging aan zee met hoogwaardige architectuur en een aantrekkelijk perspectief voor recreatieve verhuur. De vraag naar kwalitatieve verblijfsaccommodaties aan de Nederlandse kust blijft onverminderd sterk, waardoor een appartement binnen dit project een interessante aanvulling kan zijn op uw vastgoedportefeuille.
Markup
<p>
How to fixIncrease the contrast between the text color and the background color to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3. Consider using a color contrast analyzer tool to determine the optimal colors.
Low

Carousel has no accessible controls

WCAG 2.1.1 (A)2 instances1 affected page
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.

Affected pagehttps://strandresidence.nl/
Elementsection#\36 a634e40a076cea07948a1e7 > div > div > div
Markup
<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(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAACWUlEQVR4ARXB25FcRwxEwQN0D3fpv1NyQCYoqOcHg7sz9zaAKpGZ8dvv381Pd…
How to fixAdd previous/next or pause controls to the carousel/slider to enable keyboard and assistive-technology users to navigate or stop it. Ensure these controls are focusable, have a clear and consistent naming convention, and provide a clear indication of their purpose.

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.