Angular Aria

🌐Community
by angular-sanctuary · vlatest · Repository

Automates Angular Aria role implementation for accessible components, ensuring keyboard navigation and screen reader compatibility.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add angular-aria npx -- -y @trustedskills/angular-aria
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "angular-aria": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/angular-aria"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill provides accessibility components for Angular applications. It enables developers to build interactive user interfaces that are usable by people with disabilities, adhering to WAI-ARIA standards. The skill facilitates the creation of accessible widgets and custom elements within Angular projects.

When to use it

  • Building complex UI components requiring ARIA attributes (e.g., custom date pickers).
  • Ensuring existing Angular applications meet accessibility guidelines for WCAG compliance.
  • Creating reusable, accessible Angular directives and services.
  • Developing progressive web apps (PWAs) that are accessible across different platforms and devices.

Key capabilities

  • Provides a set of ARIA-powered UI components.
  • Supports WAI-ARIA standards for accessibility.
  • Integrates seamlessly with Angular's component model.
  • Offers directives for managing focus, keyboard navigation, and screen reader interactions.

Example prompts

  • "Generate an accessible dropdown menu in Angular using aria directives."
  • "Show me how to implement a tab panel with ARIA roles in my Angular application."
  • "Create an Angular directive that handles keyboard navigation within a list of items."

Tips & gotchas

  • Requires familiarity with Angular and basic accessibility concepts.
  • Careful testing with screen readers is crucial to ensure proper implementation.

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 HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
angular-sanctuary
Installs
7

🌐 Community

Passed automated security scans.