wcag-21-aa-web-ui-auditAudit web UI for WCAG 2.1 Level AA and produce a remediation backlog. Use when users ask for WCAG 2.1 AA audits, accessibility reviews, conformance reports,...
Install via ClawdBot CLI:
clawdbot install nicolas-m-design/wcag-21-aa-web-ui-auditGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://example.comAudited Apr 17, 2026 · audit v1.0
Generated Mar 21, 2026
An online retailer needs to ensure their checkout flow is accessible to users with disabilities, including keyboard navigation, screen reader announcements, and form error handling. This scenario involves auditing the cart, payment forms, and order confirmation pages for WCAG 2.1 AA compliance to reduce cart abandonment and legal risk.
A software-as-a-service company wants to audit its user onboarding process for accessibility issues, focusing on sign-up forms, tutorial modals, and interactive guides. This helps ensure new users with assistive technologies can successfully start using the platform, improving user retention and inclusivity.
A healthcare provider needs to audit their patient portal for accessibility, particularly forms for appointment scheduling, medical history input, and prescription refills. This scenario addresses keyboard traps, contrast ratios, and ARIA labels to meet regulatory requirements and serve patients with diverse needs.
An online learning platform requires an audit of its course interfaces for zoom and reflow issues at 200% zoom and narrow widths. This ensures content like videos, quizzes, and navigation remains usable for users with low vision or on mobile devices, enhancing accessibility compliance.
A fintech company needs to review its financial dashboard for accessibility, focusing on dynamic status messages, toast notifications, and data table updates. This scenario ensures that real-time alerts and errors are announced properly by screen readers without disrupting user focus.
Companies offering monthly or annual software subscriptions benefit from accessibility audits to reduce churn and expand their user base to include customers with disabilities. Regular audits can be integrated into development cycles to maintain compliance and avoid costly retrofits.
Online marketplaces rely on accessible checkout and product pages to maximize sales and minimize legal exposure. Audits help identify barriers like poor contrast or keyboard traps that could prevent purchases, directly impacting conversion rates and customer loyalty.
Platforms generating revenue through ads or subscriptions need accessible content to reach broader audiences, including users with assistive technologies. Audits ensure videos, articles, and interactive elements comply with WCAG, improving engagement and ad viewability.
💬 Integration Tip
Integrate this skill early in the design phase by providing design artifacts to catch issues as design-time risks, reducing implementation costs.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.