Integrating a11y on your site and organization from the ground-up.

Handouts

Scheduled at 9:15am in Windsor on Wednesday, November 20.

#29735

Speaker(s)

  • Samuel Acuna, Sr. UI Engineer, Visa

Session Details

  • Length of Session: 2-hr
  • Format: Lecture
  • Expertise Level: All Levels
  • Type of session: General Conference

Summary

The web is lacking proper accessibility enhancements, and when developers, stakeholders, and designers have to add accessibility features it’s often seen as a painful process. We’ll look at how we’ve alleviated this issue within the Visa Design System as a case study, and what tools you can use to enhance your site for a true accessible experience.

Abstract

We’ll start by exploring the current state of the web in terms of accessibility including how sites (old and new) aren’t accessible, how browsers render native elements with a11y issues, and how a11y rules can be interpreted differently. In addition, developers have to test across more contexts than ever before (browsers, operating systems, devices, and assistive technologies). We’ll look into solutions to this process, which translates to real developer hours and costs. In addition, we will look at what it takes for a site to be accessible based on different types of WCAG coverage. This will lead us to explore some tools and processes for basic a11y testing from a micro- to macro-scale across components, sites, and organizations. We’ll also talk about lessons learned (success and painful paths) we went through while developing our own Visa Design. To finish, we’ll share more useful tools and processes for designing, developing, and testing accessible components, sites, and products.

Keypoints

  1. Everyone has to get involved in building accessible products.
  2. Awareness and a defined process are key to building accessible solutions.
  3. Component-based design and development are the best way to scale accessible solutions in your organization.

Disability Areas

All Areas

Topic Areas

Accessible Educational Materials, Assistive Technology, Information Resources, Information Technology, Uncategorized, Web/Media Access

Speaker Bio(s)

Samuel Acuna

Front-end engineer with design background. Attended the University of Texas at Austin, and graduated with a Bachelors of Science in Computer Science, a Bachelors of Arts in Philosophy, and a minor in Linguistics. Strong technical expertise on building and implementing shareable design systems and full-blown applications. Currently developing the Visa Design System, which is an internal library of accessible components that follow Visa's internal Design Language, specifically leading the Web (HTML and CSS) implementation. Team-oriented thinker, doer, and leader.

Handout(s)