Svelte Add Accessibility
Automatically adds semantic HTML and ARIA attributes to Svelte components for improved accessibility.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add svelte-add-accessibility npx -- -y @trustedskills/svelte-add-accessibility
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"svelte-add-accessibility": {
"command": "npx",
"args": [
"-y",
"@trustedskills/svelte-add-accessibility"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, svelte-add-accessibility, provides accessibility enhancements for Svelte components. It automatically adds ARIA attributes and handles keyboard navigation to improve the usability of web applications for users with disabilities. This includes ensuring proper focus management and providing semantic structure to elements.
When to use it
- Developing new Svelte components: Integrate this skill from the start to build accessible components by default.
- Retrofitting existing Svelte projects: Improve the accessibility of older codebases that may lack ARIA attributes or proper keyboard navigation.
- Creating interactive UI elements: Ensure buttons, menus, and other interactive elements are usable for all users, regardless of assistive technology.
- Meeting WCAG compliance requirements: Simplify the process of adhering to Web Content Accessibility Guidelines (WCAG).
Key capabilities
- Automatic ARIA attribute generation
- Keyboard navigation support
- Focus management enhancements
- Semantic HTML structure
Example prompts
- "Add accessibility features to this Svelte component:
<MyComponent />." - "Ensure the button in this section is keyboard accessible."
- "Generate appropriate ARIA attributes for this custom element."
Tips & gotchas
- Requires a Svelte project setup.
- Review generated ARIA attributes to ensure they accurately reflect the component's behavior and context.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.