


There is no one "best" tool for testing contrast.
WAVE BROWSER EXTENSION PDF
But CCA is an excellent tool evaluating text in images, and it really shines when evaluating electronic documents, such as Word and PDF files. If an evaluator is comfortable digging into the HTML and CSS of a webpage, it is usually more efficient to use WAVE and Chrome DevTools to check contrast. To change the lightness or darkness of a color with less change to the color itself, click the sliders button (next to the eyedropper button) and check Synchronize colour values.ĬCA's greatest strength may also be its greatest weakness-it works outside the web browser. CCA will notify you if the color combination meets AA and AAA requirements for text as well as WCAG 2.1 AA requirements for non-text content. If the background is any color other than white, do the same with the Background colour eyedropper. To do this, select the eyedropper in the Foreground colour section and move the crosshairs to the text or foreground color using a mouse or the arrow keys. It accepts RGB, hex, and HSL formats, and it supports testing of colors with alpha (transparency, but the main feature that sets CCA apart is its ability to use the eyedropper tool to measure the contrast of anything on the screen.
WAVE BROWSER EXTENSION WINDOWS
You can view a brief overview of what each icon or indicator means by clicking it and viewing its documentation or by accessing the documentation panel.The Colour Contrast Analyser, or CCA, is a downloadable program for Windows and macOS that allows you to test contrast within any program. WAVE brings the underlying accessibility information of a page to the fore-front so it can be easily evaluated in context. The other icons and indicators indicate other elements that you should look at. The report section at the top of the page indicates if WAVE detected any errors or not. The absence of errors DOES NOT mean your page is accessible. RED icons indicate accessibility errors. GREEN icons indicate accessibility features. While WAVE is most effective when used by someone knowledgeable about web accessibility, people who are not web accessibility experts can also benefit from WAVE. Each icon, box, and piece of information added by WAVE presents some information about the accessibility of your page. WAVE will present your page with embedded icons and indicators. Click on the icon again or refresh the page to remove the WAVE interface.To run a WAVE report, simply click on the WAVE icon to the right of your browser address bar.
WAVE BROWSER EXTENSION DOWNLOAD

It can be used at the WAVE website by entering the URL of a web page or by installing a browser plugin to Chrome or Firefox. But, WAVE can help you evaluate the accessibility of your web content. Only a human can determine true accessibility. The Web Accessibility Evaluation Tool (WAVE) is tool to help web developers and content managers make their web content more accessible. WAVE cannot tell you if your web content is accessible.
