Test Summary
URL: https://accessmatch.ddev.site/form/resource
Test Spec: N/A
Date: 10/10/2025, 5:43:27 PM
Total Violations: 4
Critical: 0
Serious: 2
Moderate: 2
Minor: 0
color-contrast - Elements must meet minimum color contrast ratio thresholds
Impact: serious
Description: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Help: Elements must meet minimum color contrast ratio thresholds
Tags: cat.color, wcag2aa, wcag143, TTv5, TT13.c, EN-301-549, EN-9.1.4.3, ACT
Affected Elements (1)
<div id="edit-approved--description" class="webform-element-description">
Target: #edit-approved--description
Failure Summary:
Fix any of the following:
Element has insufficient color contrast of 4 (foreground color: #777777, background color: #f2f2f2, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1
html-has-lang - element must have a lang attribute
Impact: serious
Description: Ensure every HTML document has a lang attribute
Help: element must have a lang attribute
Tags: cat.language, wcag2a, wcag311, TTv5, TT11.a, EN-301-549, EN-9.3.1.1, ACT
Affected Elements (1)
<html class="access-support overflow-x-clip no-touchevents js" data-once="drupal-dialog-deprecation-listener" style="scroll-padding-top: 40px; --drupal-displace-offset-top: 41px;">
Target: html
Failure Summary:
Fix any of the following:
The element does not have a lang attribute
landmark-unique - Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Impact: moderate
Description: Ensure landmarks are unique
Help: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Tags: cat.semantics, best-practice
Affected Elements (1)
<nav class="menu universal">
Target: #universal-menus,.universal
Failure Summary:
Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
region - All page content should be contained by landmarks
Impact: moderate
Description: Ensure all page content is contained by landmarks
Help: All page content should be contained by landmarks
Tags: cat.keyboard, best-practice
Affected Elements (5)
<div class="container">
Target: #header,.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
Target: .focusable
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div id="toolbar-administration" role="group" aria-label="Site administration toolbar" data-drupal-claro-processed-toolbar="" class="toolbar claro-toolbar toolbar-oriented" data-once="toolbar toolbarAntiFlicker">
Target: #toolbar-administration
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="container prose">
Target: .layout-container > .prose.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks
<div class="container">
Target: #footer,.container
Failure Summary:
Fix any of the following:
Some page content is not contained by landmarks