accessibilityBuild 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".
Install via ClawdBot CLI:
clawdbot install veeramanikandanr48/accessibilityGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://www.nvaccess.org/download/Audited Apr 17, 2026 · audit v1.0
Generated Mar 1, 2026
An online retailer needs to update its product pages and checkout flow to meet WCAG 2.1 AA standards, ensuring all interactive elements like buttons, forms, and navigation are keyboard-accessible and screen reader-friendly. This includes fixing color contrast issues in product descriptions and adding ARIA labels to dynamic content like shopping cart updates.
A government agency requires its public service portal to be fully accessible for citizens with disabilities, focusing on semantic HTML for forms, proper focus management in multi-step processes, and live regions for status updates. This ensures compliance with legal mandates and improves usability for all users.
An e-learning platform needs to make its course interfaces accessible, implementing keyboard navigation for interactive quizzes, adding text alternatives for multimedia content, and ensuring color contrast in instructional materials. This supports diverse learners, including those using assistive technologies.
A healthcare provider's online booking system must be accessible to patients with visual or motor impairments, requiring semantic form labels, ARIA roles for appointment dialogs, and focus traps during modal interactions. This reduces barriers to accessing essential services.
A fintech company is upgrading its analytics dashboard to include accessible data visualizations, with proper ARIA descriptions for charts, keyboard shortcuts for navigation, and sufficient contrast in graphs. This enables users with disabilities to interpret financial data independently.
Offer paid audits and implementation support for businesses needing to comply with accessibility standards like WCAG, generating revenue through project-based fees or retainer contracts. This model leverages expertise in semantic HTML, ARIA, and testing tools to help clients avoid legal risks.
Develop and sell a software-as-a-service tool that automates accessibility checks and provides actionable fixes, with subscription tiers based on usage or features. Revenue comes from monthly or annual licenses, targeting web developers and design teams.
Provide online courses and certifications on web accessibility best practices, charging for enrollment or certification exams. This model monetizes educational content focused on the 5-step process, keyboard navigation, and color contrast guidelines.
💬 Integration Tip
Start by integrating semantic HTML and focus management into existing projects, using browser DevTools for quick contrast checks and gradually adding ARIA only when necessary to avoid overcomplication.
Scored Apr 19, 2026
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.