Wells Fargo

As a frontend developer for Wells Fargo, my work on the public facing web application included converting the legacy pages to reflect the modern, fully responsive design, and ensuring full WCAG compliance across the application by analyzing and correcting known accessibility defects.

Features

• Responsive design
• WCAG accessibility compliance
• Cross-browser compatibility
• Multi-language support

Stack

• HTML
• CSS
• JavaScript
• React

Responsive Design

I wrote all front-end code for new static homepages in English and Spanish with a modern, responsive look & feel that create a consistent, frictionless user experience in the event of a service outage affecting the standard homepages.

Visit page

WCAG Accessibility

I updated front-end code to ensure ADA and WCAG compliance standards were met or exceeded for 14 known defects on the Wells Fargo public site. In this example, the search button focus indicator lacked sufficient color contrast for keyboard navigation users. Other examples include adding aria roles and attributes, correcting language attributes, and adding missing focus indicators.

Visit page

Defect was in the search input field on the navigation bar at the top of this page

Before my fix: default focus indicator did not meet color contrast standards

After my fix: focus indicator is 100% compliant with WCAG standards and is consitent with the other navigation bar focus indicators