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.
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.
- 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.