Composing Accessible UI's With Angular Material Components

on YouTube ↗28m

" summary

Schematics actually migrate projects with ng update migration and generate working pieces—side nav, responsive dashboard, tree, address form, a data table datasource scaffold and CDK drag‑and‑drop—so less plumbing and fewer subtle bugs. An experimental npm library shows composing higher‑level controls and theming‑in‑libraries via SASS mixin (demo switches to purple). Accessibility checks include Lighthouse audits and WA‑ARIA guidance; schematics and examples ship with accessible schematics and usable demos for screen‑reader testing.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 1:17Install Schematic Goals
3. 1:45Component Schematic Goals
4. 24:46Screen Readers
5. 27:19Conclusion

" related talks

• 50mHow to leverage Angular Schematics to empower Devs of Frontend Apps & LibrariesT. Trajan · Voxxed Days Zurich 2019
• 31mCool interaction made simple with Angular Material CDKNg Tong Sheng · NG-MY 2019
• 08mTake your Angular Material components prettier and accessibleEmma Twersky · EnterpriseNG 2021
• 36mDigital Accessibility with Angular Material: Experiences, Challenges and SolutionsDENIS BONAMICI, GIUSEPPE COCEVARI, GIAN LUCA AGNOLI · Accessibility Days 2025
• 28mLeverage Angular Schematics to Empower Frontend Apps & LibrariesTomas Trajan · NG-MY 2019
• 31mCustom Schematics: An Angular Application by the push of a Button...Manfred Steyer · ngVikings 2018
• 01h 00mBuild more accessible apps in AngularEmma Twersky · Google I/O 2022
• 41mAngular Schematics - Develop for developersMaciej Treder · JS Fest 2019 Autumn