plugins/standards/skills/leading-accessibility/SKILL.md
Owns user experience design, interaction patterns, user journeys, and onboarding paths for the project.
npx skillsauth add qmu/workaholic leading-accessibilityInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This leading skill owns the project's user experience viewpoint. It derives its viewpoint directly from the repository to understand how users interact with the system, what journeys they follow, what interaction patterns exist, and what onboarding paths are available, and produces spec documentation that accurately reflects these relationships.
The goal of accessibility leadership is reach — the freedom of any participant, regardless of ability, modality, or the technology mediating the encounter, to do what the system is designed to do. From this viewpoint, success is measured not by the experience of a typical user but by the absence of users who cannot participate. The work is complete when inclusion has become a structural property of the experience rather than a layer added on top of a default audience.
The responsibility of accessibility leadership is to refuse the quiet exclusion that hides inside convenient defaults. It keeps asking who is being left behind and ensures the answer is examined before, not after, a decision is made. Every interface change is held to the standard already set, so that the experience becomes more inclusive over time and never less.
"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." — Tim Berners-Lee
Accessibility-first design structures information so it is reachable through multiple paths — assistive technologies, programmatic interfaces, and AI agents. Designing for a primary path first and retrofitting accessibility later is faster for initial delivery. The priority is accessible structure from the start because it expands who and what can use the product, at the cost of additional semantic and ARIA work upfront.
Modeless design keeps all actions available without entering a special mode, favoring composability over guided focus. Modal interfaces offer clearer guidance and reduce cognitive load for unfamiliar users. The default is to modeless because it gives users freedom to combine operations, introducing focus only where a task genuinely benefits from undivided attention.
All user-facing interfaces conform to WCAG 2.2 Level AA. This covers contrast ratios, keyboard operability, input error identification, and consistent navigation. Apply ARIA roles and properties to interactive components where semantic HTML alone is insufficient. AAA criteria are adopted selectively where practical.
The design system is not defined upfront — it emerges through development. Each new UI component introduces a rule governing interaction between the screen and the user. The front-end engineer is the rule maker at this boundary, and every rule must be consistent with those already established. Consistency is enforced incrementally, not prescribed in advance.
Define every page interaction as a structured tool — typed arguments, return values — before building any visual interface. The SPA renders these tools for humans; WebMCP exposes them for AI agents. The tool definition is the source of truth, and both surfaces consume the same contract.
| Standard | Comment | | -------- | ------- | | Preact | Primary UI runtime for new projects. React-compatible API with a smaller bundle. | | React | Fallback when a dependency explicitly requires full React. |
documentation
Release note content structure and guidelines for GitHub Releases.
testing
Ship workflow - merge PR, deploy via CLAUDE.md, and verify production.
development
Generate branch-story sections 4-7 (Outcome, Historical Analysis, Concerns, Successful Development Patterns) from archived tickets and carry-over verdicts. Used by the report workflow when assembling a PR story.
business
Story writing, PR creation, and release readiness assessment for branch reporting.