• 39th CSUN Assistive Technology Conference - March 18-22, 2024 at the Anaheim Marriott

    The Premier AT Conference

39th Annual CSUN Assistive Technology Conference Has Concluded

Standardizing Accessibility with Angular Directives

Date & Time
Wednesday, March 20, 2024 - 9:20 AM PDT  
Orange County 3-4  

Teams working on a large web platform can have difficulty building experiences that are compliant and usable. Individual team members may not have accessibility experience. When they do, implementations of the same accessibility functionality can vary widely, leading to inconsistent, disjointed experiences.

In Angular, shared components help by providing reusable functionality. However, a component’s utility is limited to the use cases implemented. Additionally, if these are third-party components, the team is locked into the component’s accessibility behaviors, whether compliant or not. Luckily, in addition to components, Angular also offers attribute directives, classes that can change behavior of Angular components and HTML elements. They can be used to add or modify accessibility behaviors in a consistent, flexible, easily reused manner.

Through the case study of McGraw Hill’s K-12 platform, I will demonstrate how to build directives into a shared component library and the wins this pattern can bring. I’ll demonstrate with actual code examples how one can create easily integrated accessibility behaviors. I will also demonstrate how attribute directives can add and modify accessibility behaviors on third-party components that don’t meet standards.

I’ll also speak to the benefits and limitations of directives, when and how engineers should bring this pattern into their own projects, and when a component or documented pattern of use might fit their needs better.

This Presentation Link is provided by the Presenter(s) and not hosted by the Center on Disabilities at CSUN. The Center on Disabilities has confirmed, as of March 26, 2024, content linked is relevant to the presentation, but has not been reviewed for accessibility nor will the Center on Disabilities attempt to remediate any accessibility issues in the linked content. Please contact the Presenter(s) with any accessibility concerns.

  • Higher Education
  • Information & Communications Technology
  • K-12 Education
  • Government
  • Media & Publishing
Audience Level
Session Summary (Abstract)
Teams working on a large web platforms can have difficulty building consistent accessible experiences. Learn how to use Angular’s attribute directives to create flexible yet standardized reusable accessibility behaviors across your platform.  
Primary Topic
Secondary Topics
  • Digital Accessibility
  • Engineering
  • Information & Communications Technology (ICT)
  • Web
Session Type
General Track  


  • Brian Glidewell
    McGraw Hill

Add to Outlook/iCal (How it works)

Back to Session List