Build more accessible apps in Angular
summary
Shows eight concrete fixes an Angular app needs: add Angular v14 router title property to produce unique page titles, change theme palette to meet WCAG contrast ratios, replace nonsemantic divs with native buttons and headings, convert nested checkboxes to mat-selection-list, add aria-labels for sliders, import CDK A11Y LiveAnnouncer & focus-trap to announce changes and trap dialog focus, and include the CDK high-contrast mixin; verifies results with Lighthouse, Axe and Angular ESLint.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 6:27Lighthouse Accessibility Score
- 11:50Color Contrast
- 23:03Selectable Controls
- 28:08Cleanup
- 31:38Accessibility Report
- 36:18Focus Trap
- 43:00Live Announce
- 50:03High Contrast Mode
- 51:48Testing
