Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Web accessibility: WCAG 2.2, keyboard and forms v1.0.0

Use this resource to make a web page or component accessible

New

  • 579 downloads
  • 153 likes
  • 168 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install web-accessibility-expert

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent fixes markup, focus handling, contrast, alt text and forms against WCAG 2.2 and the European Accessibility Act. It offers code snippets ready to adapt and a test routine with keyboard and screen reader. You get pages that are easier to use and a clear list of remaining defects.

Mostly picked by

Updated November 2, 2026

Example of an accessible form with a label, hint and error message tied to the field.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
Apache-2.0

Similar resources

View all

What you get

  • SKILL.md: POUR principles, keyboard, semantics, images, forms, colour, dynamic content, testing
  • references/COMPONENTS.md: modals, menus, tabs, tables and other components with their keyboard contract
  • A list of best practices and anti-patterns to check

Good fit for

  • Your site must comply with the European Accessibility Act
  • A form or modal cannot be operated by keyboard
  • You want to check contrast and alt text

Not for

  • Getting an official conformance certificate
  • Replacing tests with people who use assistive technology
  • Installing an automatic accessibility overlay

Tags

  • accessibility
  • wcag
  • aria
  • forms
  • keyboard

About

You say

"Make my site's contact form accessible: labels, error messages, tab order and contrast."

Example of an accessible form with a label, hint and error message tied to the field.

Skill published by personamanagmentlayer under the Apache-2.0 license.

Show more

Prerequisites

You bring
The code or address of the page to check and The target conformance level (usually AA)

How to use it

  1. Install the skill in your agent's skills folder.
  2. Name the page or component to fix.
  3. Apply the fixes, then test with a keyboard and a screen reader.

Content preview

Files

  • LICENSE10.9 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • references/COMPONENTS.md9.8 KB
  • SKILL.md11.8 KB

Origin and licence

Modified by PalateKit

Author
personamanagmentlayer
Source
github.com/personamanagmentlayer/pcl/tree/79ccaa9820486121fa33aaa696ec16fa1607bf02/stdlib/design/accessibility-expert
Licence
Apache-2.0

Notice

Version modifiée de « accessibility-expert » (personamanagmentlayer, Apache-2.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Do I need to install testing tools?

Not necessarily. The skill mentions axe and Lighthouse through npx, but the manual checks (keyboard, zoom, screen reader) need no installation.

Is COMPONENTS.md translated?

Only SKILL.md is translated into French. COMPONENTS.md ships in English.