sdcorejs-review-accessibility-angular-portal

Community

Audit Angular portal accessibility fast

Authorsdcorejs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Identifies accessibility gaps in an Angular portal so keyboard users, screen reader users, and assistive tech users can navigate forms, tables, dialogs, and routed pages correctly.

Core Features & Use Cases

  • Baseline accessibility probes: Runs a cross-track accessibility baseline using Lighthouse and pa11y/axe on key portal routes to catch high-impact issues early.
  • Angular-specific checks: Verifies CDK focus management patterns (focus trapping and focus monitoring), aria-live announcements for async toasts/errors, and ARIA attributes for dynamic disclosure widgets.
  • Core UI and portal interaction validation: Audits Core UI focus-visible behavior, SdTable keyboard navigation, RouterOutlet focus on navigation, heading structure, and portal action/button usability.

Quick Start

Run the accessibility audit for an Angular portal by invoking this skill after a new screen or workflow is added, targeting the list and detail/form pages.

Dependency Matrix

Required Modules

lighthousepa11y@axe-core/cli

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sdcorejs-review-accessibility-angular-portal
Download link: https://github.com/sdcorejs/sdcorejs-agent/archive/main.zip#sdcorejs-review-accessibility-angular-portal

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.