Live scan data
13
Accessibility Score
out of 100
1
Critical
17
Serious
17
Moderate
0
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 label Form elements must have labels 1 element
label Form elements must have labels
AI fix prompt
# Fix Missing Form Label – WCAG 1.3.1 / 3.3.2 / ADA Title III **Page:** https://nakashimawoodworkers.com/ **Selector:** #s **Element:** <input type="search" id="s" name="s" value="" placeholder=""> **Problem:** Form input has no associated label. Screen reader users cannot identify what to enter. **Fix (Elementor):** Option A – Add a visible label via the Form widget field settings. Option B – Add placeholder text AND aria-label via Custom Attributes: Key: aria-label | Value: e.g. "Your email address" Option C – Wrap with <label> in an HTML widget. **Tip:** Placeholder text alone is not sufficient; it disappears on input focus. **Standards:** ADA Title III · WCAG 2.2 1.3.1 · 3.3.2 · Section 508
Paste into Cursor, Claude, or Codex
serious link-name Links must have discernible text 11 elements
link-name Links must have discernible text
AI fix prompt
# Fix Empty Link – WCAG 4.1.2 / ADA Title III **Page:** https://nakashimawoodworkers.com/ **Selector:** a:nth-child(2) **Element:** <a href="https://nakashimawoodworkers.com/"> **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 color-contrast Elements must meet minimum color contrast ratio thresholds 5 elements
color-contrast Elements must meet minimum color contrast ratio thresholds
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://nakashimawoodworkers.com/ **Selector:** .row:nth-child(2) > .col:nth-child(1) > a **Current state:** - Text color: #9b9b9b - Background: #f2f2f0 - Ratio: 2.47:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .row:nth-child(2) > .col:nth-child(1) > a 2. Style tab → Typography → Text Color 3. Change to: #656565 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #656565 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 1 element
aria-input-field-name ARIA input fields must have an accessible name
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://nakashimawoodworkers.com/ **Selector:** .typo-light.col **Current state:** - Text color: #9b9b9b - Background: #f2f2f0 - Ratio: 2.47:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .typo-light.col 2. Style tab → Typography → Text Color 3. Change to: #656565 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #656565 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
moderate region All page content should be contained by landmarks 13 elements
region All page content should be contained by landmarks
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://nakashimawoodworkers.com/ **Selector:** .typo-light.col > a **Current state:** - Text color: #9b9b9b - Background: #f2f2f0 - Ratio: 2.47:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .typo-light.col > a 2. Style tab → Typography → Text Color 3. Change to: #656565 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #656565 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
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.