Skip to Main Content

Making the web more accessible

taught by: Samuel Acuna

Session Summary:

The web is lacking proper accessibility capabilities. In addition, it is often seen as a painful process when developers, stakeholders, and designers have to add accessibility features to new or existing sites and applications. Using Visa Design System as a case study, we will look at how we have minimized current technical limitations, how we have eased the design and development process, and what tools you can use to enhance your site for a truly accessible experience.

Description:

The web is lacking proper out-of-the-box accessibility capabilities. While the usual recommendation is to use native controls, there’s more to accessibility than using what’s already available. Custom controls and interactions also need robust accessibility testing, which often fails. The solution is neither to ignore accessibility guidance, nor to limit design creativity and technological innovation. In this talk, we’ll discuss the current challenges designers, developers, stakeholders, and testers have to create and guarantee an accessible experience. Using the Visa Design System guidelines, we will examine how we have empowered product owners and designers to create innovative and accessible solutions. We will also explore how our SASS, React, and Angular libraries have expedited the development process of accessible applications. Finally, we will also review how our whole process has made accessibility testing more efficient, allowing us to scale our accessible resource libraries and code.

While this talk will cover a wide variety of angles and roles related to accessibility, we will lean towards the developer experience. We’ll dive into how to set up a team that can leverage existing tools to maximize accessible products. In addition, we will inspect some code that is more inviting to developers that are new to accessibility, but that are robust enough for developers looking for the cutting edge in JavaScript and CSS tools. Finally, we’ll review some existing testing tools and methodologies that can spread out accessible guidelines and code throughout your team and organization.

Practical Skills:

  • How to avoid current hurdles in creating accessible products.
  • How to design, develop, and test for accessibility more efficiently.
  • How to maintain accessible guidelines and code.