Accessible JavaScript In Action

Session Category Theming, Design, & Usability Room 158 Audience Intermediate Time Slot Sat 1:00pm to 1:45pm (2/18/23)

In this session, we will examine common Web interactions and explore ways to make them more accessible. We'll investigate different ways people can experience these barriers. We will then present solutions using JavaScript in simple, creative ways.

In this session, we will review accessibility challenges presented by these components:

  1. Modals. We will examine a modal overlay that attempts to reward users with a 50% off coupon. This type of interruption can create a real barrier for people with disabilities.
  2. TypeAhead or Autocomplete. We will review a site search component that attempts to help users complete their entry accurately and allow them to further refine suggested options. We will review the accessibility feature Drupal.announce and demonstrate how providing feedback to users can help them accomplish simple tasks.
  3. Menus. We will evaluate complex menus that contain multiple levels of links. Navigating a multi-level menu or a mega menu can prove to be challenging for keyboard only users.

This session aims to provide practical tips and solutions that will help all users, regardless of their abilities, have equal access to content and functionality.

View and Download Slides for this Presentation

Youtube Video
Slides PDF format: 2023-flcamp-a11y-js-v1.pdf (6.11 MB)

About the Speaker

Andrew Olson

Frontend Software Engineer at Principal Financial Group

Plainfield, IL

Andrew enjoys front-end development and the challenge of making the web accessible for everyone on any device. He has designed and developed dozens of sites for companies specializing in sporting goods, health and wellness, restaurant food service, and more. He is also a talented team leader, photographer, musician, and speaker. Andy is on the Drupal team at his current company, Principal Financial Group. At his previous company, Andy helped create an internal accessibility task force that performs accessibility audits for clients and advocates for accessibility initiatives. Andy remains active in open-source as the co-maintainer of the Live Captioning Initiative, an open-source project that helps hearing-impaired individuals participate at events online or in-person. He is an organizer of the Fox Valley Drupal Meet Up, Midwest Drupal Camp (MidCamp), and is also the co-maintainer of the Drupal Recipes project. In addition, Andy is Acquia Certified for Front End Development for Drupal 7 and Drupal 8 and is an approved Acquia Site Studio 6 Site Builder. Andy has a BS in Electrical and Computer Engineering from the University of Iowa. A fun fact about Andy is that he sang in a band at Lollapalooza in Chicago.

Florida DrupalCamp 2024

Florida DrupalCamp 2024 will be held February 23-25th in beautiful Orlando, Florida!!!

Join us for three days of trainings, sessions, and contributions. Stay tuned for more info. 

Sign up for our mailing list