Design & UX Skill
Animated Site Prompts
Production-ready prompts for animated websites
$15
Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns…
An implementation toolkit for building WCAG 2.2 AA-compliant interfaces with screen reader support, keyboard navigation, and mobile accessibility. It ships proven ARIA patterns and treats accessibility as a revenue and SEO channel, not just a legal box to check.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Design & UX
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
WCAG 2.2 compliance is a chain, and the weakest link (a missing focus ring, a 23px tap target) breaks all of it. The skill walks every interface through that chain:
- Runs every component through the POUR checklist: is there a visual alternative (Perceivable), does it work by keyboard (Operable), are error messages clear (Understandable), do ARIA state changes reach assistive tech (Robust). One principle passing is not enough, all four must hold.
- Audits against the concrete WCAG 2.2 success criteria table: 4.5:1 contrast for body text and 3:1 for large text (1.4.3), visible focus (2.4.7), the new 24x24px minimum target size (2.5.8), keyboard access for all functionality (2.1.1).
- Builds the baseline with semantic HTML and native elements first, then layers enrichment in strict order: HTML semantics, then CSS, then JS interaction, then ARIA roles, states and live regions. Forms must still submit with JavaScript off.
- Implements keyboard navigation end to end: logical tab order, visible focus rings that are styled rather than removed, focus trapping inside modals with Escape to close, and a skip-to-main-content link.
- Computes real contrast ratios with the luminance formula instead of eyeballing, checking AA and AAA thresholds per text size, and wires live regions so dynamic changes like result counts get announced.
- Verifies the full assistive technology chain before sign-off: DOM semantics correct, element visible in the accessibility tree, NVDA or VoiceOver actually reads it, the weakest link breaks the whole experience.
One power source. 6 lines out.
accessibility-compliance · core
core active · 6 lines
- ✓ auditing an interface ag…
Auditing an interface against WCAG 2.2 success criteria
- ✓ building accessible modals
Building accessible modals with focus trapping and Escape handling
- ✓ adding proper labels and
Adding proper labels and inline error messaging to forms
- ✓ implementing skip links
Implementing skip links and live regions for dynamic content
- ✓ verifying color contrast
Verifying color contrast and 44x44 touch target sizing
- ✓ supporting voiceover, ta…
Supporting VoiceOver, TalkBack, and reduced-motion preferences
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Reach the roughly 15-20% of users who experience disability
license: perpetual -
Improve search rankings through semantic HTML and alt text
license: perpetual -
Reduce legal exposure with proactive compliance instead of reactive lawsuits
license: perpetual -
Raise conversion through larger touch targets and clearer, readable interfaces
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
WCAG 2.2 success-criteria checklist (A, AA, and AAA levels)
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
Frontend developers and design teams who need to ship inclusive, legally sound interfaces that also strengthen SEO and conversion.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
Is this tied to a specific framework, or does it work with my component library?
The patterns target standard interface behavior like focus trapping, labeling and keyboard handling, so they apply regardless of framework. You implement them in whatever your components are built with.
-
Can an automated audit really find screen reader problems, or only the obvious ones?
It checks interfaces against WCAG 2.2 success criteria, which covers the structural and labeling issues a screen reader depends on. Judgment calls like whether alt text is meaningful still need a human pass.
-
Does passing this guarantee I am legally compliant?
It implements WCAG 2.2 AA criteria and strengthens your legal footing, but it is a build toolkit, not a certification. A formal accessibility audit or legal review remains a separate step.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.