Accessibility Scan Report

Title: https://www.portofrotterdam.com Issue: #350 Date: 9/14/2026, 1:56:52 PM Duration: 18.5m URLs: 20 / 20
Viewport: Desktop (1280×800) Color scheme: both Browser: firefox
⚡ Reduced Motion: 17 / 20 URLs

🔄 Changes Since Last Scan

1632 New unique issues
🆕 New Issues (1632)

Replicate this scan

Reuse this scan context to reproduce the same viewport, color mode, and browser selection.

Title keywords

VIEWPORT:desktop COLORSCHEME:both BROWSER:firefox

Issue body section

### Scan context Viewport: desktop ColorScheme: both Browser: firefox

Browser selection currently applies to Playwright-based scans. ALFA, Equal Access, and QualWeb keep their existing browser implementations.

Summary

Issues

  • By Level: A (36), AA (150), AAA (102)
  • By Version (A & AA): WCAG 2.0 (186)
  • Engines used: All engines (AXE, ALFA, Equal Access, AccessLint, QualWeb)
  • By Finding Type: Known errors (1178) & Best practices (39)
  • Manual testing needed: 495 axe incomplete findings
  • Total: 1217 across 49 unique rules & 5 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Total counts unique findings across the active scanners, and numbers in parentheses (+N) still show findings that cover WCAG criteria already reported by axe.

🧭 Reflow Risk (WCAG 1.4.10)

Page-level indicator: resizes to 320 CSS pixels wide and checks for horizontal overflow. This is a risk indicator, not a conformance verdict — see Behavioral Accessibility Automation for what it can and cannot detect.

Page Result Details
Accessibility | Portlantis failed Horizontal overflow detected: 3px of content overflowed the viewport at 320px width
HBO & WO | Portlantis failed Horizontal overflow detected: 3px of content overflowed the viewport at 320px width

🔧 Most Common Issues (ALFA)

12 rules
85 Serious alfa SC 2.5.5 AAA Motor SIA-R111: Interactive elements have a sufficient target size
15 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.5 AAA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-24fd4f7d
<a class="menu-link menu-link__top-menu " href="https://www.portofrotterdam.com/de/tools-und-dienstleistungen" title="Tools und Dienstleistungen" target="_self">Tools und Dienstleistungen</a>
XPath: /a[@class="menu-link menu-link__top-menu "]
Example 2 View on Page
Target has insufficient size
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8c66db0d
<button id="language-switch-1424213212" class="language-switch__toggle js-language-switch-toggle" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="language-switch-1424213212-menu" aria-label="Sprache ändern, aktuell: Deutsch"> Deutsch </button>
XPath: /button[@id="language-switch-1424213212"]
Example 3 View on Page
Target has insufficient size
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-549f0ba9
<a href="/de">Startseite</a>
XPath: /a
Example 4 View on Page
Target has insufficient size
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c537d261
<button type="button" id="js-share-btn" class="cta-button cta-button-default cta-button-primary icon-share-o" aria-expanded="false" aria-controls="js-share-links">...</button>
XPath: /button[@id="js-share-btn"]
Example 5 View on Page
Target has insufficient size
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-879c95e8
<a class="menu-link menu-link__footer-directly-to " href="https://portlantis.nl/" title="Portlantis" target="_blank">Portlantis</a>
XPath: /a[@class="menu-link menu-link__footer-directly-to "]
17 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
17 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 7:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7e4df68e
Example 2 View on Page
The highest possible contrast of the text is 6.63:1 which is below the required contrast of 7:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7e4df68e
Example 3 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 7:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7e4df68e
Example 4 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 7:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7e4df68e
Example 5 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 7:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7e4df68e
15 Serious alfa SC 1.4.3, SC 1.4.6 AA Visual SIA-R69: Text has sufficient contrast with its background
15 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3, SC 1.4.6 AA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 4.5:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-99436ee0
Example 2 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 4.5:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-99436ee0
Example 3 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 4.5:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-99436ee0
Example 4 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 4.5:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-99436ee0
Example 5 View on Page
The highest possible contrast of the text is 3.21:1 which is below the required contrast of 4.5:1
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-99436ee0
14 Moderate alfa Best Practice SIA-R61: The first heading in the document is a level 1 heading
14 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8563fbe5
Example 2 View on Page
The document does not start with a level 1 heading
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8563fbe5
Example 3 View on Page
The document does not start with a level 1 heading
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8563fbe5
Example 4 View on Page
The document does not start with a level 1 heading
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8563fbe5
Example 5 View on Page
The document does not start with a level 1 heading
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8563fbe5
5 Moderate alfa SIA-R73: Paragraphs of text have a line height that is not too small
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-f263ed00
<p class="has-medium-font-size">Portlantis is suitable for a fun and interesting v...</p>
XPath: /p[@class="has-medium-font-size"]
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8b323c69
<p>Got any questions? Then please don’t hesitate to c...</p>
XPath: /p
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a9575379
<p class="attention-block__intro">Der Rotterdamer Hafen verfügt über ein umfangreich...</p>
XPath: /p[@class="attention-block__intro"]
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8b323c69
<p>Studenten verkennen de modernste haven van Europa.</p>
XPath: /p
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-f263ed00
<p class="has-medium-font-size">Beleef de dynamiek van de haven van dichtbij en er...</p>
XPath: /p[@class="has-medium-font-size"]
4 Moderate alfa SC 1.3.1 A Visual Cognitive SIA-R64: Heading elements have a non-empty accessible name
2 pages affected

Rule Information

Engine: alfa

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
The heading does not have an accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-588727e8
<h2 />
XPath: /h2
Example 2 View on Page
The heading does not have an accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-054de7fb
<h1 class="hero__title hero__title--without-background-img" />
XPath: /h1[@class="hero__title hero__title--without-background-img"]
Example 3 View on Page
The heading does not have an accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-588727e8
<h2 />
XPath: /h2
Example 4 View on Page
The heading does not have an accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-054de7fb
<h1 class="hero__title hero__title--without-background-img" />
XPath: /h1[@class="hero__title hero__title--without-background-img"]
4 Moderate alfa Best Practice SIA-R53: Headings do not skip heading levels in the document outline
4 pages affected

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-e762d8d4
<h3 class=" hero__subtitle hero__subtitle--with-background-img">Europäische Bestimmungsorte innerhalb von 24 Stund...</h3>
XPath: /h3[@class=" hero__subtitle hero__subtitle--with-background-img"]
Example 2 View on Page
The heading skips one or more levels
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-16695b95
<h4 class="wp-block-heading">HES Bulk Terminal Rotterdam (HBTR)</h4>
XPath: /h4[@class="wp-block-heading"]
Example 3 View on Page
The heading skips one or more levels
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a07f6e25
<h3 class=" related-content__title">Mogelijk ook interessant... </h3>
XPath: /h3[@class=" related-content__title"]
Example 4 View on Page
The heading skips one or more levels
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a07f6e25
<h3 class=" related-content__title">Mogelijk ook interessant... </h3>
XPath: /h3[@class=" related-content__title"]
2 Moderate alfa SIA-R68: Elements with an explicit ARIA role have the required owned/child elements
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

ACT alignment

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6b5258ff
<ul class="social-media-menu__list">...</ul>
XPath: /ul[@class="social-media-menu__list"]
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6b5258ff
<ul class="social-media-menu__list">...</ul>
XPath: /ul[@class="social-media-menu__list"]
2 Moderate alfa SIA-R78: Headings of the same level are not immediately adjacent without intervening content
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-30ef68f0
<h2 />
XPath: /h2
Example 2 View on Page
There is no content between this heading and the next
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-30ef68f0
<h2 />
XPath: /h2
2 Moderate alfa SIA-R57: Visible text content on the page is contained within a landmark region
2 pages affected

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9fb2a933
Example 2 View on Page
The text is not included in a landmark region
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9fb2a933
2 Moderate alfa SIA-R74
2 pages affected

Examples

Example 1 View on Page
The font size is specified using an absolute unit
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7458f9db
<p>...</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7458f9db
<p>Wij (Havenbedrijf Rotterdam) gebruiken cookies (en...</p>
XPath: /p
1 Moderate alfa SIA-R87: The first focusable element on the page is a skip link to the main content
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The first tabbable element in the document is not a semantic link
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4b473950

🔧 Most Common Issues (axe)

5 rules
135 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
15 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

ACT alignment

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0fa23435
<a href="/de">Startseite</a>
XPath: ol > li:nth-child(1) > a[href="/de"]
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6441a054
<a href="/de/nachrichten-und-pressemitteilungen">Nachrichtenübersicht</a>
XPath: ol > li:nth-child(2) > a
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ea47cfad
<span>Vereinbarungen zur gemäßigten Erhöhung der Hafengebühren um ein Jahr verlängert</span>
XPath: li:nth-child(3) > span
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-285a25b0
<div class="tag hero__content-theme">Bereikbaarheid</div>
XPath: .tag
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a114327a
<div class="date-small hero__date hero__date--without-background-img">1 Januar 2021</div>
XPath: .date-small
32 Serious axe SC 1.3.1 A Visual Cognitive list: Ensures <ul> and <ol> contain only <li> elements. Invalid list structure prevents screen readers from announcing list item counts and navigation shortcuts.
17 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6bb309b2
<ul>
XPath: .footer-directly-to-menu > ul
Example 2 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cbc819a8
<ul class="social-media-menu__list">
XPath: .social-media-menu > .social-media-menu__list
Example 3 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cbc819a8
<ul class="social-media-menu__list">
XPath: .social-media-menu > .social-media-menu__list
Example 4 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6bb309b2
<ul>
XPath: .footer-directly-to-menu > ul
Example 5 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cbc819a8
<ul class="social-media-menu__list">
XPath: .social-media-menu > .social-media-menu__list
17 Moderate axe Best Practice region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
17 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-be6f062f
<a href="#main-content" class="visually-hidden focusable skip-link"> Direkt zum Inhalt </a>
XPath: .focusable
Example 2 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-be6f062f
<a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a>
XPath: .focusable
Example 3 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-be6f062f
<a href="#main-content" class="visually-hidden focusable skip-link"> Direkt zum Inhalt </a>
XPath: .focusable
Example 4 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-be6f062f
<a href="#main-content" class="visually-hidden focusable skip-link"> Overslaan en naar de inhoud gaan </a>
XPath: .focusable
Example 5 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-be6f062f
<a href="#main-content" class="visually-hidden focusable skip-link"> Direkt zum Inhalt </a>
XPath: .focusable
4 Moderate axe empty-heading
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

ACT alignment

Examples

Example 1 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0460a062
<h2></h2>
XPath: .hero__info > h2
Example 2 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-b21fb5c2
<h1 class="hero__title hero__title--without-background-img"></h1>
XPath: .hero__title
Example 3 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0460a062
<h2></h2>
XPath: .hero__info > h2
Example 4 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-b21fb5c2
<h1 class="hero__title hero__title--without-background-img"></h1>
XPath: .hero__title
4 Moderate axe Best Practice heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
4 pages affected

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0c52d81c
<h3 class=" hero__subtitle hero__subtitle--with-background-img">Europäische Bestimmungsorte innerhalb von 24 Stunden erreichbar</h3>
XPath: .hero__subtitle
Example 2 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6bf04a42
<h4 class="wp-block-heading">HES Bulk Terminal Rotterdam (HBTR)</h4>
XPath: h4:nth-child(3)
Example 3 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-5e98c8ba
<h3 class=" related-content__title">Mogelijk ook interessant... </h3>
XPath: .related-content__title
Example 4 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-5e98c8ba
<h3 class=" related-content__title">Mogelijk ook interessant... </h3>
XPath: .related-content__title

🔧 Most Common Issues (Equal Access)

20 rules
113 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4ace4cc0
<button style="color: #001F4B; border-color: #001F4B; background-color: transparent;" data-cky-tag="settings-button" aria-controls="ckyPreferenceCenter" aria-haspopup="dialog" aria-label="Anpassen" class="cky-btn cky-btn-customize">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c47a060d
<button style="color: #001F4B; border-color: #001f4b; background-color: transparent;" data-cky-tag="reject-button" aria-label="Alles ablehnen" class="cky-btn cky-btn-reject">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ecfabaef
<button style="color: #001f4b; border-color: #001F4B; background-color: TRANSPARENT;" data-cky-tag="accept-button" aria-label="Alle akzeptieren" class="cky-btn cky-btn-accept">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-2460e375
<button aria-controls="js-share-links" aria-expanded="false" class="cta-button cta-button-default cta-button-primary icon-share-o" id="js-share-btn" type="button">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4c171271
<input data-once="webform-required-error" required="required" class="form-checkbox required" value="on" name="havenInBedrijfDE" id="edit-haveninbedrijfde" type="checkbox" data-msg-required="Die Auswahl des Newsletters ist erforderlich." data-drupal-selector="edit-haveninbedrijfde" data-webform-required-error="Die Auswahl des Newsletters ist erforderlich.">
104 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-09eb87ae
<a target="_blank" href="https://www.portofrotterdam.com/de/cookies">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7580c9a9
<button style="color: #001F4B; border-color: #001F4B; background-color: transparent;" data-cky-tag="settings-button" aria-controls="ckyPreferenceCenter" aria-haspopup="dialog" aria-label="Anpassen" class="cky-btn cky-btn-customize">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0ede2a53
<button style="color: #001F4B; border-color: #001f4b; background-color: transparent;" data-cky-tag="reject-button" aria-label="Alles ablehnen" class="cky-btn cky-btn-reject">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7eee1ca3
<button style="color: #001f4b; border-color: #001F4B; background-color: TRANSPARENT;" data-cky-tag="accept-button" aria-label="Alle akzeptieren" class="cky-btn cky-btn-accept">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-3acf38a0
<a class="visually-hidden focusable skip-link" href="#main-content">
80 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Text contrast of 3.48 with its background is less than the WCAG AA minimum requirements for text of size 12px and weight of 400
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-5778ea15
<div class="tag hero__content-theme">
Example 2 View on Page
Text contrast of 3.10 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-1ad1f213
<div class="date-small hero__date hero__date--without-background-img">
Example 3 View on Page
Text contrast of 3.48 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 700
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-70e7e129
<h2>
Example 4 View on Page
Text contrast of 3.48 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ef97381a
<p>
Example 5 View on Page
Text contrast of 3.48 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6246474a
<label class="js-form-required form-required" for="edit-emailaddress">
68 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bb0e7813
<header role="banner" class="header">
Example 2 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7f3f2684
<nav role="navigation" class="main-menu" id="js-main-menu">
Example 3 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-44989b25
<main role="main">
Example 4 View on Page
The explicitly-assigned ARIA role "contentinfo" is redundant with the implicit role of the element <footer>
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-f0eaf348
<footer role="contentinfo" class="footer">
Example 5 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c9fa6eba
<header role="banner" class="portlantis-header portlantis-header--default container-fluid px-0" id="js-header-bar">
34 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-d4f7fa5b
<input data-once="webform-required-error" required="required" class="form-checkbox required" value="on" name="havenInBedrijfDE" id="edit-haveninbedrijfde" type="checkbox" data-msg-required="Die Auswahl des Newsletters ist erforderlich." data-drupal-selector="edit-haveninbedrijfde" data-webform-required-error="Die Auswahl des Newsletters ist erforderlich.">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-d4f7fa5b
<input data-once="webform-required-error" required="required" class="form-checkbox required" value="on" name="havenInBedrijfDE" id="edit-haveninbedrijfde" type="checkbox" data-msg-required="Die Auswahl des Newsletters ist erforderlich." data-drupal-selector="edit-haveninbedrijfde" data-webform-required-error="Die Auswahl des Newsletters ist erforderlich.">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0abd2b41
<input class="form-checkbox" value="on" name="havenInBedrijfNL" id="edit-haveninbedrijfnl" type="checkbox" data-drupal-selector="edit-haveninbedrijfnl">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4555213d
<input class="form-checkbox" value="on" name="futureLand" id="edit-futureland" type="checkbox" data-drupal-selector="edit-futureland">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-52af3ac5
<input class="form-checkbox" value="on" name="havenKrant" id="edit-havenkrant" type="checkbox" data-drupal-selector="edit-havenkrant">
32 Moderate equalAccess aria_child_valid
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a478d114
<ul>
Example 2 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-3f559362
<ul class="social-media-menu__list">
Example 3 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-3f559362
<ul class="social-media-menu__list">
Example 4 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a478d114
<ul>
Example 5 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-3f559362
<ul class="social-media-menu__list">
27 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Wir respektieren Ihre Privatsphäre' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bf3fd826
<div class="cky-notice">
Example 2 View on Page
Confirm this text 'Wir respektieren Ihre Privatsphäre' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-28ca4382
<p style="color: #001f4b;" role="heading" data-cky-tag="title" aria-level="2" class="cky-title">
Example 3 View on Page
Confirm this text 'We respect your privacy' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bf3fd826
<div class="cky-notice">
Example 4 View on Page
Confirm this text 'We respect your privacy' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-28ca4382
<p style="color: #001f4b;" role="heading" data-cky-tag="title" aria-level="2" class="cky-title">
Example 5 View on Page
Confirm this text 'Boat trip Boat trip' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-499abfb6
<p>
26 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <polygon> element has the id "Path" that is already in use
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-62fb5881
<polygon points="68.5862 14.042 79.7278 16.3226 79.7278 20.8766 76.0551 20.2891 76.0551 37.0213 72.7896 37.0213 72.7896 19.7683 68.5862 19.0969" id="Path">
Example 2 View on Page
The <polygon> element has the id "Path" that is already in use
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c6a01c6c
<polygon points="83.8942 32.7561 87.9396 32.9339 87.9396 37.0237 81.1051 37.0237 81.1051 16.6064 83.8942 17.1766 83.8942 32.7537" id="Path">
Example 3 View on Page
The <path> element has the id "Path" that is already in use
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ddb0570c
<path id="Path" d="M103.31,30.7546 C102.893,29.1774 102.274,26.4352 101.844,24.3026 L101.597,24.3174 C101.691,26.7363 101.782,30.1746 101.782,32.1418 L101.782,37.0239 L99.6598,37.0239 L99.6598,20.4053 L102.846,21.0569 L104.391,26.6154 C104.934,28.6048 105.5,31.3149 105.835,33.1834 L106.057,33.1439 C105.961,30.9175 105.892,28.2247 105.892,26.4105 L105.892,21.6789 L107.691,22.0467 L107.691,37.0215 L105.08,37.0215 L103.313,30.7521 L103.31,30.7546 Z">
Example 4 View on Page
The <polygon> element has the id "Path" that is already in use
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4da36aeb
<polygon points="108.953 22.3081 114.26 23.3942 114.26 26.3931 112.532 26.1166 112.532 37.0238 110.863 37.0238 110.863 25.8501 108.953 25.544 108.953 22.3057" id="Path">
Example 5 View on Page
The <polygon> element has the id "Path" that is already in use
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-5d6d6e92
<polygon points="115.663 37.0235 115.663 23.6826 117.294 24.0158 117.294 37.0235" id="Path">
26 Moderate equalAccess input_checkboxes_grouped
9 pages affected

Examples

Example 1 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6f29b376
<input class="form-checkbox" value="on" name="havenInBedrijfNL" id="edit-haveninbedrijfnl" type="checkbox" data-drupal-selector="edit-haveninbedrijfnl">
Example 2 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-75e8958b
<input class="form-checkbox" value="on" name="futureLand" id="edit-futureland" type="checkbox" data-drupal-selector="edit-futureland">
Example 3 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-1b3e96c8
<input class="form-checkbox" value="on" name="havenKrant" id="edit-havenkrant" type="checkbox" data-drupal-selector="edit-havenkrant">
Example 4 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-6f29b376
<input class="form-checkbox" value="on" name="havenInBedrijfNL" id="edit-haveninbedrijfnl" type="checkbox" data-drupal-selector="edit-haveninbedrijfnl">
Example 5 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-75e8958b
<input class="form-checkbox" value="on" name="futureLand" id="edit-futureland" type="checkbox" data-drupal-selector="edit-futureland">
17 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ffd51c2b
<html style="--vh: 6px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="de">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-5c61a132
<html style="--vh: 6px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="en">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ffd51c2b
<html style="--vh: 6px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="de">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-e8b87c3e
<html style="--vh: 6px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="nl">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ffd51c2b
<html style="--vh: 6px;" class=" js" prefix="og: https://ogp.me/ns#" dir="ltr" lang="de">
17 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a1717637
<style id="gutenberg-palette">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a1717637
<style id="gutenberg-palette">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a1717637
<style id="gutenberg-palette">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a1717637
<style id="gutenberg-palette">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a1717637
<style id="gutenberg-palette">
17 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7a71ad05
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7a71ad05
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 3 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7a71ad05
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 4 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7a71ad05
<a class="visually-hidden focusable skip-link" href="#main-content">
Example 5 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-7a71ad05
<a class="visually-hidden focusable skip-link" href="#main-content">
17 Moderate equalAccess input_label_visible: An input element must have an associated visible label
17 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bdaa5b63
<button aria-label="Suche" type="button" class="search-btn " id="js-search-btn">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-b58548a0
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-portlantis-side-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="portlantis-menu-btn portlantis-menu-btn--default" id="js-toggle-portlantis-menu">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bdaa5b63
<button aria-label="Suche" type="button" class="search-btn " id="js-search-btn">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-32f003c6
<button aria-label="Zoeken" type="button" class="search-btn " id="js-search-btn">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bdaa5b63
<button aria-label="Suche" type="button" class="search-btn " id="js-search-btn">
6 Moderate equalAccess label_name_visible: The label text for an element must be visible
6 pages affected

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9a144cae
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-main-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="menu-btn d-lg-none toggle-menu" id="js-toggle-menu">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9a144cae
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-main-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="menu-btn d-lg-none toggle-menu" id="js-toggle-menu">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9a144cae
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-main-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="menu-btn d-lg-none toggle-menu" id="js-toggle-menu">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9a144cae
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-main-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="menu-btn d-lg-none toggle-menu" id="js-toggle-menu">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9a144cae
<button data-label-close="Menu sluiten" data-label-open="Menu openen" aria-controls="js-main-menu" aria-expanded="false" aria-label="Menu openen" type="button" class="menu-btn d-lg-none toggle-menu" id="js-toggle-menu">
6 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-815aa707
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-header__logo">
Example 2 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4fe2ba83
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-footer__logo">
Example 3 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-50e17f33
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 151 45" height="45" width="151" class="portlantis-por-logo portlantis-por-logo--portlantis-por-logo portlantis-footer__logo-por-gray">
Example 4 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-ec68f7ad
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis-inverted portlantis-header__logo">
Example 5 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-4fe2ba83
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-footer__logo">
4 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-b82632ba
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-header__logo">
Example 2 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8a654b87
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-footer__logo">
Example 3 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-caf85452
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis-inverted portlantis-header__logo">
Example 4 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8a654b87
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 142 50" height="50px" width="142px" class="portlantis-logo portlantis-logo--portlantis portlantis-footer__logo">
4 Moderate equalAccess heading_content_exists: Heading elements must have descriptive content
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-085bdd5f
<h2>
Example 2 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8b6c10ba
<h1 class="hero__title hero__title--without-background-img">
Example 3 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-085bdd5f
<h2>
Example 4 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8b6c10ba
<h1 class="hero__title hero__title--without-background-img">
4 Moderate equalAccess aria_accessiblename_exists: Certain UI components must have an accessible name
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bfacb724
<h2>
Example 2 View on Page
Element <h1> with "heading" role has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9459813d
<h1 class="hero__title hero__title--without-background-img">
Example 3 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-bfacb724
<h2>
Example 4 View on Page
Element <h1> with "heading" role has no accessible name
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9459813d
<h1 class="hero__title hero__title--without-background-img">
3 Moderate equalAccess figure_label_exists
3 pages affected

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-3eb3b13e
<figure class="wp-block-embed-vimeo wp-block-embed is-type-rich wp-embed-aspect-16-9 wp-has-aspect-ratio">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-e82e00bf
<figure class="wp-block-embed-youtube wp-block-embed is-type-rich wp-embed-aspect-16-9 wp-has-aspect-ratio">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0948a9d0
<figure class="wp-block-embed is-type-rich is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio">
2 Moderate equalAccess text_quoted_correctly
2 pages affected

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Rotterdam is gunstig gelegen, d ... elijke haven van Europa blijft.'
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9375cb60
<em>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Energietransitie is net als elastiek"
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-414e7c1c
<a hreflang="nl" href="/nl/nieuws-en-persberichten/energietransitie-is-net-als-elastiek">

🔧 Most Common Issues (AccessLint)

7 rules
79 Moderate accesslint distinguishable/color-contrast
16 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Insufficient color contrast ratio of 3.21:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c0f8d52b
<a href="/de">Startseite</a>
XPath: ol > li:nth-of-type(1) > a[href="/de"]
Example 2 View on Page
Insufficient color contrast ratio of 3.21:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c34cca12
<a href="/de/nachrichten-und-pressemitteilungen">Nachrichtenübersicht</a>
XPath: li:nth-of-type(2) > a[href="/de/nachrichten-und-pressemitteilungen"]
Example 3 View on Page
Insufficient color contrast ratio of 3.21:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9480b948
<span>Vereinbarungen zur gemäßigten Erhöhung der Hafengebühren um ein Jahr verlängert</span>
XPath: li:nth-of-type(3) > span
Example 4 View on Page
Insufficient color contrast ratio of 3.48:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-024bad17
<div class="tag hero__content-theme">Bereikbaarheid</div>
XPath: #block-portofrotterdam-content > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > div:nth-of-type(1)
Example 5 View on Page
Insufficient color contrast ratio of 3.1:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-289d6723
<div class="date-small hero__date hero__date--without-background-img">1 Januar 2021</div>
XPath: #block-portofrotterdam-content > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > div:nth-of-type(2)
48 Moderate accesslint navigable/empty-heading
17 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a58213f5
<h3 class=" hero__subtitle hero__subtitle--without-background-img"></h3>
XPath: div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > h3
Example 2 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-02f327db
<h2></h2>
XPath: #webform-submission-newsletter-de-node-442-form-ajax > div > div > div > div > h2
Example 3 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-9ff8198f
<h1 class="hero__title hero__title--without-background-img"></h1>
XPath: #webform-submission-newsletter-de-node-442-form-ajax > div > div > div > div > h1
Example 4 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-aadb3ee8
<h2></h2>
XPath: #webform-submission-webform-portlantis-en-node-4466-form-ajax > div > div > div > div > h2
Example 5 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-b301a0d9
<h1 class="hero__title hero__title--without-background-img"></h1>
XPath: #webform-submission-webform-portlantis-en-node-4466-form-ajax > div > div > div > div > h1
34 Moderate accesslint adaptable/list-children
17 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
List contains non-<li> child <div>.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-725533ed
<div class="footer-directly-to-menu__menu-wrapper d-flex"> <ul class="footer-directly-to-menu__list"> <li class="footer-directly-to-menu__item"> ...
XPath: ul > div
Example 2 View on Page
List contains non-<li> child <ul>.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a84af4f7
<ul class="social-media-menu__list"> <li class="social-media-menu__item"> <a class="social-media-link " href="https://www.linkedin.com/company/port-of-rotterdam" ar...
XPath: ul > ul
Example 3 View on Page
List contains non-<li> child <ul>.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c16f6341
<ul class="portlantis-directly-to-menu__list"> <li class="portlantis-directly-to-menu__item"> <a class="portlantis-menu-link portlantis-menu-link--defa...
XPath: nav[aria-label="Directly to"] > ul > ul
Example 4 View on Page
List contains non-<li> child <ul>.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-392017c3
<ul class="social-media-menu__list"> <li class="social-media-menu__item"> <a class="social-media-link " href="https://www.instagram.com/portlantis_rotterdam" aria-l...
XPath: div > ul > ul
Example 5 View on Page
List contains non-<li> child <div>.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-725533ed
<div class="footer-directly-to-menu__menu-wrapper d-flex"> <ul class="footer-directly-to-menu__list"> <li class="footer-directly-to-menu__item"> ...
XPath: ul > div
17 Moderate accesslint landmarks/region
17 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not contained within a landmark region.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-002f527b
<div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Einstellungen anpassen" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color:...
XPath: body > div:nth-of-type(4)
Example 2 View on Page
Content is not contained within a landmark region.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-002f527b
<div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Customize Preferences" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color: ...
XPath: body > div:nth-of-type(4)
Example 3 View on Page
Content is not contained within a landmark region.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-002f527b
<div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Einstellungen anpassen" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color:...
XPath: body > div:nth-of-type(4)
Example 4 View on Page
Content is not contained within a landmark region.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-002f527b
<div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Voorkeuren aanpassen" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color: #...
XPath: body > div:nth-of-type(4)
Example 5 View on Page
Content is not contained within a landmark region.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-002f527b
<div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Einstellungen anpassen" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color:...
XPath: body > div:nth-of-type(4)
16 Moderate accesslint navigable/heading-order
15 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a49a6872
<h3 class=" hero__subtitle hero__subtitle--without-background-img"></h3>
XPath: div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > h3
Example 2 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-c380b296
<h3 class=" hero__subtitle hero__subtitle--with-background-img">Europäische Bestimmungsorte innerhalb von 24 Stunden erreichbar</h3>
XPath: div:nth-of-type(2) > div > div > div:nth-of-type(1) > h3
Example 3 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-a49a6872
<h3 class=" hero__subtitle hero__subtitle--without-background-img"></h3>
XPath: div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > h3
Example 4 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-f378ae9c
<h3 class=" hero__subtitle hero__subtitle--with-background-img"></h3>
XPath: #block-portofrotterdam-content > div > div:nth-of-type(1) > div:nth-of-type(2) > div > div > div:nth-of-type(1) > h3
Example 5 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-0062dc0f
<h3 class=" hero__subtitle hero__subtitle--without-background-img"></h3>
XPath: #block-portofrotterdam-content > div > div:nth-of-type(1) > div > div > div > div:nth-of-type(1) > h3
15 Moderate accesslint labels-and-names/label-placeholder-only
15 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element uses placeholder as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-eb10c9b4
<input placeholder="Suche" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" class="form-autocomplete form-text ui-autocomplete-input" data-autocomplete-path...
XPath: #edit-search-api-fulltext
Example 2 View on Page
Form element uses placeholder as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-eb10c9b4
<input placeholder="Suche" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" class="form-autocomplete form-text ui-autocomplete-input" data-autocomplete-path...
XPath: #edit-search-api-fulltext
Example 3 View on Page
Form element uses placeholder as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-eb10c9b4
<input placeholder="Zoeken" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" class="form-autocomplete form-text ui-autocomplete-input" data-autocomplete-pat...
XPath: #edit-search-api-fulltext
Example 4 View on Page
Form element uses placeholder as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-eb10c9b4
<input placeholder="Suche" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" class="form-autocomplete form-text ui-autocomplete-input" data-autocomplete-path...
XPath: #edit-search-api-fulltext
Example 5 View on Page
Form element uses placeholder as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-eb10c9b4
<input placeholder="Zoeken" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" class="form-autocomplete form-text ui-autocomplete-input" data-autocomplete-pat...
XPath: #edit-search-api-fulltext
4 Moderate accesslint landmarks/landmark-unique
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple navigation landmarks have the same label "hoofdmenu portlantis".
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-db3a8f52
<nav id="js-portlantis-side-nav" class="portlantis-side-menu__menu-content" role="navigation" aria-label="Hoofdmenu Portlantis"> <div class="portlantis-side-menu-level portlantis-side-me...
XPath: #js-portlantis-side-nav
Example 2 View on Page
Multiple navigation landmarks have the same label "nederlandsdeutsch中文".
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-30572a0e
<div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" id="block-languageswitcher" role="navigation"> <ul class="links"><li data-drupal-...
XPath: #block-languageswitcher
Example 3 View on Page
Multiple navigation landmarks have the same label "hoofdmenu portlantis".
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-db3a8f52
<nav id="js-portlantis-side-nav" class="portlantis-side-menu__menu-content" role="navigation" aria-label="Hoofdmenu Portlantis"> <div class="portlantis-side-menu-level portlantis-side-me...
XPath: #js-portlantis-side-nav
Example 4 View on Page
Multiple navigation landmarks have the same label "englishdeutsch中文".
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-30572a0e
<div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" id="block-languageswitcher" role="navigation"> <ul class="links"><li data-drupal-...
XPath: #block-languageswitcher

🔧 Most Common Issues (QualWeb)

5 rules
17 Moderate qualweb QW-ACT-R38: The test target owns elements that doesn't have the correct role.
17 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

ACT alignment

Examples

Example 1 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cf6fc340
Example 2 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cf6fc340
Example 3 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cf6fc340
Example 4 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cf6fc340
Example 5 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-cf6fc340
17 Moderate qualweb QW-ACT-R76: Element has contrast ratio lower than minimum.
17 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

ACT alignment

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-82fca3fc
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-82fca3fc
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-82fca3fc
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-82fca3fc
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-82fca3fc
15 Moderate qualweb QW-ACT-R37: Element has contrast ratio lower than minimum.
15 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

ACT alignment

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-45287c55
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-45287c55
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-45287c55
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-45287c55
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-45287c55
2 Moderate qualweb QW-ACT-R35: The test target accessible name doesn't exist or it's empty ('').
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

ACT alignment

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-997cfce7
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-997cfce7
1 Moderate qualweb QW-ACT-R30: The complete visible text content of the test target neither matches or is contained within its accessible name.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

ACT alignment

  • ACT 2ee8b8 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light 🕑 First identified: 2026-09-14 🔑 Pattern ID: A11Y-8c18567b