Live scan data
0
Accessibility Score
out of 100
0
Critical
73
Serious
1
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 50 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/dashboard/accessibility/reports/90642e76-9cc4-44be-8ba4-229fea623fb1 **Selector:** .flex-1.font-medium[data-astro-cid-jigro4u6=""] **Current state:** - Text color: #10b981 - Background: #1e3f42 - Ratio: 4.48:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .flex-1.font-medium[data-astro-cid-jigro4u6=""] 2. Style tab → Typography → Text Color 3. Change to: #0a7854 (This should achieve ≥ 4.5:1:1 contrast) **Suggested color:** #0a7854 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 scrollable-region-focusable Scrollable region must have keyboard access 23 elements
scrollable-region-focusable Scrollable region must have keyboard access
AI fix prompt
# Fix Color Contrast – WCAG 1.4.3 / ADA Title III **Page:** https://www.respira.press/dashboard/accessibility/reports/90642e76-9cc4-44be-8ba4-229fea623fb1 **Selector:** .kpi-card:nth-child(1) > .kpi-sub **Current state:** - Text color: #4a5568 - Background: #1a202c - Ratio: 2.16:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .kpi-card:nth-child(1) > .kpi-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 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/dashboard/accessibility/reports/90642e76-9cc4-44be-8ba4-229fea623fb1 **Selector:** .kpi-card:nth-child(2) > .kpi-sub **Current state:** - Text color: #4a5568 - Background: #1a202c - Ratio: 2.16:1 **Required:** 4.5:1:1 (WCAG AA / ADA Title III) **Fix (Elementor):** 1. Select the element: .kpi-card:nth-child(2) > .kpi-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
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.