Live scan data
0
Accessibility Score
out of 100
0
Critical
6
Serious
47
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.
serious label-content-name-mismatch Elements with visible text labels do not have matching accessible names. 2 elements
label-content-name-mismatch Elements with visible text labels do not have matching accessible names.
AI fix prompt
# Fix Fix label-content-name-mismatch violation ## CONTEXT - Page: https://2performant.com/ - Issue: Accessibility violation flagged by axe-core - Impact: SERIOUS - Standard: WCAG 2.2 (see violation details) ## WHY IT FAILS Lighthouse / axe-core flagged this rule. See helpUrl for the full reference. ## ELEMENT ```html <a href="https://2performant.com/" class="navbar-language-link active" id="navbar-lang-en" aria-label="English"> ``` **Selector:** `div.navbar-container > div.navbar-actions > div.navbar-language-selector > a#navbar-lang-en` ## HOW TO FIX - Open the help URL for the canonical fix recipe. ## REFERENCE <https://dequeuniversity.com/rules/axe/4.11/label-content-name-mismatch>
Paste into Cursor, Claude, or Codex
serious color-contrast Background and foreground colors do not have a sufficient contrast ratio. 1 element
color-contrast Background and foreground colors do not have a sufficient contrast ratio.
AI fix prompt
# Fix Fix color contrast ## CONTEXT - Page: https://2performant.com/ - Issue: Insufficient color contrast - Impact: SERIOUS - Standard: WCAG 1.4.3 Contrast (Minimum) (Level AA) ## WHY IT FAILS Text-to-background contrast falls below 4.5:1 for normal text or 3:1 for large text. ## ELEMENT ```html <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color: #d0d0d0; border-color: #EF3A4D; background-color: #EF3A4D;"> ``` **Selector:** `div.cky-notice > div.cky-notice-group > div.cky-notice-btn-wrapper > button.cky-btn` ## HOW TO FIX - Darken the text color or lighten the background until the ratio passes. - Use a tool like contrast-ratio.com to verify before shipping. ## REFERENCE <https://dequeuniversity.com/rules/axe/4.11/color-contrast>
Paste into Cursor, Claude, or Codex
serious heading-order Heading elements are not in a sequentially-descending order 1 element
heading-order Heading elements are not in a sequentially-descending order
AI fix prompt
# Fix Fix heading hierarchy ## CONTEXT - Page: https://2performant.com/ - Issue: Heading levels are out of sequence - Impact: SERIOUS - Standard: WCAG 1.3.1 Info and Relationships (Level A) ## WHY IT FAILS Headings skip levels (e.g. h2 → h4) and break the document outline. ## ELEMENT ```html <h3 class="blog-article-title"> ``` **Selector:** `div.blog-articles-grid > div.blog-article-card > div.blog-article-content > h3.blog-article-title` ## HOW TO FIX - Renumber headings so they go in order: h1 → h2 → h3 with no skips. - Reserve a single `<h1>` for the page title. ## REFERENCE <https://dequeuniversity.com/rules/axe/4.11/heading-order>
Paste into Cursor, Claude, or Codex
serious meta-viewport `[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5. 1 element
meta-viewport `[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.
AI fix prompt
# Fix Fix meta-viewport violation ## CONTEXT - Page: https://2performant.com/ - Issue: Accessibility violation flagged by axe-core - Impact: SERIOUS - Standard: WCAG 2.2 (see violation details) ## WHY IT FAILS Lighthouse / axe-core flagged this rule. See helpUrl for the full reference. ## ELEMENT ```html <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> ``` **Selector:** `head > meta` ## HOW TO FIX - Open the help URL for the canonical fix recipe. ## REFERENCE <https://dequeuniversity.com/rules/axe/4.11/meta-viewport>
Paste into Cursor, Claude, or Codex
serious landmark-one-main Document does not have a main landmark. 1 element
landmark-one-main Document does not have a main landmark.
AI fix prompt
# Fix Fix landmark-one-main violation ## CONTEXT - Page: https://2performant.com/ - Issue: Accessibility violation flagged by axe-core - Impact: SERIOUS - Standard: WCAG 2.2 (see violation details) ## WHY IT FAILS Lighthouse / axe-core flagged this rule. See helpUrl for the full reference. ## ELEMENT ```html <html lang="en-US" class="js"> ``` **Selector:** `html.js` ## HOW TO FIX - Open the help URL for the canonical fix recipe. ## REFERENCE <https://dequeuniversity.com/rules/axe/4.11/landmark-one-main>
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.