Fix accessibility violations: color contrast, aside nesting

- Improve text contrast from #666/#888/#999 to #555/#6b6b6b across site (WCAG AA)
- Fix aside nesting in all 10 blog articles (aside→div in related-articles)
- Fix aside nesting in quote sidebar
- Update CRO enhancement CSS/JS inline colors

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Peter Foster
2026-03-29 16:25:46 +01:00
parent 5f5691f51e
commit 72b114e5bb
17 changed files with 52 additions and 52 deletions

View File

@@ -672,22 +672,22 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;">
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #4f46e5; margin-bottom: 15px;">⚖️ Legal Due Diligence</h4>
<p style="color: #666; margin: 0;">Automate the extraction and summarisation of data from contracts, filings, and company documents during due diligence.</p>
<p style="color: #555; margin: 0;">Automate the extraction and summarisation of data from contracts, filings, and company documents during due diligence.</p>
<a href="/blog/articles/due-diligence-automation-law-firms" style="color: #4f46e5; text-decoration: none; font-weight: 500;">How it works →</a>
</div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #4f46e5; margin-bottom: 15px;">📊 Consultancy Research</h4>
<p style="color: #666; margin: 0;">Replace manual research hours with automated monitoring of markets, competitors, and regulatory changes.</p>
<p style="color: #555; margin: 0;">Replace manual research hours with automated monitoring of markets, competitors, and regulatory changes.</p>
<a href="/blog/articles/research-automation-management-consultancy" style="color: #4f46e5; text-decoration: none; font-weight: 500;">How it works →</a>
</div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #4f46e5; margin-bottom: 15px;">📋 Document Review</h4>
<p style="color: #666; margin: 0;">AI-powered extraction and summarisation of contracts, NDAs, and legal documents — replacing the first pass of manual review.</p>
<p style="color: #555; margin: 0;">AI-powered extraction and summarisation of contracts, NDAs, and legal documents — replacing the first pass of manual review.</p>
<a href="/blog/articles/contract-review-automation-law-firms" style="color: #4f46e5; text-decoration: none; font-weight: 500;">How it works →</a>
</div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #4f46e5; margin-bottom: 15px;">📈 Client Reporting</h4>
<p style="color: #666; margin: 0;">Automated data pipelines that compile client reports from multiple sources — delivered on schedule, ready to review.</p>
<p style="color: #555; margin: 0;">Automated data pipelines that compile client reports from multiple sources — delivered on schedule, ready to review.</p>
<a href="/quote" style="color: #4f46e5; text-decoration: none; font-weight: 500;">Get a Quote →</a>
</div>
</div>
@@ -888,7 +888,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
Projects are quoted at a fixed price based on scope. Simple document extraction pipelines typically start from £1,500. More complex multi-step AI agents or data pipeline build-outs run £3,000£10,000. Ongoing retainers for monitoring and maintenance start from £500/month. <a href="/quote" style="color: #4f46e5;">Book a free demo</a> and we'll scope it with you.
</p>
</div>
@@ -900,7 +900,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
We use a combination of OCR, large language models (LLMs), and custom automation code to read documents — PDFs, Word files, emails — and extract the specific data fields you need into a structured format. The system is trained on your actual documents, so it understands your specific terminology and layout. Output goes to CSV, your database, or directly into your existing systems.
</p>
</div>
@@ -912,7 +912,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
Most projects are delivered within 24 weeks from sign-off. We start with a scoping call, agree the specification, build and test, then hand over a working system. Simple document extraction pipelines can be ready in a week. More complex multi-source AI agents typically take 34 weeks.
</p>
</div>
@@ -924,7 +924,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
No. We build automations that your team operates without any technical knowledge — typically triggered by dropping files in a folder, sending an email, or clicking a button. We handle all the automation code and infrastructure. You just see the results in the format you asked for.
</p>
</div>
@@ -936,7 +936,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
We take data security seriously. All documents are processed with encryption in transit and at rest. We operate under NDA as standard, and all processing is GDPR-compliant. For sensitive legal and financial documents, we can also build automations that run entirely within your own infrastructure — no data leaves your systems.
</p>
</div>
@@ -948,7 +948,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
<span class="faq-icon" style="font-size: 1.5rem; color: #4f46e5;">+</span>
</button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
<p style="padding: 0 24px 20px; color: #555; line-height: 1.7;">
You own the code and can run it yourself. We provide full documentation and a handover session. Most clients also take an optional monthly retainer (from £500/month) for us to monitor the automation, handle maintenance, and add new features as their needs grow.
</p>
</div>