skills.rest
penpot
penpotOFFICIAL
Explore all skills by this author →
Website𝕏@penpotappGitHub

penpot-audit-accessibility

Audit Penpot designs for WCAG 2.1/2.2 AA accessibility compliance.

33|3|Updated Jun 18, 2026
Search Tags:#accessibility#WCAG#design system#audit#Penpot
One-click install
npx skills add https://github.com/penpot/penpot-ai-kit --skill penpot-audit-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: penpot-audit-accessibility
Source: https://github.com/penpot/penpot-ai-kit/tree/main/skills/penpot-audit-accessibility
Command: npx skills add https://github.com/penpot/penpot-ai-kit --skill penpot-audit-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires shared/penpot-mcp-tool-reference.md, shared/plugin-api-gotchas.md, shared/naming-conventions.md, shared/modes-and-policies.md, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of auditing Penpot designs for accessibility compliance, saving time and ensuring design systems meet WCAG standards.

Core Features & Use Cases

  • Accessibility Compliance: Audits Penpot designs against WCAG 2.1/2.2 AA (optionally AAA) standards.
  • Detailed Reporting: Generates a structured severity report on color contrast, touch/target sizes, text alternatives, heading hierarchy, and keyboard/focus order.
  • Fix Proposals: Suggests fixes for identified issues without auto-applying them.
  • Use Case: A designer uses this Skill to ensure a new design meets accessibility standards before release.

Quick Start

Run the penpot-audit-accessibility skill on your Penpot design to automatically check for accessibility issues.

Frequently Asked Questions about penpot-audit-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my Penpot designs for WCAG accessibility compliance?▼

The accessibility audit checks color contrast, touch target sizes, text alternatives, heading hierarchy, and keyboard focus order against WCAG 2.1/2.2 AA standards, optionally extending to AAA compliance.

How do I audit color contrast and touch target sizes in a design system?▼

You audit color contrast and touch target sizes by scanning the design system components to verify they meet WCAG 2.1/2.2 AA standards, generating a structured severity report for any non-compliant elements.

Does the Penpot accessibility audit automatically apply fixes to my design?▼

No, the Penpot accessibility audit does not auto-apply fixes; it generates a detailed severity report and proposes specific fixes for identified issues, leaving the final design changes to the user.

What do I need to run an automated accessibility audit in Penpot?▼

To run an automated accessibility audit in Penpot, you need the Penpot MCP configured along with specific shared tool references for plugin API gotchas, naming conventions, and modes to execute the audit scripts.

Can I check keyboard focus order and heading hierarchy in Penpot designs?▼

Yes, you can check keyboard focus order and heading hierarchy in Penpot designs by running an accessibility audit that evaluates these structural elements against WCAG standards and reports any navigation issues.

Related Skills

Explore More Design & Creative Skills→
BrunoAMSilvaBrunoAMSilva

penpot-uiux-design

Design accessible user interfaces and component systems in Penpot via MCP tools.

Community
Intermediate
CANTAGESTUDIOCANTAGESTUDIO
3

accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

Community
Intermediate
yoshisadayoshisada

trim-push

Push code components to Penpot and update component mappings.

Community
Advanced
adcuelloaadcuelloa

accessibility

Audit webpages for WCAG 2.1 compliance and implement accessibility fixes.

Community
Intermediate