B Corp Sustainability Consultancy

ActNow Consulting: 100 A+ PEER Score, WCAG 2.2 AAA

A certified B Corp consultancy needed a website that practised what they preach. We built a site that scores 100/100 on our PEER audit, meets WCAG 2.2 AAA with zero violations, passes all three B Corp JEDI digital inclusion tests, and produces just 0.024g of CO2 per page view.

100

P.E.E.R. Score

AAA

WCAG 2.2 Level

0.024g

CO2 Per Page View

3/3

JEDI Tests Passed

The Challenge

ActNow Consulting is a certified B Corp that advises businesses on ESG strategy, carbon reduction, and B Corp certification. Founder Alexina Cassidy needed a website that met the same standards she asks of her clients.

The old site ran on WordPress. It was slow, had no accessibility testing, and produced far more carbon per visit than a sustainability consultancy should. For a company helping others achieve B Corp status, the website needed to be the proof point — not the weak link.

The brief was clear: build a site that passes WCAG 2.2 AAA (the highest accessibility level), meets all three B Corp JEDI digital inclusion requirements, runs on green energy, and produces as little carbon as possible. Every claim on the site needed to be backed by verifiable audit data.

What We Built

A hand-coded static site with a custom accessibility system, dual-content architecture, and an automated audit pipeline baked into the build process.

AA/AAA Content Toggle

A plain-language system that rewrites content in real time. Every complex sentence has a simpler alternative stored in a data-plain-text attribute. Users toggle between expert and plain English via a button in the nav bar. Screen readers announce the mode change.

Light & Dark Themes

Two fully themed colour schemes built on CSS custom properties. Every colour pairing was pre-computed to pass 7:1 contrast (AAA). The dark theme activates automatically for users who prefer it, with a manual override that persists across sessions.

WAI-ARIA Tab Pattern

The services page uses a proper WAI-ARIA tablist with role="tab", aria-selected, tabindex management, and arrow/Home/End keyboard navigation. Screen reader users hear the correct role; keyboard users get the correct interaction model.

Build-Time Content Audit

A custom Python script runs on every build. It checks readability (Flesch-Kincaid), flags long sentences, verifies plain-language coverage, and catches banned jargon. The output is baked into the deploy — if readability drifts, the build warns.

Critical CSS Inlining

Critters runs post-build on every page, inlining above-the-fold CSS directly into each HTML file (23–41% of the stylesheet). The rest loads asynchronously via preload/swap. First paint happens before the full CSS arrives.

Motion Respect

GSAP scroll animations and Lenis smooth scrolling are loaded only when the user has not set prefers-reduced-motion. The entire animation bundle (139 KB) is skipped via dynamic import — no wasted bytes for users who do not want motion.

Accessibility: Beyond Compliance

WCAG 2.2 AAA is the highest level of web accessibility. Most organisations aim for AA. We went further — and we tested it properly.

Zero Automated Violations

axe-core checked 87 rules across 12 page scans (6 pages × 2 viewports). Zero violations at any level — A, AA, or AAA. No contrast failures, no missing alt text, no heading jumps, no keyboard traps.

VoiceOver Tested

Every page tested with Apple VoiceOver. Semantic landmarks (nav, main, header, footer) all announced correctly. Skip link works. Tab order follows reading order. The AA/AAA toggle announces its state change. Service tabs announce their role and selected state.

Keyboard-Only Navigation

14 focus moves across 15 focusable elements with no traps. 3px solid focus outlines on every interactive element. Skip-to-content link visible on focus. Service tabs navigable with arrow keys, Home, and End.

7:1 Contrast Everywhere

Every colour pairing in the design token system was pre-computed to pass the AAA 7:1 ratio. The CSS comments document the exact ratios: sage-dark at 7.50:1, green-150 at 7.02:1, amber-text at 7.48:1. No opacity tricks — every computed colour passes at full value.

48px Tap Targets

Every link and button meets the 48×48px minimum. Tested across all mobile pages with zero failures. Body links in legal content use min-height: 48px to guarantee touch target size even on single-line text links.

Dual-Content Writing

We wrote every page twice. The expert version uses proper sustainability terminology. The plain version uses shorter words, simpler sentences, and avoids jargon. Both versions are in the HTML — users choose which they see. A build-time audit checks both versions for readability.

ISO 30071-1 Checks

Seven automated checks against ISO 30071-1 (accessibility in organisations): accessibility statement linked, skip link present, semantic landmarks, third-party widget labelling, reduced motion respected, colour scheme preference supported, focus management verified. All passed.

The Results

Verified by PEER audit PEER-2026-671-v3 on 10 April 2026. Every number below comes from the automated scan — not estimates.

Metric	Result	Threshold
P.E.E.R. Overall Score	100 / 100 (A+)	—
Performance Pillar	99	—
Experience Pillar	100	—
Emissions Pillar	100	—
Ranking Pillar	99	—
LCP (Largest Contentful Paint)	238 ms	≤ 2,500 ms
CLS (Cumulative Layout Shift)	0	≤ 0.1
TTFB (Time to First Byte)	0.75 ms	≤ 600 ms
CO2 Per Page View	0.024g	—
WCAG 2.2 Violations	0	0 (AAA target)
axe-core Total Issues	0	0
Mobile Usability	100	No issues

B Corp JEDI Digital Inclusion

All three B Corp JEDI v2.2 digital requirements independently verified:

JEDI2.m

WCAG 2.2 AAA — Pass

JEDI2.p

Inclusive Communications — Pass

JEDI2.q

Product Inclusivity — Pass

Technical Highlights

Vite + Handlebars build — 12 HTML entry points compiled from partials. No runtime framework. Zero client-side hydration cost.

Self-hosted Inter (WOFF2) — two weights (400, 700), preloaded in the head. 91 KB total. No Google Fonts, no third-party font requests.

Brotli compression + HTTP/2 — 5.8:1 compression on CSS, 2.6:1 on JS. 100/100 caching score. Average page weight 393 KB.

Schema.org structured data — ProfessionalService, Organization, WebSite, and BreadcrumbList on every page. Three credentials declared. Five areas of expertise.

GSAP + Lenis deferred loading — animation libraries loaded via requestIdleCallback with dynamic import(). Not in the critical path. Skipped entirely for reduced-motion users.

Green hosted + verified — Hostinger VPS in Manchester, UK. Green Web Foundation verified. UK grid intensity at scan: 72 gCO2/kWh. Annual emissions at 1,000 monthly visitors: 0.88 kg CO2.

Full WCAG 2.2 compliance table — all 86 criteria documented on the accessibility page with specific evidence for how each is met. Published transparently for assessors and users.