Accessibility Pattern Report

Clustered axe-core issue patterns grouped by rule, selector similarity, and affected routes.

Source markdown: PATTERN-REPORT-latest.md

Drupal Core Accessibility Bug Report

Generated: 2026-07-06T02:23:18.404Z
Tool: axe-core via @axe-core/playwright | Browser: Chromium
Standard: ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md

Summary#

MetricValue
Pages crawled1341
Total violation instances2672
Unique patterns79
WCAG conformance failures73
Best practices (Deque/axe — not WCAG failures)6
Template-level patterns (≥3 pages) 🔁48
Critical0
Serious75
Moderate3
Minor1

Project queue: https://www.drupal.org/project/issues/search?text=&projects=Drupal+core&assigned=&submitted=&project_issue_followers=&status%5B%5D=Open&issue_tags_op=%3D&issue_tags=Accessibility

Validated Keyboard Promotion Findings#

MetricValue
Promotion candidates (WCAG 2.5.3)2
Contract checks4
❌ Failures1
✅ Passes3
Results generated2026-04-29T18:00:08.808Z

❌ Label-in-Name Failures (Action Required)#

WCAG 2.5.3 — The accessible name of a control must contain the visible label text. Speech-input users who activate controls by speaking what they see will fail if these differ.

LABEL-IN-NAME-004: Configure action visible text appears in accessible name#

How to reproduce:

  1. Log into Drupal and navigate to /admin/config/content/formats
  2. Locate the element matching table tbody tr:has-text("Basic HTML") a:has-text("Configure")
  3. Inspect the element — the visible text reads "Configure"
  4. Check aria-label — it reads "Edit Basic HTML" which does not contain the visible text
  5. A speech-input user saying "click Configure" cannot activate this control

Fix: Update the aria-label to include the visible label text, or remove it if the visible text already provides a sufficient accessible name.

✅ Passing label-in-name checks (3) — click to expand
Contract IDRouteSelectorExpected Label
LABEL-IN-NAME-001/admin/form_style#edit-test-datelist-monthMonth
LABEL-IN-NAME-002/admin/form_style#edit-test-datelist-dayDay
LABEL-IN-NAME-003/admin/structure/types/addsummary:has-text("Submission form settings")Submission form settings
✅ Promotion candidates that passed validation (2) — click to expand
Candidate IDRouteFinding
PROMOTE-001/admin/form_style2 potential label-in-name mismatches in sampled focus steps.
PROMOTE-002/admin/structure/types/add1 potential label-in-name mismatches in sampled focus steps.

Aggregated Accessibility Issues by Category#

CSS and Presentation#

Input Modalities#

Form Interactions#

Semantic Structure#

Data Tables#

Reproducible Issue Details — WCAG Conformance Failures#

These rules map directly to WCAG success criteria. File on drupal.org as bug reports with the Accessibility tag plus the per-SC wcagXXX tag listed under each issue.

DRUPAL-A11Y-001—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-58ED44E2 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 48 of 1341 pages (4%) Selector: label[for="edit-preferred-theme"] XPath: //label[@for="edit-preferred-theme"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<label for="edit-preferred-theme" class="form-item__label">Preferred theme</label>

Description#

Fix any of the following: Element has insufficient color contrast of 1.2 (foreground color: #ffffff, background color: #eaeaea, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/admin/config/content/formats/manage/restricted_html
  3. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector label[for="edit-preferred-theme"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.2 (foreground color: #ffffff, background color: #eaeaea, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-002—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-6CBB7080 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 42 of 1341 pages (3%) Selector: .toolbar-button--icon--burger > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--burger > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Expand sidebar</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.5 (foreground color: #d2d3d3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/cd-navigation/config
  3. Use the matching context from Conditions: admin (dark mobile, dark mobile-landscape, dark tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector .toolbar-button--icon--burger > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.5 (foreground color: #d2d3d3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-003—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-D62C6EC9 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 48 of 1341 pages (4%) Selector: #edit-submit XPath: //*[@id="edit-submit"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Save configuration" class="button button--primary js-form-submit form-submit">

Description#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require interaction state (typing/dragging/focus) to expose the failing element.
  2. Go to https://drupal-core.ddev.site/admin/appearance
  3. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet, light desktop accent:yellow), claro (light desktop, light mobile, light mobile-landscape, light tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector #edit-submit.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-004—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-5CF2AC9D Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 29 of 1341 pages (2%) Selector: .toolbar-button--icon--theming-tools-dashboard > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--theming-tools-dashboard > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Theming Tools</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require opening a dialog/off-canvas panel before running axe.
  2. Go to https://drupal-core.ddev.site/admin/appearance
  3. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector .toolbar-button--icon--theming-tools-dashboard > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-005—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-850DCDEB Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 26 of 1341 pages (2%) Selector: label XPath: //label Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<label for="edit-preferred-theme" class="form-item__label">Preferred theme</label>

Description#

Fix any of the following: Element has insufficient color contrast of 1.22 (foreground color: #ffffff, background color: #e8e8e8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require opening a dialog/off-canvas panel before running axe.
  2. Go to https://drupal-core.ddev.site/admin
  3. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.22 (foreground color: #ffffff, background color: #e8e8e8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-006—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-1296E451 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 5 of 1341 pages (0%) Selector: .button--action XPath: //*[contains(@class,"button--action")] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/admin/config/content/formats/add" class="button button--action button--primary" data-drupal-link-system-path="admin/config/content/formats/add">Add text format</a>

Description#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/config/content/formats
  2. Use the matching context from Conditions: admin (light desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .button--action.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-007—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F4687B6D Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: summary XPath: //summary Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<summary>

Description#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/people
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, light desktop, light desktop accent:dark_purple, light desktop accent:green, light desktop accent:light_blue, light desktop accent:orange, light desktop accent:pink, light desktop accent:red, light desktop accent:teal, light desktop accent:yellow, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-008—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-E5B556BF Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: summary > em:nth-child(1) XPath: //summary > em:nth-child(1) Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em class="placeholder">Deprecated function</em>

Description#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/people
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, light desktop, light desktop accent:dark_purple, light desktop accent:green, light desktop accent:light_blue, light desktop accent:orange, light desktop accent:pink, light desktop accent:red, light desktop accent:teal, light desktop accent:yellow, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary > em:nth-child(1).

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-009—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-E34F9E45 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 12 of 1341 pages (1%) Selector: em:nth-child(2) XPath: //em:nth-child(2) Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em class="placeholder">Drupal\Core\Entity\ContentEntityBase-&gt;hasTranslation()</em>

Description#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/people
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, light desktop, light desktop accent:dark_purple, light desktop accent:green, light desktop accent:light_blue, light desktop accent:orange, light desktop accent:pink, light desktop accent:red, light desktop accent:teal, light desktop accent:yellow, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector em:nth-child(2).

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.11 (foreground color: #f39b9d, background color: #745655, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-010—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-09E68687 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: .toolbar-button--icon--system-admin-structure > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--system-admin-structure > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Structure</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--system-admin-structure > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-011—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-8D2B75C4 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: .enable > a XPath: //*[contains(@class,"enable > a")] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/admin/structure/block/manage/claro_vertical_tabs_test/enable?destination=/admin/structure/block&amp;token=16wvRWcXRXX73FgpdQQdVXGZdDemQZPss2hL3KiLwNk">Enable</a>

Description#

Fix any of the following: Element has insufficient color contrast of 4.1 (foreground color: #6a6b6f, background color: #e1e2e5, font size: 9.5pt (12.64px), font weight: bold). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/block
  2. Use the matching context from Conditions: claro (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .enable > a.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 4.1 (foreground color: #6a6b6f, background color: #e1e2e5, font size: 9.5pt (12.64px), font weight: bold). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-012—2026-07-05: "No blocks in this region" placeholder text fails contrast (2.84:1, needs 4.5:1)#

Pattern ID: DRU-05EC5EAB Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: .region-hidden-message > td[colspan="9"] XPath: //*[contains(@class,"region-hidden-message > td[colspan="9"]")] Parent Context: N/A Likely Template: region.html.twig Template Hint: Region template Drupal File: core/themes/claro/css/theme/block-admin.css (or its .pcss.css source)

Affected URLs (full list):

Conditions:

HTML Snippet#

<td colspan="9">No field is hidden.</td>

Description#

Fix any of the following: Element has insufficient color contrast of 3.78 (foreground color: #828388, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/manage/test_type/display/default
  2. Use the matching context from Conditions: claro (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .region-hidden-message > td[colspan="9"].

Expected Behaviour#

Foreground color #767676 or darker on white (#ffffff) background → 4.54:1

Actual Behaviour#

color: #999999 on #ffffff → contrast ratio 2.84:1

Impact#

low-vision

Suggested Fix#

In Claro's block-admin CSS, darken the placeholder text:

/ Before (broken) / .block-region .region-message em { color: #999999; }

/ After (fixed) / .block-region .region-message em { color: #767676; / 4.54:1 on white / }

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-013—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-E2078A3F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-select-single-disabled--description XPath: //*[@id="edit-select-single-disabled--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-select-single-disabled--description" class="is-disabled form-item__description">
      Description of disabled single-value select.
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/select
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-select-single-disabled--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-014—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-AD2BFF67 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 32 of 1341 pages (2%) Selector: #edit-message-disabled-N-value--description XPath: //*[@id="edit-message-disabled-0-value--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-message-disabled-0-value--description" class="is-disabled form-item__description">
      Description of the disabled message field
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textarea
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-message-disabled-N-value--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-015—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-41A4004B Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-formatted-disabled-N--description XPath: //*[@id="edit-formatted-disabled-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-formatted-disabled-0--description" class="form-item__description is-disabled">Description of the disabled formatted text field</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textarea
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-formatted-disabled-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-016—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-280E210A Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-formatted-summary-disabled-N-summary--description XPath: //*[@id="edit-formatted-summary-disabled-0-summary--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-formatted-summary-disabled-0-summary--description" class="is-disabled form-item__description">
      Leave blank to use trimmed value of full text as the summary.
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textarea
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-formatted-summary-disabled-N-summary--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-017—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-26F035FD Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-formatted-summary-disabled-N--description XPath: //*[@id="edit-formatted-summary-disabled-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-formatted-summary-disabled-0--description" class="form-item__description is-disabled">Description of the disabled <em>formatted text with summary</em> field</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textarea
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-formatted-summary-disabled-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-018—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-A2F30B05 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: .form-item__prefix.is-disabled XPath: //*[contains(@class,"form-item__prefix.is-disabled")] Parent Context: N/A Likely Template: form-element.html.twig Template Hint: Form element template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="form-item__prefix is-disabled">prefix</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .form-item__prefix.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-019—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-9E85665A Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-link-disabled-N-uri--description > ul > li:nth-child(1) XPath: //*[@id="edit-link-disabled-0-uri--description > ul > li:nth-child(1)"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<li>Disabled link field description</li>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-link-disabled-N-uri--description > ul > li:nth-child(1).

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-020—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F3991A4A Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 20 of 1341 pages (1%) Selector: #edit-link-disabled-N-uri--description > ul > li:nth-child(2) > em:nth-child(1) XPath: //*[@id="edit-link-disabled-0-uri--description > ul > li:nth-child(2) > em:nth-child(1)"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em class="placeholder">/node/add</em>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-link-disabled-N-uri--description > ul > li:nth-child(2) > em:nth-child(1).

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-021—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F62785C7 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-link-title-disabled-N > legend > .fieldset__label.is-disabled XPath: //*[@id="edit-link-title-disabled-0 > legend > .fieldset__label.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="is-disabled fieldset__label">Link with title (disabled)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-link-title-disabled-N > legend > .fieldset__label.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-022—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-5CEC2B2B Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-link-title-disabled-N-uri--description XPath: //*[@id="edit-link-title-disabled-0-uri--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-link-title-disabled-0-uri--description" class="is-disabled form-item__description">

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-link-title-disabled-N-uri--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-023—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-1844614F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 20 of 1341 pages (1%) Selector: #edit-link-title-disabled-N-uri--description > em:nth-child(1) XPath: //*[@id="edit-link-title-disabled-0-uri--description > em:nth-child(1)"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em class="placeholder">/node/add</em>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-link-title-disabled-N-uri--description > em:nth-child(1).

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-024—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-947532A5 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-timestamp-disabled-N-value--label XPath: //*[@id="edit-timestamp-disabled-0-value--label"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-timestamp-disabled-0-value--label" class="is-disabled form-item__label">Timestamp (disabled)</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-timestamp-disabled-N-value--label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-025—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-2E4D3107 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-date-disabled-N-value--label XPath: //*[@id="edit-date-disabled-0-value--label"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-date-disabled-0-value--label" class="is-disabled form-item__label">Date (disabled)</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-date-disabled-N-value--label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-026—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-83F8AB83 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-datetime-disabled-N > legend > .fieldset__label.is-disabled XPath: //*[@id="edit-datetime-disabled-0 > legend > .fieldset__label.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="is-disabled fieldset__label">Date and Time (disabled)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-datetime-disabled-N > legend > .fieldset__label.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-027—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-4D02AC76 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 12 of 1341 pages (1%) Selector: #edit-datetime-disabled-N--description XPath: //*[@id="edit-datetime-disabled-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-datetime-disabled-0--description" data-drupal-field-elements="description" class="is-disabled fieldset__description">Disabled 'date and Time' field description</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-datetime-disabled-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-028—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-E559EF47 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 8 of 1341 pages (1%) Selector: #edit-daterange-disabled-N-end-value--label XPath: //*[@id="edit-daterange-disabled-0-end-value--label"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-daterange-disabled-0-end-value--label" class="is-disabled form-item__label">End date</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-daterange-disabled-N-end-value--label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-029—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-4D55785C Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-daterange-ad-disabled-N > legend > .fieldset__label.is-disabled XPath: //*[@id="edit-daterange-ad-disabled-0 > legend > .fieldset__label.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="is-disabled fieldset__label">Date range - all day (disabled)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-daterange-ad-disabled-N > legend > .fieldset__label.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-030—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-90FB867F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-daterange-ad-disabled-N-value--label XPath: //*[@id="edit-daterange-ad-disabled-0-value--label"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-daterange-ad-disabled-0-value--label" class="is-disabled form-item__label">Start date</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-daterange-ad-disabled-N-value--label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-031—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-08EA9B05 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-daterange-ad-disabled-N--description XPath: //*[@id="edit-daterange-ad-disabled-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-daterange-ad-disabled-0--description" data-drupal-field-elements="description" class="is-disabled fieldset__description">Disabled 'date range - all day' field description</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-daterange-ad-disabled-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-032—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-581297ED Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-color-disabled-N-value--description XPath: //*[@id="edit-color-disabled-0-value--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-color-disabled-0-value--description" class="is-disabled form-item__description">
      Disabled color field description
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/textform
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow, dark mobile, dark mobile-landscape, dark tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-color-disabled-N-value--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-033—2026-07-05: target-size: Ensure touch targets have sufficient size and space#

Pattern ID: DRU-5867174A Rule: axe-core - target-size Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/target-size Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 2.5.8 - Target Size (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag258 Frequency: 41 of 1341 pages (3%) Selector: tr[data-drupal-selector="edit-terms-tid10"] > .tabledrag-cell > .tabledrag-cell-content.js-tabledrag-cell-content > .tabledrag-cell-content__item > .tabledrag-handle[href="#"][title="Move in any direction"] XPath: //tr[@data-drupal-selector="edit-terms-tid10"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="#" title="Move in any direction" class="tabledrag-handle"><div class="handle"></div></a>

Description#

Fix any of the following: Target has insufficient size (33px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 6.4px instead of at least 24px.

Steps to Reproduce#

  1. This issue may require interaction state (typing/dragging/focus) to expose the failing element.
  2. Go to https://drupal-core.ddev.site/tabledrag
  3. Use the matching context from Conditions: admin (dark desktop, dark mobile, dark mobile-landscape, dark tablet, light desktop, light mobile, light mobile-landscape, light tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule target-size on selector tr[data-drupal-selector="edit-terms-tid10"] > .tabledrag-cell > .tabledrag-cell-content.js-tabledrag-cell-content > .tabledrag-cell-content__item > .tabledrag-handle[href="#"][title="Move in any direction"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Target has insufficient size (33px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 6.4px instead of at least 24px.

Impact#

motor, low-vision

Suggested Fix#

Ensure interactive elements have a minimum 24×24px clickable area via padding or min-height/min-width in CSS.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-034—2026-07-05: target-size: Ensure touch targets have sufficient size and space#

Pattern ID: DRU-33BE632E Rule: axe-core - target-size Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/target-size Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 2.5.8 - Target Size (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag258 Frequency: 38 of 1341 pages (3%) Selector: #edit-terms-tid10-term XPath: //*[@id="edit-terms-tid10-term"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/taxonomy/term/1" data-drupal-selector="edit-terms-tid10-term" id="edit-terms-tid10-term" hreflang="en" class="menu-item__link">Abigo</a>

Description#

Fix any of the following: Target has insufficient size (43.8px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9.2px instead of at least 24px.

Steps to Reproduce#

  1. This issue may require interaction state (typing/dragging/focus) to expose the failing element.
  2. Go to https://drupal-core.ddev.site/tabledrag
  3. Use the matching context from Conditions: admin (dark desktop, dark mobile, dark mobile-landscape, dark tablet, light desktop, light mobile, light mobile-landscape, light tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule target-size on selector #edit-terms-tid10-term.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Target has insufficient size (43.8px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9.2px instead of at least 24px.

Impact#

motor, low-vision

Suggested Fix#

Ensure interactive elements have a minimum 24×24px clickable area via padding or min-height/min-width in CSS.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-035—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-EE5E2CD9 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 3 of 1341 pages (0%) Selector: .toolbar-button--icon--system-admin-config > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--system-admin-config > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Configuration</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/config
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--system-admin-config > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-036—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-C173AC22 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: .toolbar-button--icon--navigation-create > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--navigation-create > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Create</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/node/add/article
  2. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--navigation-create > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-037—2026-07-05: link-in-text-block: Ensure links are distinguished from surrounding text in a way that does not rely#

Pattern ID: DRU-D377125E Rule: axe-core - link-in-text-block Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/link-in-text-block Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.1 - Use of Color (Level A) Suggested drupal.org issue tags: Accessibility, wcag141 Frequency: 2 of 1341 pages (0%) Selector: #edit-imagefile-file-limited-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"] XPath: //*[@id="edit-imagefile-file-limited-dis-1 > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"]"] Parent Context: N/A Likely Template: menu.html.twig Template Hint: Menu template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/sites/default/files/README.txt" type="text/plain" class="menu-item__link">README.txt</a>

Description#

Fix any of the following: The link has insufficient color contrast of 2.88:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0e7772, surrounding text: #222330) The link has no styling (such as underline) to distinguish it from the surrounding text

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/contact/imagefile_file
  3. Use the matching context from Conditions: admin (light mobile-landscape, light tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule link-in-text-block on selector #edit-imagefile-file-limited-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: The link has insufficient color contrast of 2.88:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0e7772, surrounding text: #222330) The link has no styling (such as underline) to distinguish it from the surrounding text

Impact#

users with disabilities

Suggested Fix#

See axe documentation.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-038—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-4A814D8B Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--system-themes-page > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--system-themes-page > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Appearance</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/appearance
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--system-themes-page > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-039—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-AFF8AF72 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-actions-submit XPath: //*[@id="edit-actions-submit"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Save configuration" class="button button--primary js-form-submit form-submit">

Description#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/config/content/formats/manage/restricted_html
  2. Use the matching context from Conditions: admin (light desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-actions-submit.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-040—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-5C776A57 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--form-style-form > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--form-style-form > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Form Style</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/form_style
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--form-style-form > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-041—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-593DE53E Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--system-modules-list > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--system-modules-list > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Extend</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/modules
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--system-modules-list > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-042—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F30C5DE6 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--entity-user-collection > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--entity-user-collection > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">People</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/people
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--entity-user-collection > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.29 (foreground color: #002566, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-043—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-8A39EE9E Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--system-admin-reports > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--system-admin-reports > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Reports</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/reports
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .toolbar-button--icon--system-admin-reports > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-044—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-83A30AC0 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-save-continue XPath: //*[@id="edit-save-continue"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-drupal-selector="edit-save-continue" type="submit" id="edit-save-continue" name="op" value="Save and manage fields" class="button button--primary js-form-submit form-submit">

Description#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/add
  2. Use the matching context from Conditions: admin (light desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-save-continue.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.81 (foreground color: #111111, background color: #966705, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-045—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-5F4C262C Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: summary[aria-controls="edit-submission"] > .gin-details__summary-summary XPath: //summary[@aria-controls="edit-submission"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="gin-details__summary-summary">Title</span>

Description#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/add
  2. Use the matching context from Conditions: admin (light mobile)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary[aria-controls="edit-submission"] > .gin-details__summary-summary.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-046—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-39203797 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: summary[aria-controls="edit-workflow"] > .gin-details__summary-summary XPath: //summary[@aria-controls="edit-workflow"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="gin-details__summary-summary">Published, Create new revision</span>

Description#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/add
  2. Use the matching context from Conditions: admin (light mobile)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary[aria-controls="edit-workflow"] > .gin-details__summary-summary.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-047—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-2E1DDC9D Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: summary[aria-controls="edit-language"] > .gin-details__summary-summary XPath: //summary[@aria-controls="edit-language"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="gin-details__summary-summary">Site's default language (English)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/add
  2. Use the matching context from Conditions: admin (light mobile)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary[aria-controls="edit-language"] > .gin-details__summary-summary.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-048—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-92165602 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: summary[aria-controls="edit-display"] > .gin-details__summary-summary XPath: //summary[@aria-controls="edit-display"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="gin-details__summary-summary">Display author and date information</span>

Description#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/structure/types/add
  2. Use the matching context from Conditions: admin (light mobile)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector summary[aria-controls="edit-display"] > .gin-details__summary-summary.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 4.44 (foreground color: #767780, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-049—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-DA7603D7 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-danger--N XPath: //*[@id="edit-danger--2"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input class="button--small button button--danger js-form-submit form-submit" data-drupal-selector="edit-danger" type="submit" id="edit-danger--2" name="op" value="Danger">

Description#

Fix any of the following: Element has insufficient color contrast of 3.72 (foreground color: #ce6060, background color: #2a2a2d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/buttons
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-danger--N.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 3.72 (foreground color: #ce6060, background color: #2a2a2d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-050—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-C309868C Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-checkbox-hidden-label-disabled-value--description XPath: //*[@id="edit-checkbox-hidden-label-disabled-value--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-checkbox-hidden-label-disabled-value--description" class="is-disabled form-item__description">
      Description
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/checkbox_radio
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-checkbox-hidden-label-disabled-value--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-051—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F4FDF091 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-checkbox-disabled-value--description XPath: //*[@id="edit-checkbox-disabled-value--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-checkbox-disabled-value--description" class="is-disabled form-item__description">
      Disabled single checkbox description
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/checkbox_radio
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-checkbox-disabled-value--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-052—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-21AECF5A Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-multitext-unlimited-disabled--description XPath: //*[@id="edit-multitext-unlimited-disabled--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-multitext-unlimited-disabled--description" class="form-item__description is-disabled">Help text for disabled 'Multiple, unlimited text'.</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/field_cardinality_test
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-multitext-unlimited-disabled--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-053—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-8A9D517F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-multitext-unlimited-required-dis--description XPath: //*[@id="edit-multitext-unlimited-required-dis--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-multitext-unlimited-required-dis--description" class="form-item__description is-disabled">Help text for disabled 'Multiple, unlimited text' with a single default (preexisting) value.</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/field_cardinality_test
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-multitext-unlimited-required-dis--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-054—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-0460FE2F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 6 of 1341 pages (0%) Selector: #edit-imagefile-file-dis-N--description XPath: //*[@id="edit-imagefile-file-dis-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-imagefile-file-dis-0--description" class="is-disabled form-item__description">
      Description for the <em>File (disabled)</em> field.<br>One file only.<br>500 bytes limit.<br>Allowed types: txt.

    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-dis-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-055—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-B1649AF3 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 3 of 1341 pages (0%) Selector: #edit-imagefile-file-req-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size XPath: //*[@id="edit-imagefile-file-req-0 > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="file__size">(399 bytes)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-req-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-056—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-313AC57D Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-file-req-dis-N-description--description XPath: //*[@id="edit-imagefile-file-req-dis-0-description--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-imagefile-file-req-dis-0-description--description" class="is-disabled form-item__description">
      The description may be used as the label of the link to the file.
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-req-dis-N-description--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-057—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-CD3435B9 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-imagefile-file-req-dis-N--description > em XPath: //*[@id="edit-imagefile-file-req-dis-0--description > em"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em>File with a value (required)</em>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-req-dis-N--description > em.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-058—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-B863238B Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-file-plain-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size XPath: //*[@id="edit-imagefile-file-plain-dis-0 > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="file__size">(399 bytes)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-plain-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .file__size.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-059—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-9A5E66BD Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 4 of 1341 pages (0%) Selector: #edit-imagefile-file-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled XPath: //*[@id="edit-imagefile-file-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div class="gin-details__description is-disabled">Description for the <em>Unlimited file (disabled)</em> field.<br> Display and description properties are disabled.</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-060—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-232E0E39 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-imagefile-file-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em XPath: //*[@id="edit-imagefile-file-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em>Limited files with a single pre-existing value (required, disabled)</em>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_file
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-file-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-061—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-D6DB45E2 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-file-limited-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"] XPath: //*[@id="edit-imagefile-file-limited-dis-0 > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"]"] Parent Context: N/A Likely Template: menu.html.twig Template Hint: Menu template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/sites/default/files/CHANGELOG.txt" type="text/plain" class="menu-item__link">CHANGELOG.txt</a>

Description#

Fix any of the following: Element has insufficient color contrast of 1.52 (foreground color: #ffbbff, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/contact/imagefile_file
  3. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector #edit-imagefile-file-limited-dis-N > .form-managed-file__main > .file.file--mime-text-plain.file--text > .menu-item__link[type="text/plain"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.52 (foreground color: #ffbbff, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-062—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-F92CBCC7 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: .js-form-item-imagefile-image-req-N > .is-single.has-meta.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size XPath: //*[contains(@class,"js-form-item-imagefile-image-req-0 > .is-single.has-meta.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size")] Parent Context: N/A Likely Template: form-element.html.twig Template Hint: Form element template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="file__size">(40.68 KB)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .js-form-item-imagefile-image-req-N > .is-single.has-meta.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-063—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-6C4DFB1F Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 3 of 1341 pages (0%) Selector: #edit-imagefile-image-req-dis-N-alt--description XPath: //*[@id="edit-imagefile-image-req-dis-0-alt--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-imagefile-image-req-dis-0-alt--description" class="is-disabled form-item__description">
      Short description of the image used by screen readers and displayed when the image is not loaded. This is important for accessibility.
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-req-dis-N-alt--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-064—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-5E5C0D86 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: .js-form-item-imagefile-image-plain-N > .is-single.no-upload.has-value > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size XPath: //*[contains(@class,"js-form-item-imagefile-image-plain-0 > .is-single.no-upload.has-value > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size")] Parent Context: N/A Likely Template: form-element.html.twig Template Hint: Form element template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="file__size">(40.68 KB)</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector .js-form-item-imagefile-image-plain-N > .is-single.no-upload.has-value > .form-managed-file__main > .file.file--mime-image-png.file--image > .file__size.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-065—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-01429747 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 3 of 1341 pages (0%) Selector: #edit-imagefile-image-plain-dis-N--description XPath: //*[@id="edit-imagefile-image-plain-dis-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-imagefile-image-plain-dis-0--description" class="is-disabled form-item__description">
      Description for the <em>Plain image – no alt or title (disabled)</em> field.<br> Alt and title properties are disabled.<br> This field has a pre-existing value.
    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-plain-dis-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-066—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-DB7EDA96 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-imagefile-image-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em XPath: //*[@id="edit-imagefile-image-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<em>Unlimited image (disabled)</em>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-multi-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled > em.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-067—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-7BEBE47D Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-image-multi-def-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled XPath: //*[@id="edit-imagefile-image-multi-def-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div class="gin-details__description is-disabled">

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-multi-def-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-068—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-E2BB2305 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-image-multi-def-dis-N--description XPath: //*[@id="edit-imagefile-image-multi-def-dis-0--description"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div id="edit-imagefile-image-multi-def-dis-0--description" class="is-disabled form-item__description">
      Unlimited number of files can be uploaded to this field.<br>50 KB limit.<br>Allowed types: png jpg jpeg.

    </div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-multi-def-dis-N--description.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-069—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-397BCC7E Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: #edit-imagefile-image-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled XPath: //*[@id="edit-imagefile-image-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div class="gin-details__description is-disabled">Description for the <em>Limited image with a pre-existing value (required, disabled)</em> field.<br> Alt and title properties are allowed and alt is required.<br> The field has a pre-existing value.<br> Cardinality is set to 2.</div>

Description#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/imagefile_image
  2. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule color-contrast on selector #edit-imagefile-image-limited-dis > .gin-details__wrapper.details-wrapper > .gin-details__description.is-disabled.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.95 (foreground color: #55565b, background color: #2a2a2d, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-070—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-D3A5FBE6 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 2 of 1341 pages (0%) Selector: #edit-imagefile-image-limited-dis-table > tbody > .odd.draggable[data-once="claroTabledrag"] > .tabledrag-cell > .tabledrag-cell-content.js-tabledrag-cell-content > .tabledrag-cell-content__item > .has-meta.is-multiple.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .menu-item__link[type="image/png"] XPath: //*[@id="edit-imagefile-image-limited-dis-table > tbody > .odd.draggable[data-once="claroTabledrag"] > .tabledrag-cell > .tabledrag-cell-content.js-tabledrag-cell-content > .tabledrag-cell-content__item > .has-meta.is-multiple.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .menu-item__link[type="image/png"]"] Parent Context: N/A Likely Template: menu.html.twig Template Hint: Menu template Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<a href="/sites/default/files/drupal-8-logo-Stacked-CMYK-300.png" type="image/png" class="menu-item__link">drupal-8-logo-Stacked-CMYK-300.png</a>

Description#

Fix any of the following: Element has insufficient color contrast of 1.52 (foreground color: #ffbbff, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/contact/imagefile_image
  3. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector #edit-imagefile-image-limited-dis-table > tbody > .odd.draggable[data-once="claroTabledrag"] > .tabledrag-cell > .tabledrag-cell-content.js-tabledrag-cell-content > .tabledrag-cell-content__item > .has-meta.is-multiple.no-upload > .form-managed-file__main > .file.file--mime-image-png.file--image > .menu-item__link[type="image/png"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.52 (foreground color: #ffbbff, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-071—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-46B445F5 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: input[value="Single input"] XPath: //input[@value="Single input"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input type="submit" name="op" value="Single input" class="button button--primary js-form-submit form-submit">

Description#

Fix any of the following: Element has insufficient color contrast of 1.31 (foreground color: #111111, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/dropbutton
  3. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector input[value="Single input"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.31 (foreground color: #111111, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-072—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-C5A32380 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: input[value="Multiple inputs"] XPath: //input[@value="Multiple inputs"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-name="one" type="submit" name="op" value="Multiple inputs" class="button button--primary js-form-submit form-submit">

Description#

Fix any of the following: Element has insufficient color contrast of 1.31 (foreground color: #111111, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/dropbutton
  3. Use the matching context from Conditions: admin (dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector input[value="Multiple inputs"].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.31 (foreground color: #111111, background color: #2a2a2d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-073—2026-07-05: color-contrast: Ensure the contrast between foreground and background colors meets WCAG 2 AA min#

Pattern ID: DRU-57A3E114 Rule: axe-core - color-contrast Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/color-contrast Severity: High (axe impact: serious) Classification: WCAG failure WCAG SC: 1.4.3 - Contrast (Minimum) (Level AA) Suggested drupal.org issue tags: Accessibility, wcag143 Frequency: 1 of 1341 pages (0%) Selector: .toolbar-button--icon--shortcuts > .toolbar-button__label[data-toolbar-text=""] XPath: //*[contains(@class,"toolbar-button--icon--shortcuts > .toolbar-button__label[data-toolbar-text=""]")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-button__label" data-toolbar-text="">Shortcuts</span>

Description#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/tabs
  3. Use the matching context from Conditions: admin (dark desktop, dark desktop accent:dark_purple, dark desktop accent:green, dark desktop accent:light_blue, dark desktop accent:neutral, dark desktop accent:orange, dark desktop accent:pink, dark desktop accent:purple, dark desktop accent:red, dark desktop accent:teal, dark desktop accent:yellow)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule color-contrast on selector .toolbar-button--icon--shortcuts > .toolbar-button__label[data-toolbar-text=""].

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element has insufficient color contrast of 1.39 (foreground color: #1f242d, background color: #3b3b3f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Impact#

low-vision

Suggested Fix#

Check foreground/background color combinations. Ensure ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text (18pt or 14pt bold). Update the relevant CSS file.

Additional References#

Testing Environment#

Tracking IDs#

Reproducible Issue Details — Best Practices (not WCAG failures)#

These rules are Deque/axe best practices. They improve the experience for assistive technology users and are worth fixing, but they are not WCAG conformance failures — file them on drupal.org as tasks (not bugs), tagged Accessibility, and do not cite a WCAG SC as failing.

DRUPAL-A11Y-074—2026-07-05: label-title-only: Ensure that every form element has a visible label and is not solely labeled usi#

Pattern ID: DRU-546CD707 Rule: axe-core - label-title-only Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/label-title-only Severity: High (axe impact: serious) Classification: Best practice (Deque/axe) Related WCAG SC (advisory only — not a conformance failure): 1.3.1 - Info and Relationships Suggested drupal.org issue tags: Accessibility Frequency: 4 of 1341 pages (0%) Selector: #edit-checkbox-hidden-label-value XPath: //*[@id="edit-checkbox-hidden-label-value"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-drupal-selector="edit-checkbox-hidden..." aria-describedby="edit-checkbox-hidden..." type="checkbox" id="edit-checkbox-hidden..." name="checkbox_hidden_labe..." value="1" class="form-checkbox form-b..." title="Checkbox with hidden...">

Description#

Fix all of the following: Only title used to generate label for form element

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/checkbox_radio
  2. Use the matching context from Conditions: admin (light desktop, light mobile, light mobile-landscape, light tablet), claro (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule label-title-only on selector #edit-checkbox-hidden-label-value.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix all of the following: Only title used to generate label for form element

Impact#

blind, low-vision, voice-control

Suggested Fix#

Replace title-only labels with aria-label or a visible/visually-hidden <label> element.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-075—2026-07-05: label-title-only: Ensure that every form element has a visible label and is not solely labeled usi#

Pattern ID: DRU-9696BA88 Rule: axe-core - label-title-only Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/label-title-only Severity: High (axe impact: serious) Classification: Best practice (Deque/axe) Related WCAG SC (advisory only — not a conformance failure): 1.3.1 - Info and Relationships Suggested drupal.org issue tags: Accessibility Frequency: 4 of 1341 pages (0%) Selector: #edit-checkbox-hidden-label-disabled-value XPath: //*[@id="edit-checkbox-hidden-label-disabled-value"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<input data-drupal-selector="edit-checkbox-hidden..." aria-describedby="edit-checkbox-hidden..." disabled="disabled" type="checkbox" id="edit-checkbox-hidden..." name="checkbox_hidden_labe..." value="1" class="form-checkbox form-b..." title="Hidden label, disabl...">

Description#

Fix all of the following: Only title used to generate label for form element

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/contact/checkbox_radio
  2. Use the matching context from Conditions: admin (light desktop, light mobile, light mobile-landscape, light tablet), claro (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule label-title-only on selector #edit-checkbox-hidden-label-disabled-value.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix all of the following: Only title used to generate label for form element

Impact#

blind, low-vision, voice-control

Suggested Fix#

Replace title-only labels with aria-label or a visible/visually-hidden <label> element.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-076—2026-07-05: Local task tab headings (#primary-tabs-title) are outside any landmark region#

Pattern ID: DRU-D8FCA413 Rule: axe-core - region Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/region Severity: Medium (axe impact: moderate) Classification: Best practice (Deque/axe) Related WCAG SC (advisory only — not a conformance failure): 1.3.6 - Identify Purpose Suggested drupal.org issue tags: Accessibility Frequency: 108 of 1341 pages (8%) Selector: #primary-tabs-title XPath: //*[@id="primary-tabs-title"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<h2 id="primary-tabs-title" class="visually-hidden">Primary tabs</h2>

Description#

Fix any of the following: Some page content is not contained by landmarks

Steps to Reproduce#

  1. This issue may require expanding or activating interactive UI elements before running axe.
  2. Go to https://drupal-core.ddev.site/admin
  3. Use the matching context from Conditions: admin (dark desktop, dark mobile, dark mobile-landscape, dark tablet, light desktop, light mobile, light mobile-landscape, light tablet)
  4. Open browser DevTools and run axe.run() in the Console.
  5. Confirm rule region on selector #primary-tabs-title.

Expected Behaviour#

The <h2> heading is inside the <nav> it labels, or the <nav> itself is inside a landmark

Actual Behaviour#

<h2 id="primary-tabs-title"> is a sibling of <nav>, and the nav may be outside main/aside/etc.

Impact#

blind, low-vision

Suggested Fix#

Move the heading inside the <nav> it labels:

{# Before #} <h2 id="primary-tabs-title" class="visually-hidden">{{ 'Primary tabs'|t }}</h2> <nav class="tabs-wrapper" aria-labelledby="primary-tabs-title">…</nav>

{# After — h2 moves inside nav #} <nav class="tabs-wrapper" aria-labelledby="primary-tabs-title"> <h2 id="primary-tabs-title" class="visually-hidden">{{ 'Primary tabs'|t }}</h2> … </nav>

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-077—2026-07-05: region: Ensure all page content is contained by landmarks#

Pattern ID: DRU-6488726D Rule: axe-core - region Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/region Severity: Medium (axe impact: moderate) Classification: Best practice (Deque/axe) Related WCAG SC (advisory only — not a conformance failure): 1.3.6 - Identify Purpose Suggested drupal.org issue tags: Accessibility Frequency: 20 of 1341 pages (1%) Selector: .top-bar__actions XPath: //*[contains(@class,"top-bar__actions")] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<div class="top-bar__actions">

Description#

Fix any of the following: Some page content is not contained by landmarks

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/admin/config/content/formats
  2. Use the matching context from Conditions: admin (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule region on selector .top-bar__actions.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Some page content is not contained by landmarks

Impact#

blind, low-vision

Suggested Fix#

Ensure all visible content is inside a landmark element (<main>, <nav>, <aside>, <header>, <footer>). Check page.html.twig and block placement.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-078—2026-07-05: region: Ensure all page content is contained by landmarks#

Pattern ID: DRU-EE349DA0 Rule: axe-core - region Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/region Severity: Medium (axe impact: moderate) Classification: Best practice (Deque/axe) Related WCAG SC (advisory only — not a conformance failure): 1.3.6 - Identify Purpose Suggested drupal.org issue tags: Accessibility Frequency: 4 of 1341 pages (0%) Selector: .toolbar-title__label XPath: //*[contains(@class,"toolbar-title__label")] Parent Context: N/A Likely Template: toolbar (admin theme) Template Hint: Admin toolbar Drupal File: See likely_template above

Affected URLs (full list):

Conditions:

HTML Snippet#

<span class="toolbar-title__label">
        admin
    </span>

Description#

Fix any of the following: Some page content is not contained by landmarks

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/user/1/edit
  2. Use the matching context from Conditions: admin (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule region on selector .toolbar-title__label.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Some page content is not contained by landmarks

Impact#

blind, low-vision

Suggested Fix#

Ensure all visible content is inside a landmark element (<main>, <nav>, <aside>, <header>, <footer>). Check page.html.twig and block placement.

Additional References#

Testing Environment#

Tracking IDs#

DRUPAL-A11Y-079—2026-07-05: empty-table-header: Ensure table headers have discernible text#

Pattern ID: DRU-1D23B830 Rule: axe-core - empty-table-header Axe Rule URL: https://dequeuniversity.com/rules/axe/4.11/empty-table-header Severity: Low (axe impact: minor) Classification: Best practice (Deque/axe) Suggested drupal.org issue tags: Accessibility Frequency: 4 of 1341 pages (0%) Selector: #edit-table-empty > thead > tr > .select-all XPath: //*[@id="edit-table-empty > thead > tr > .select-all"] Parent Context: N/A

Affected URLs (full list):

Conditions:

HTML Snippet#

<th class="select-all"></th>

Description#

Fix any of the following: Element does not have text that is visible to screen readers

Steps to Reproduce#

  1. Go to https://drupal-core.ddev.site/table
  2. Use the matching context from Conditions: claro (light desktop, light mobile, light mobile-landscape, light tablet)
  3. Open browser DevTools and run axe.run() in the Console.
  4. Confirm rule empty-table-header on selector #edit-table-empty > thead > tr > .select-all.

Expected Behaviour#

Element and interaction meet the mapped WCAG success criterion.

Actual Behaviour#

Fix any of the following: Element does not have text that is visible to screen readers

Impact#

users with disabilities

Suggested Fix#

See axe documentation.

Additional References#

Testing Environment#

Tracking IDs#

Deduplication & Pattern Grouping#