Respira logo Respira
Get free scanner

ADA & WCAG 2.2 Accessibility Report

axels.co.za

https://axels.co.za/?v=d41d8cd98f00

Scanned 15 June 2026 · axe-core lighthouse-13.3.0 · 23 checks passed · 55 issue instances

Live scan data
0
Accessibility Score
out of 100
0
Critical
4
Serious
51
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
color-contrast Background and foreground colors do not have a sufficient contrast ratio.
2 elements
AI fix prompt 
# Fix Fix color contrast

## CONTEXT
- Page: https://axels.co.za/?v=d41d8cd98f00
- 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
<div class="oxy-text-283-228 oxy-text slogan-txt" data-parallax="false" data-interactions="[{&quot;trigger&quot;:null,&quot;target&quot;:null,&quot;actions&quot;:[]}]">
```

**Selector:** `div.oxy-container-283-170 > a.bde-container-link-283-204 > div.oxy-container-283-226 > div.oxy-text-283-228`

## 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
link-name Links do not have a discernible name
2 elements
AI fix prompt 
# Fix Give the link an accessible name

## CONTEXT
- Page: https://axels.co.za/?v=d41d8cd98f00
- Issue: Link has no accessible name
- Impact: SERIOUS
- Standard: WCAG 2.4.4 Link Purpose / 4.1.2 Name, Role, Value (Level A)

## WHY IT FAILS
Screen readers announce this link with no purpose attached.

## ELEMENT
```html
<a class="breakdance-link bde-icon-icon breakdance-icon-atom" href="https://www.facebook.com/Axels4Pets/mentions/" target="_self" data-type="url">
```

**Selector:** `div.oxy-container-1086-128 > div.oxy-container-1086-130 > div.bde-icon-1086-115 > a.breakdance-link`

## HOW TO FIX
- Put descriptive text inside the `<a>` tag, or set `aria-label` on the link.
- Avoid generic labels like "click here" or "read more"; describe the destination.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/link-name>
Paste into Cursor, Claude, or Codex
moderate
accesskeys `[accesskey]` values are unique
1 element
AI fix prompt 
# Fix Fix accesskeys violation

## CONTEXT
- Page: https://axels.co.za/?v=d41d8cd98f00
- Issue: Accessibility violation flagged by axe-core
- Impact: MODERATE
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<snippet unavailable>
```

**Selector:** `selector unavailable`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/accesskeys>
Paste into Cursor, Claude, or Codex
moderate
aria-command-name `button`, `link`, and `menuitem` elements have accessible names
1 element
AI fix prompt 
# Fix Fix aria-command-name violation

## CONTEXT
- Page: https://axels.co.za/?v=d41d8cd98f00
- Issue: Accessibility violation flagged by axe-core
- Impact: MODERATE
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<snippet unavailable>
```

**Selector:** `selector unavailable`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/aria-command-name>
Paste into Cursor, Claude, or Codex
moderate
aria-input-field-name ARIA input fields have accessible names
1 element
AI fix prompt 
# Fix Fix aria-input-field-name violation

## CONTEXT
- Page: https://axels.co.za/?v=d41d8cd98f00
- Issue: Accessibility violation flagged by axe-core
- Impact: MODERATE
- Standard: WCAG 2.2 (see violation details)

## WHY IT FAILS
Lighthouse / axe-core flagged this rule. See helpUrl for the full reference.

## ELEMENT
```html
<snippet unavailable>
```

**Selector:** `selector unavailable`

## HOW TO FIX
- Open the help URL for the canonical fix recipe.

## REFERENCE
<https://dequeuniversity.com/rules/axe/4.11/aria-input-field-name>
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.

See pricing Learn more