Checking color contrast for web accessibility
Last Thursday was Global Accessibility Awareness Day (GAAD) — a day where everyone who creates digital content is encouraged to learn more about web accessibility. As part of this year’s GAAD celebration, I decided to test a website’s color contrast to see if the colors used had sufficient color contrast to meet web accessibility standards.
Color contrast plays a big role in how legible text is on websites. Bright, bold colors might seem like a great way to highlight headers and make links stand out on a webpage. But, unless there is enough contrast between the color of the text and it’s background, the use of color might be making the “highlighted” content less legible for people with certain vision impairments.
For this test, I’ll be looking at the color contrast used on my own site. Currently the green color that I use on my website’s headers and links is a bright green color that is mostly used against a white background. However, I suspected that my color choice did not meet the color contrast standards set by the Section 508 web standards for web accessibility.
WebAIM Color Contrast Checker is a great, free online tool that is used to test the color contrast on your site. This tool allows you to enter the hex colors for your foreground (ie. your highlighted text color) and the background color. WebAIM will calculate the contrast ratio between the two colors to see if the color combination meets web accessibility standards.
Global Accessibility Awareness Day: May 18, 2017
Global Accessibility Awareness Day is coming up this week on Thursday, May 18, 2017. The purpose of GAAD is to “get everyone talking, thinking and learning about digital (web, software, mobile, etc.) access/inclusion and people with different disabilities”.
GAAD was inspired by a blog post written by Joe Devon, who proposed creating a day where “every web developer will be urged to test at least one page on their site in an accessibility tool. After fixing up the page, they are urged to blog about what they changed and inspire others to follow suit.” Read the inspiring blog post here.
All over the world, technology communities are holding Global Accessibility Awareness Day events, talks and workshops. You can see a partial list of these events on the GAAD Events page.
If you are not able to attend a live or virtual event, here are a few suggestions of ways you can take part by testing on of your own sites:
- Take the #NoMouse Challenge — try using a website without using a mouse. Many disabilities make using a mouse impossible to navigate through a website.
- Check for Sufficient Color Contrast — check your webpage to see if there is suffient color contrast. For this year’s challenge, I’m planning on trying the color contrast analyzer by The Paciello Group or by Web AIM on one of my websites.
- Use the WAVE — Web Accessibility Evaluation Tool to test your site for web accessibility.
Visit the GAAD site to learn more.
Portland
After living in Seattle for over 25 years, I’ve moved to Portland.
While in Seattle, I worked with some great organizations including the Pacific Science Center, the Seattle Art Museum, YMCA, American Diabetes Association, several local design and marketing firms, and the University of Washington’s Haring Center. I’ve enjoyed working for all of these organizations and found my projects to be interesting, creative and meaningful. My co-workers were dedicated and talented people — many who have become lifelong friends.
Seattle has some great professional organizations that I was fortunate to be part of. One of the first ones I joined when I first moved to Seattle was the Society of Professional Graphic Artists (SPGA), which later merged with the Graphic Artists Guild. Later, I joined the AIGA, IxDA Seattle, UW’s Accessible Web Group, the UW WordPress User’s Group and the Seattle WordPress Meetup Group. Each of these organizations and their members were very helpful, informative and encouraging as I further developed my professional graphic design, web design and development skills.
My husband and I have been visiting Portland over the last few years and finally decided to move here. Every day we explore Portland more and are loving our new, “weird”, friendly city.
I will continue to work with some of my existing freelance clients and to work remotely for UW’s Haring Center. I am looking forward to learning more about Portland’s Graphic and Web Design communities.
Contact me