Web Accessibility Techniques for ReactJS and AngularJS

Web Accessibility Techniques for ReactJS and AngularJS

Live Broadcast Date: Thursday, March 28, 2019
Time: 11:00 a.m. - 12:30 p.m. Eastern (UTC - 4 hours)
Length: 1.5 hours
Speaker(s):
Chris Lane, Accessibility Developer, Level Access
Target Audience:  Web developers working with AngularJS or ReactJS
Skill Level:  Beginner-Intermediate

Register for Web Accessibility Techniques for ReactJS and AngularJS

Overview: 

Currently, many web developers are not exposed to accessibility requirements until later in their careers. Furthermore, training provided for ReactJS and AngularJS usually does not address accessibility. This webinar intends to fill in the blanks by demonstrating techniques for accessible web development using ReactJS and AngularJS.

Objectives:

  • Participants will understand that ReactJS and AngularJS applications are rendered inside a parent HTML page and that managing elements in the head of that page requires the use of additional libraries and services
  • Participants will gain an understanding of expected focus behaviors by reviewing standard HTML link behavior and applying the understanding to ReactJS and AngularJS development
  • Participants will learn how to distinguish navigation from content updates and how  each concept relates to expected focus behavior
  • Participants will also learn specific techniques for accessing and setting focus to elements using ReactJS and AngularJS
  • Participants will learn how  to implement keyboard event handlers in both the template and component class code in ReactJS and AngularJS
  • Participants will learn how  to declare and manage ARIA attributes in ReactJS and AngularJS. Learners will also be introduced to bootstrap-react which is a BETA release of AccDC 4X + React for building advanced accessible ARIA widgets within the React IDE

Speaker Bio:

Chris Lane is an accessibility developer at Level Access. He has 20 years of experience working with web technologies and 7 years of working in accessibility . He enjoys fixing accessibility issues, creating prototypes an training teams and individuals in accessible web development.

His current technical skills include ARIA, JavasScript, React, Angular and CSS. He  presented a session called Angular 2: Prototyping & Testing Accessible Widgets at CSUN 2017 that was based on his project A2A11yQuickstart.


IAAP Logo. Click to join IAAP today.Join IAAP Today

What will make our profession strong is having you as a member. Regardless of your knowledge level in accessibility, we all play a role in growing this profession. Help guide us to being a great professional association serving our diverse needs.

IAAP Connections Icon. Click to get engaged with IAAP connections.Get Engaged

Through use of IAAP Connections, you can join an existing discussion or even start your own. You can also blog, upload resources to libraries and join some of our committees.

Get involved today.
Make IAAP a strong community.

Learn about our Career Center  

The IAAP Career Center is a resource for both job seekers and recruiting organizations. You'll find the latest open positions for accessibility professionals!
Find out more about the IAAP Career Center!