Skip to content

Commit db2d8f2

Browse files
committed
docs: mention Angular CDK A11Y in accessibility guidance
1 parent ff6ab69 commit db2d8f2

2 files changed

Lines changed: 9 additions & 0 deletions

File tree

‎skills/dev-skills/angular-developer/SKILL.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,7 @@ When formatting values in templates, creating custom pipes, or reusing pipe-like
9999
When building accessible Angular applications and components, consult the following reference:
100100

101101
- **Accessibility**: Semantic HTML, ARIA attributes, keyboard navigation, focus management, forms, dialogs, and accessibility testing. Read [accessibility.md](references/accessibility.md)
102+
- **Angular CDK A11Y**: Use `@angular/cdk/a11y` for advanced focus management, live announcements, and accessibility helpers. Read [accessibility.md](references/accessibility.md)
102103
- **Angular Aria Components**: Building headless, accessible components (Accordion, Listbox, Combobox, Menu, Tabs, Toolbar, Tree, Grid) and styling ARIA attributes. Read [angular-aria.md](references/angular-aria.md)
103104

104105
## Routing

‎skills/dev-skills/angular-developer/references/accessibility.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,3 +94,11 @@ This reference describes Angular accessibility best practices for semantic marku
9494
- Use `@angular/aria` for accessible widget patterns instead of reinventing ARIA logic.
9595
- When writing reusable components or libraries, expose accessible API surface and document required labels and roles.
9696
- Keep the accessibility implementation in sync with component state and Angular reactivity.
97+
98+
## 12. Angular CDK A11Y
99+
100+
- Use `@angular/cdk/a11y` for advanced accessibility helpers that complement native semantics and ARIA.
101+
- `LiveAnnouncer`, `CdkAriaLive`, and `announce()` help announce dynamic content updates to screen readers.
102+
- `FocusMonitor`, `FocusTrap`, and `FocusKeyManager` provide robust focus handling for overlays, dialogs, menus, and custom controls.
103+
- `CdkObserveContent` and the `A11yModule` help keep application state in sync with assistive technology.
104+
- Refer to the Angular CDK A11Y overview: https://material.angular.dev/cdk/a11y/overview

0 commit comments

Comments
 (0)