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

@@ -172,10 +172,10 @@ $breadcrumbs = [
<div class="container">
<div style="max-width: 800px; margin: 0 auto; text-align: center;">
<h2 style="margin-bottom: 30px;">The Background</h2>
<p style="font-size: 1.2rem; line-height: 1.6; color: #666; margin-bottom: 40px;">
<p style="font-size: 1.2rem; line-height: 1.6; color: #555; margin-bottom: 40px;">
UK AI Automation was founded in 2013 by an automation consultant who had spent years building data pipelines and automation systems for financial services clients in London. The insight was simple: businesses — particularly in legal, consultancy, and financial services — were spending enormous amounts of time on manual data work that could be automated.
</p>
<p style="font-size: 1.1rem; line-height: 1.6; color: #666; margin-bottom: 40px;">
<p style="font-size: 1.1rem; line-height: 1.6; color: #555; margin-bottom: 40px;">
Over the past decade the focus has shifted from general data collection toward AI-powered automation: extracting structured data from documents, automating research workflows, building data pipelines that connect existing systems, and creating custom AI agents that handle multi-step tasks autonomously. The clients are the same — legal firms, consultancies, financial services businesses — but the tools have moved on significantly.
</p>
</div>
@@ -275,7 +275,7 @@ $breadcrumbs = [
<p style="font-size: 1.3rem; line-height: 1.6; color: #333; margin-bottom: 40px; font-weight: 500;">
Manual data work is a tax on skilled people's time. A paralegal spending two days extracting data from contracts, a consultant manually compiling a competitor report, a compliance officer trawling through regulatory updates — none of that needs to be done by hand anymore.
</p>
<p style="font-size: 1.1rem; line-height: 1.6; color: #666;">
<p style="font-size: 1.1rem; line-height: 1.6; color: #555;">
I build AI systems that handle those tasks automatically, so the skilled people in your team can spend their time on the work that actually requires their expertise.
</p>
</div>
@@ -332,7 +332,7 @@ $breadcrumbs = [
<section style="padding: 80px 0; background: white; text-align: center;">
<div class="container">
<h2 style="margin-bottom: 20px;">Ready to Work Together?</h2>
<p style="font-size: 1.2rem; color: #666; margin-bottom: 40px;">
<p style="font-size: 1.2rem; color: #555; margin-bottom: 40px;">
Tell us about your data challenge and we'll show you what's possible.
</p>
<div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">