PNC Bank Accessibility Audit + Update
How does a site built in 2018 stand up to the accessibility expectations of today?
Deutsch asked us that very question regarding one of their clients, PNC Bank. We created a detailed accessibility audit of the PNC Real Estate Newsfeed and a list of suggested fixes. After reviewing the audit, they liked what we proposed, and they asked us to fix the site’s issues.
The WordPress theme lacked documentation, and, given that it was built in 2018, it lacked a modern build process. We started by creating a Vite build system for the theme to allow us to fix the site. The new build system also makes future updates easier. When we revised templates, we added documentation along the way.
One piece of the site that repeatedly failed accessibility tests was the site’s share dropdown. Instead of fixing the drop-down in multiple places throughout the theme, we built a new web component to encapsulate the functionality and styling options into a simple, reusable tag. If you’re interested in web components, check out the source code and the demo page for the component.
When we finished our work, the client received an updated theme they quickly dropped into their existing site. Now, the site is accessible to a much wider audience.