Agent skill · forcedotcom
experience-accessibility-validate
Use this skill to determine whether a Lightning Web Component (LWC) is accessible and meets WCAG accessibility guidelines. TRIGGER when the user asks \"is my component accessible?\", \"does my LWC meet accessibility guidelines?\", \"is this component WCAG compliant?\", \"find accessibility problems in this LWC\", \"is this LWC keyboard accessible?\", \"does this component work with a screen reader?\", \"does this component have sufficient color contrast?\", \"check ARIA usage in this LWC\", or \"WCAG 2.2 accessibility check\". Also TRIGGER when the user wants to fix or improve accessibility (a11y, WCAG, ARIA) in an LWC's HTML, JS, or CSS — semantic markup, focus, keyboard nav, contrast, screen-reader labels, WCAG 2.2 SC. Produces `a11y-review.md` with WCAG-cited findings. DO NOT TRIGGER for general LWC generation (use `experience-lwc-generate`) or SLDS visual/design review not focused on accessibility (use `design-systems-slds-validate`).
What it needs
About 5k tokens when loaded.
What this skill does
<!-- a11y-expert-managed-skill --> Web Component Accessibility Accessibility (a11y) patterns and remediation guidance for web components. Reference any time work involves the visible or interactive surface of a component — generating, modifying, reviewing, or styling HTML, JS, or CSS — to apply WCAG 2.2 standards. Review Context Conduct a review specifically focused on enhancing web accessibility, guided by the WCAG (Web Content Accessibility Guidelines). In order to mark code as a violation, it must have a direct correlation to the WCAG rule cited such that it is a clear violation of the criteria. Key Review Criteria: 1. Focus Exclusively on Accessibility: Evaluate the component solely for accessibility. Only consider compliance with the cited WCAG Success Criteria, ignoring violations that can be attributed to other criteria. Avoid addressing general code style, patterns, or issues unrelated to accessibility. 2. Ensure Minimum and Sufficient Accessibility: Identify accessibility issues that prevent the component from meeting the minimum requirements outlined by WCAG. Avoid suggesting enhancements that go beyond the scope of WCAG compliance unless strictly necessary. 3. WAI-ARIA Usage: Use WAI-ARIA attributes only when strictly required to achieve accessibility that cannot otherwise be addressed with semantic HTML. Avoid unnecessary complexity or potential regressions caused by incorrect or overuse of ARIA attributes. 4. Component Library Usage Assume that well-known component libraries (e.g., Salesforce Lightning, Material UI, Chakra UI) are accessible out of the box when correctly implemented. Unless they are used specifically in conflict with WCAG, library-provided components can be ignored for this review, as they are implemented in an accessible way beneath the abstraction. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills forcedotcom/experience-accessibility-validate--b14190