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.