Standardizing Accessibility with Angular Directives

Date & Time

Wednesday, March 20, 2024 - 9:20 AM PDT  

Location

Orange County 3-4  

Description

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.

 

Audience

• Higher Education
• Information & Communications Technology
• K-12 Education
• Government
• Media & Publishing

Audience Level

Intermediate  

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

Development  

Secondary Topics

• Digital Accessibility
• Engineering
• Information & Communications Technology (ICT)
• Web

 

Session Type

General Track  

Presenter

• Brian Glidewell
  McGraw Hill

Add to Outlook/iCal (How it works)

Back to Session List