How to Make Documents More Accessible With Color Contrast

There are many ways planners can be more accessible in their work. This article will briefly touch on color contrast as one of the ways to improve accessibility in planning documents.

4 minute read

July 11, 2023, 6:00 AM PDT

By Ronnique Bishop


Gray-haired Asian man wearing glasses sitting at wooden table reading documents

Mushroom House / Adobe Stock

  

According to the Centers for Disease Control and Prevention (CDC), about 1 in every 4 adults (27 percent) in the United States has “some type of disability.” A disability can either be hidden, such as some hearing impairments, or visible, such as paralysis.

Regardless of the type of disability that one may have, planners have the responsibility to ensure their projects and processes are equitable for all people—especially for classes of people that are protected by law. This includes making sure our communication methods are accessible to all. 

Although meeting accessibility standards and regulations may be thought of as a burden, there’s ample evidence that shows how accessibility benefits us all. Let’s take the use of closed captions as an example. Closed captioning makes watching a video accessible to those who have hearing impairments. For others who don’t have a hearing impairment, closed captions allow watchers to view and understand video content without needing sound. So in any environment, loud or quiet, a person could watch a video and understand it fully without disturbing others. More examples include curb cuts, ramps, speech-to-text, and virtual keyboards.

Accessibility is fundamental to implementing Universal Design. According to the Centre for Excellence in Universal Design, Universal Design ensures that all people can “access, understand, and use” any “building, product, or service” in any environment. Universal design encompasses many solutions and accommodations, and this article aims to focus on one of them: color contrast, which specifically helps those who have low vision or color blindness.

The U.S. General Services Administration has a great, easy-to-follow guide on accessibility standards for visual design. The details how to ensure good color contrast and consider other elements to supplement the use of color. 

When using color to convey information, the guide asks the reader to consider: 

  1. Whether there’s adequate contrast between the text color and the background.
  2. Whether the information can be effectively conveyed without relying on color.

The guide provides references to the Web Content Accessibility Guidelines (WCAG) 2.0 guidelines on color and contrast, video tutorials on how to meet contrast requirements and check contrast accessibility, and tools that test color. All planners, whether in the public or private sector, can use this guide to ensure that any documents that use color will be accessible to everyone, especially to individuals with disabilities that impact their sight.

One tool that this guide refers to is the Accessible Color Palette Builder. This tool analyzes up to six colors and creates a matrix of accessible color combinations for the background and text to ensure that the color contrast ratio is 4:5:1. Using this tool is an easy way to check graphics or illustrations, such as maps and presentations, to eliminate barriers for those who have visual impairments and provide a better user experience for everyone.

You only need two pieces of information to use this tool: the HEX color code and the color description or name. When using the tool, the color name/description goes in the top row and the HEX code goes in the bottom row. 

In the first example below, the Palette Builder analyzes five colors and the color combination matrix shows six combinations that meet the 4:5:1 color contrast ratio. Meanwhile, in the second example, the Palette Builder analyzes six colors and the color combination matrix shows 16 combinations that meet the 4:5:1 color contrast ratio. The combinations shown in the matrix are the recommended colors to use.

Example 1

Color palette tool for accessibility

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Example 2​

Color palette tool for accessibility

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

In our profession, let’s consider what steps we can take to make planning products more accessible. Let’s focus on what can be done today and prepare to build upon that foundation so that information reaches everyone. We must fight the urge to see achieving accessibility as a rote checking of boxes. Rather, it is a journey where we learn along the way. 

Accessibility has to be integrated all around—this includes elements such as community engagement in addition to design. Let’s think about how this can be attained in all work products: not just in the design of a landscape, street, or building, but also in print materials and digital communication. Let’s consider how we can make our communication methods more accessible, not just in written or visual communication, but also in how we conduct public meetings. This widens the scope to consider other accommodations such as American Sign Language interpreters and closed captioning. 

By addressing accessibility in our work, we also achieve equity by ensuring everyone, regardless of capability, can access the products and services they need. Understanding how to effectively use color contrast is one way to integrate accessibility into the work products that planners develop. This can be one step forward that informs many subsequent steps to further achieve accessibility, and equity, in our profession. 


Ronnique Bishop

Ronnique Bishop is a professional transportation planner. She is certified by the American Institute of Certified Planners. She served in roles that involved transit planning, policy, outreach and engagement, and geographic information systems. She holds a Bachelor of Arts degree in Architectural Studies from Kent State University and a Master of Science degree in City and Regional Planning from Temple University. Follow her as she shares more of her thoughts over at https://medium.com/@bishop.ronnique. 

An aerial view of Milwaukee’s Third Ward.

Plan to Potentially Remove Downtown Milwaukee’s Interstate Faces Public Scrutiny

The public is weighing in on a suite of options for repairing, replacing, or removing Interstate 794 in downtown Milwaukee.

August 27, 2023 - Milwaukee Journal Sentinel

Portland Bus Lane

‘Forward Together’ Bus System Redesign Rolling Out in Portland

Portland is redesigning its bus system to respond to the changing patterns of the post-pandemic world—with twin goals of increasing ridership and improving equity.

August 30, 2023 - Mass Transit

Conceptual rendering of Rikers Island redevelopment as renewable energy facility

Can New York City Go Green Without Renewable Rikers?

New York City’s bold proposal to close the jail on Rikers Island and replace it with green infrastructure is in jeopardy. Will this compromise the city’s ambitious climate goals?

August 24, 2023 - Mark McNulty

A rendering of the Utah City master planned, mixed-use development.

700-Acre Master-Planned Community Planned in Utah

A massive development plan is taking shape for lakefront property in Vineyard, Utah—on the site of a former U.S. Steel Geneva Works facility.

7 hours ago - Daily Herald

A line of cars wait at the drive-thru window of a starbucks.

More Cities Ponder the End of Drive-Thrus

Drive-thru fast food restaurants might be a staple of American life, but several U.S. cities are actively considering prohibiting the development of new drive-thrus for the benefit of traffic safety, air quality, and congestion.

August 31 - The Denver Post

Air pollution is visible in the air around high-rise buildings in Dhaka, Bangladesh.

Air Pollution World’s Worst Public Health Threat, Report Says

Air pollution is more likely to take years life off the lifespan of the average human than any other external factor, according to a recent report out of the University of Chicago.

August 31 - Phys.org