Live scan data
50
Accessibility Score
out of 100
0
Critical
18
Serious
2
Moderate
0
Minor
Top 3 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.
serious color-contrast Elements must meet minimum color contrast ratio thresholds 18 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://www.respira.press/addons/accessibility-scanner?source=extension-install **Selector:** .er-summary-card[data-astro-cid-ti6thcrp=""]:nth-child(1) > .er-summary-label[data-astro-cid-ti6thcrp=""] **Current state:** - Text color: #718096 - Background: #161b2e - Ratio: 4.25:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .er-summary-card[data-astro-cid-ti6thcrp=""]:nth-child(1) > .er-summary-label[data-astro-cid-ti6thcrp=""] 2. Style tab → Typography → Text Color 3. Change to: #495362 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #495362 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 landmark-unique Landmarks should have a unique role or role/label/title (i.e. accessible name) combination 1 element
landmark-unique Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://www.respira.press/addons/accessibility-scanner?source=extension-install **Selector:** .er-summary-sub **Current state:** - Text color: #4a5568 - Background: #161b2e - Ratio: 2.26:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .er-summary-sub 2. Style tab → Typography → Text Color 3. Change to: #303744 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #303744 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 1 element
region All page content should be contained by landmarks
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://www.respira.press/addons/accessibility-scanner?source=extension-install **Selector:** .er-summary-card[data-astro-cid-ti6thcrp=""]:nth-child(2) > .er-summary-label[data-astro-cid-ti6thcrp=""] **Current state:** - Text color: #718096 - Background: #161b2e - Ratio: 4.25:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .er-summary-card[data-astro-cid-ti6thcrp=""]:nth-child(2) > .er-summary-label[data-astro-cid-ti6thcrp=""] 2. Style tab → Typography → Text Color 3. Change to: #495362 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #495362 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.