29degrees Limited — Expert Web Solutions for Growing Businesses

# Fix Accessibility Violation via Respira MCP

## SYSTEM CONTEXT
- This fix is executable only with **Respira for WordPress + Respira MCP** connected to the target site.
- Use **Respira MCP tools only** (`wordpress_*`). Do not suggest manual CMS edits or generic code patches.
- Respira safety flow is duplicate-first. Return the `respira_approvals_url` for user review.

## VIOLATION SUMMARY
**Page:** https://29degrees.co.uk/ (ID: resolve via MCP)
**Builder:** Custom / Non-WordPress
**Issue:** Insufficient color contrast
**Impact:** SERIOUS
**WCAG:** WCAG 1.4.3 Contrast (Minimum) (Level AA)

**Element:**
```html
<p class="text-amber font-display font-medium text-sm tracking-widest uppercase mb-3">What We Do</p>
```

**Location in Builder:** .is-visible.fade-up > .tracking-widest.uppercase.mb-3

---

## YOUR TASK
Fix this violation through Respira MCP and keep all unrelated content unchanged.

### Workflow Overview
1. Resolve `PAGE_ID` if unknown.
2. Extract builder content (or update module directly for supported builders).
3. Apply the minimal fix for this exact element.
4. Verify the updated field/value in extracted content.
5. Return a JSON summary with the approval URL.

---

## BUILDER CONTEXT: Custom / Non-WordPress

Use builder detection first, then follow extract/modify/inject flow.

**Primary tools:**
- `wordpress_list_pages({ search })`
- `wordpress_list_posts({ search })`
- `wordpress_get_builder_info({})`
- `wordpress_extract_builder_content({ builder, pageId })`
- `wordpress_inject_builder_content({ builder, pageId, content })`

If this is not a WordPress page connected through Respira plugin + MCP, this prompt is not executable.

---

## FIXING INSTRUCTIONS
### Step 0: Resolve Page ID (Required)
```javascript
// 1) Try pages first
const pages = await wordpress_list_pages({ search: "29degrees Limited — Expert Web Solutions" });
// 2) If not found, try posts
const posts = await wordpress_list_posts({ search: "29degrees Limited — Expert Web Solutions" });
// 3) Match by URL: https://29degrees.co.uk/
// 4) Set PAGE_ID to the matching numeric ID before continuing
const PAGE_ID = 0; // replace with real ID
```

### Step 1: Extract builder content and locate the failing text node
```javascript
const extracted = await wordpress_extract_builder_content({ builder: "generic", pageId: PAGE_ID });
```

### Step 2: Update text/background color fields on that module/block
- Current: `#e8a838` on `#f7f5f2` (1.91:1)
- Required: `NaN:1`
- Suggested text color: `#976d24`

### Step 3: Inject updated content and verify
```javascript
await wordpress_inject_builder_content({ builder: "generic", pageId: PAGE_ID, content: extracted.content || extracted });
```

---

## EXPECTED OUTPUT
```json
{
  "success": true,
  "violation_fixed": "color-contrast",
  "page_id": PAGE_ID,
  "duplicate_id": "<duplicate_id_from_response>",
  "changes_made": "<what was changed>",
  "approval_url": "<respira_approvals_url from MCP response>",
  "verification": "<how you verified the fix>"
}
```

---

## CRITICAL REMINDERS
- If Respira plugin or MCP is not connected, stop and report that setup is required.
- Prefer `moduleIdentifier.admin_label`, then `path`, then `type + match_content`.
- Preserve all unrelated builder data.
- Always include `approval_url` in final output.