Live scan data
0
Accessibility Score
out of 100
1
Critical
38
Serious
8
Moderate
1
Minor
Top 5 violations with AI fix prompts
Respira Page Builder Intelligence is Respira's builder-awareness layer for WordPress (Elementor, Divi, Gutenberg, Bricks, and more). No supported WordPress page builder was detected in this scan, so prompts are generated from live DOM and WCAG findings, but still target Respira for WordPress + MCP execution workflow.
critical aria-roles ARIA roles used must conform to valid values 1 element
aria-roles ARIA roles used must conform to valid values
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://nalgene.com/ **Selector:** .tag **Current state:** - Text color: #ffffff - Background: #0ddd56 - Ratio: 1.82:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .tag 2. Style tab → Typography → Text Color 3. Change to: #a6a6a6 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #a6a6a6 Use a contrast checker (e.g. https://webaim.org/resources/contrastchecker/) to verify. **Standards:** ADA Title III · WCAG 2.2 1.4.3 · Section 508
Paste into Cursor, Claude, or Codex
serious aria-input-field-name ARIA input fields must have an accessible name 11 elements
aria-input-field-name ARIA input fields must have an accessible name
AI fix prompt
# Fix Empty Link – WCAG 4.1.2 / ADA Title III **Page:** https://nalgene.com/ **Selector:** a[target=""] **Element:** <a href="http://nalgene.com/collections/thrill-and-motion" class="button-white" target="" tabindex="0"> </a> **Problem:** Link has no accessible name. Screen reader users cannot determine its purpose. **Fix (Elementor):** 1. Find the link widget or button using selector above 2. Add descriptive text, or set an aria-label attribute 3. Example: <a href="…" aria-label="Read our accessibility guide">Learn more</a> **Standards:** ADA Title III · WCAG 2.2 4.1.2 · Section 508
Paste into Cursor, Claude, or Codex
serious list <ul> and <ol> must only directly contain <li>, <script> or <template> elements 10 elements
list <ul> and <ol> must only directly contain <li>, <script> or <template> elements
AI fix prompt
# Fix Empty Link – WCAG 4.1.2 / ADA Title III **Page:** https://nalgene.com/ **Selector:** a[rel="noreferrer noopener"][target="_blank"]:nth-child(2) **Element:** <a href="https://www.instagram.com/p/DE8JFjhTloH/" target="_blank" rel="noreferrer noopener"></a> **Problem:** Link has no accessible name. Screen reader users cannot determine its purpose. **Fix (Elementor):** 1. Find the link widget or button using selector above 2. Add descriptive text, or set an aria-label attribute 3. Example: <a href="…" aria-label="Read our accessibility guide">Learn more</a> **Standards:** ADA Title III · WCAG 2.2 4.1.2 · Section 508
Paste into Cursor, Claude, or Codex
serious aria-toggle-field-name ARIA toggle fields must have an accessible name 9 elements
aria-toggle-field-name ARIA toggle fields must have an accessible name
AI fix prompt
# Fix Empty Link – WCAG 4.1.2 / ADA Title III **Page:** https://nalgene.com/ **Selector:** .site-footer__social > a[target="_blank"]:nth-child(1) **Element:** <a href="https://www.youtube.com/channel/UCZtgd80nhpGIgcmyZ07zK7A" target="_blank"> **Problem:** Link has no accessible name. Screen reader users cannot determine its purpose. **Fix (Elementor):** 1. Find the link widget or button using selector above 2. Add descriptive text, or set an aria-label attribute 3. Example: <a href="…" aria-label="Read our accessibility guide">Learn more</a> **Standards:** ADA Title III · WCAG 2.2 4.1.2 · Section 508
Paste into Cursor, Claude, or Codex
serious link-name Links must have discernible text 6 elements
link-name Links must have discernible text
AI fix prompt
# Fix Empty Link – WCAG 4.1.2 / ADA Title III **Page:** https://nalgene.com/ **Selector:** .site-footer__social > a[target="_blank"]:nth-child(2) **Element:** <a href="https://www.facebook.com/nalgene/" target="_blank"> **Problem:** Link has no accessible name. Screen reader users cannot determine its purpose. **Fix (Elementor):** 1. Find the link widget or button using selector above 2. Add descriptive text, or set an aria-label attribute 3. Example: <a href="…" aria-label="Read our accessibility guide">Learn more</a> **Standards:** ADA Title III · WCAG 2.2 4.1.2 · Section 508
Paste into Cursor, Claude, or Codex
Automated tools detect approximately 57% of WCAG violations. Manual review is always required.
Want these fixes applied safely?
Connect Respira for WordPress
Respira connects Cursor, Claude Code, and Codex to your WordPress site with builder-aware intelligence. Your AI agent can apply accessibility fixes on a safe draft for Not detected workflows.