BROADSIGN
Documentation
Accessibility Update
What is Broadsign?
Broadsign is an end-to-end digital signage software for media owners and buyers to plan, manage and deliver out-of-home media.
​
​
Project Overview
This project was something I took upon myself while working on other initiatives. When linking to documentation through our other experiences I quickly realized our public documentation was not up to accessibility standards.
My Role
-
Researched accessibility best practices.
-
Define style for documentation site.
-
Cross functional collaboration with technical writer to fix contrast issues.
-
Educate company about the importance of accessibility and specifically colour contrast.
Problems & Pain Points
Some of the documentation was ​virtually impossible to read because of colour contrast issues, even for an individual with "normal" vision.
​
If users could barely see some of the information needed in order to solve an issue, how would they be able to self-serve effectively.
UI IS UX
Part of the reason I chose to showcase this project is because I strongly believe that a good user interface is tied to having a good user experience. ​
​
Even if there isn't time for a full UX overhaul, there are always ways to improve an experience with simple updates that can go a LONG way.
The Importance of Contrast
I did a full sweep of the documentation site and various sections within it to find all of the contrast issues that needed to be addressed.
​
I spent a lot of time researching colour blindness and used a chrome extension to run the documentation site through each setting.
Deuteranopia: Red/Green Colour Blindness (Most Common)
Protanopia: Red Colour Blindness
Stats
-
It’s estimated that there are 300 million colour blind people in the world.
-
1 in 12 men are colour blind.
-
1 in 200 women are colour blind.
-
Red/green colour blindness is the most common.
Colour Contrast Updates
Since I created the design system for the unified platform, I knew it would be safe and consistent to use those colours throughout our documentation site since I had considered contrast standards.
Colour Updates: Normal Vision
Colour Updates: Deuteranopia
Key Insights
-
Suppliers want curbside as a shipping option on Wayfair because it is a more cost effective shipping method for shipping large parcel items.
-
Suppliers want to be able to search by Purchase Order Number instead of the Bill of Lading ID.
-
Creating shipments via the UI is the preferred method of entry.
-
Suppliers print pallet labels immediately after creating a shipment.
-
Edits to a shipment are very rare.
-
The extra level of review before shipment creation is appreciated.
-
The proposed interface is easy to understand and it is clear what needs to be done next.
Close Collaboration
I worked very closely with the technical writer (owner of the documentation site) to update colours across the pages.
Education
Once the updates were complete I created a deck to present at a company meeting to go over the importance of colour contrast for web accessibility, colourblindness and refreshed documentation site.