Web Accessibility: Color Contrast

In this video, I will demonstrate checking color contrast on your web pages using the WAVE browser extension.

WAVE is a web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. No automated tool can tell you if your page is accessible, but WAVE facilitates human evaluation and educates about accessibility issues. All analysis is done entirely within the Chrome browser allowing secure valuation of intranet, local, password protected, and other sensitive web pages.

For Chrome-Based Web Browsers

If you use a Google Chrome-based browser (Google Chrome, Microsoft Edge, or Brave), please consider installing the WAVE Extension.

https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

For the Firefox Web Browser

If you are using the Firefox browser, you can install the extension from this link:

https://addons.mozilla.org/en-US/firefox/addon/wave-accessibility-tool/

For Other Web Browsers

There is not currently an extension for Apple Safari or other browsers at this time 🙁.

You may also want to watch my video on Getting Started with Web Accessibility.

Advertisement

Author: Bruce Elgort

You’ll find this technology professor – an award-winning instructor at Clark College – working hard to inspire and challenge his students with meaningful web development and programming experiences. With a skinny vanilla latte (no foam) in hand, Bruce loves to tinker and test the boundaries of existing and emerging technologies, to then guide hungry minds through memorable, educational journeys to showcase with passion the ever-evolving innovations of society. An industry leader, Bruce is known for co-developing Elguji’s IdeaJam software, and is recognized by IBM as an ‘IBM Champion’ for being an innovative thought leader in cloud technologies.

%d bloggers like this: