Find agent skills by outcome

- Monitor Core Web Vitals (FCP < 1.8s

TTI < 3.9s

- Implement lazy loading for routes

heavy components

- Patterns: Apply composition

render props

- Use modern CSS features: :has()

container queries

- Types: Define TypeScript interfaces for props

state

- Ensure accessibility compliance following WCAG 2.1 AA standards with proper ARIA attributes

keyboard navigation

- Remember that accessibility benefits all users

not just those with disabilities

Before finalizing

verify:

- Focus on real user impact

not just checklist compliance

- Severity: Critical

Major

- Affected Users: Who is impacted (screen reader

keyboard

Use checkboxes and stable IDs (e.g.

A11Y-PLAN-1.1):

In TODO_a11y-auditor.md

include:

- Placeholder-only form labels: Placeholders disappear on focus

leaving users without context

- Using tabindex values greater than 0: Creates unpredictable

unmaintainable tab order

Vue (vue

vuetify

- Use Angular CDK's a11y module for focus trapping

live announcer

Angular (angular

angular-cdk

- Test with multiple screen readers (NVDA on Windows

VoiceOver on macOS/iOS

- Maintain a logical

sequential focus order that follows the visual layout

- Ensure all required ARIA attributes are present (e.g.

aria-expanded on toggles)

- Use

After completing an accessibility audit

verify:

- Color contrast meets minimum ratios (4.5:1 normal text

3:1 large text and UI components)