CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WebAIM: Significant WAVE Updates</title> <link rel="shortcut icon" href="/media/favicon.ico"> <link rel="home" href="/"> <link rel="search" href="/search/"> <link rel="alternate" href="https://webaim.org/blog/feed" type="application/rss+xml" title="WebAIM Blog"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-Y41PF8WV9X"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Y41PF8WV9X'); </script> <link href="/styles/main.css" rel="stylesheet" type="text/css"> <link href="/styles/print.css" rel="stylesheet" type="text/css" media="print"> <script src="/media/scripts/jquery.js"></script> <script src="/media/scripts/main.js"></script> <link href='https://fonts.googleapis.com/css?family=Roboto:400' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Kameron:400,700' rel='stylesheet' type='text/css'> <link href="/styles/documents.css?ver=2" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet">  </head> <body> <div id="headcontainer" class="clearfix" style="background-image: url(/media/banners/community.jpg)"> <header> <div id="skiptocontent"><a href="#maincontent">skip to main content</a></div> <h2><a href="/"><img src="/media/logo.png" width="315" height="83" alt="WebAIM - Web Accessibility In Mind"></a></h2> <nav> <h2 class="hidden">Main Navigation</h2> <ul> <li><a href="/services/">Services</a></li> <li><a href="/articles/">Articles</a></li> <li><a href="/resources/">Resources</a></li> <li><a href="/projects/">Projects</a></li> <li class="current"><a href="/community/">Community</a></li> </ul> </nav> <div id="search"> <form method="get" role="search" action="/search/" id="sitesearch"> <p class="search"><span><label for="q">Search:</label> <input type="text" name="q" id="q"><input type="image" src="/media/template/search.svg" alt="Submit Search"></span></p> </form> <p class="intro"><a href="/intro">Introduction to Web Accessibility</a></p> <p class="training"><a href="/services/training">WebAIM Training</a></p> </div> </header> </div> <main id="maincontainer" class="clearfix"> <article id="maincontent"> <h1>Significant WAVE Updates</h1> <p id="breadcrumbs"><span class="hidden">You are here: </span><a href="/">Home</a> > <a href="/blog/">Blog</a> > Significant WAVE Updates</p> <div class="section post" id="post-2221"> <div class="entry"> <p><img decoding="async" src="https://wave.webaim.org/img/wavelogo.svg" alt="WAVE logo" style="float:right;margin:10px;width:250px;">WebAIM is happy to have released significant updates to the <a href="https://wave.webaim.org/">WAVE suite of web accessibility testing tools</a>. These changes make WAVE a more powerful asset in helping you test and implement highly accessible web content.</p> <p>The <a href="https://wave.webaim.org/">WAVE online testing service</a>, <a href="https://wave.webaim.org/extension">Chrome and Firefox extensions</a>, <a href="https://wave.webaim.org/api">WAVE API</a> (including its associated <a href="https://wave.webaim.org/waverunner">WAVE Runner service</a>), and <a href="https://wave.webaim.org/standalone">WAVE stand-alone API</a> have all been updated. Due to slow review processes for Mozilla add-ons, the updated Firefox extension will be available in the coming weeks.</p> <h2 class="wp-block-heading">Visual Design Updates</h2> <p>The WAVE interface for the online service and extensions has been updated to a modern design. We’re especially grateful to Claudio Lui颅s Vera for his design recommendations and mockups. The sidebar is a bit larger and the functionality easier to use. Accessibility and usability have been improved. The WAVE icons have all been redesigned and are now scaleable SVGs.</p> <p>The Structure panel (formerly called “Outline”) now shows regions and landmark structures, in addition to headings.</p> <p>The contrast tools have been overhauled and are now more usable. A more robust color picker and Lightness sliders allow you to explore various contrasts – and you can see these applied to the relevant page elements. On Mac, you can use the eye-dropper tool in the color picker to extract and analyze foreground and background colors from the web page – even from images!</p> <h2 class="wp-block-heading">Accessibility Test Updates</h2> <p>HTML regions and ARIA landmarks are now indicated as being structural elements, and several new tests/rules are in place:</p> <ul class="wp-block-list"> <li>Broken ARIA menu error – an ARIA menu does not have required child elements.</li> <li>No page regions – no regions or ARIA landmarks were found on the page.</li> <li>ARIA description – Elements with aria-describedby are now indicated separate from elements with aria-label.</li> <li>ARIA button – Elements with role=”button” are now identified to prompt testing to ensure they are accessible.</li> <li>ARIA live region</li> <li>ARIA menu</li> <li>ARIA hidden</li> <li>ARIA expanded</li> <li>ARIA popup</li> </ul> <p>Several existing tests/rules have been modified, including:</p> <ul class="wp-block-list"> <li>Layout tables are now identified as alerts rather than as structural elements. This better encourages their disuse.</li> <li>Due to poor support and removal from HTML, images with a longdesc attribute are now shown with an alert.</li> </ul> <p>Innumerable testing bugs fixes and improvements have been made. WAVE evaluations are now faster, more accurate, and less prone to false positives than ever before. Contrast checking has been overhauled for significantly improved accuracy and speed.</p> <h2 class="wp-block-heading">WAVE API and Stand-alone API Improvements</h2> <p>The WAVE API provides an interface where accessibility data for web pages can be easily collected. Simply send the API a URL and it will return structured accessibility data. This allows integration of WAVE into your own systems (such as CI/CD processes), reporting tools, and authoring tools.</p> <p>The API now uses a Chrome rendering engine. Processing is significantly faster and more powerful. The stand-alone API now supports analysis of most password-protected and intranet pages, scripted interactions with page content before evaluation, and much more.</p> <p>Several other features and changes are featured in the <a href="https://wave.webaim.org/api/changelog">API changelog</a> and on the <a href="https://wave.webaim.org/standalone">WAVE Standalone API page</a>.</p> <p>This functionality (and much more) will soon be integrated into <a href="https://pope.tech/">Pope Tech</a> – an enterprise-level testing and reporting tool that is based on WAVE. Pope Tech allows easy accessibility checking and monitoring of your entire web presence.</p> <h2 class="wp-block-heading">Feedback</h2> <p>These are just a few of the new WAVE updates. More exciting improvements are in the works. We want to make WAVE the most useful and informative web accessibility testing platform. If you have feedback, bug reports, or recommendations, <a href="https://wave.webaim.org/feedback">please let us know</a>.</p> </div> </div> <div class="navigation"> <div class="floatleft"></div> <div class="floatright"></div> </div>  <div id="blogcomments"> <h2 id="comments">Comments</h2> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="comment-157896"> <img alt='' src='https://secure.gravatar.com/avatar/858bce98b78ecf738c4126a8093d6d6c?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/858bce98b78ecf738c4126a8093d6d6c?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://www.dadeschools.net" class="url" rel="ugc external nofollow">Cindy Rodriguez</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-157896"> November 1, 2019</a></div> <div class="comment-content"><p>Hello,<br /> When we use the form and enter our address to be checked, we get an error message. We have this problem with any website in our dadeschools.net We’ve been able to use this successfully in the past and just wondering if this has anything to do with the update.</p> </div> </li> </li> <li class="comment byuser comment-author-admin bypostauthor odd alt thread-odd thread-alt depth-1" id="comment-157897"> <img alt='' src='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://webaim.org" class="url" rel="ugc">Jared Smith</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-157897"> November 1, 2019</a></div> <div class="comment-content"><p>Cyndi, if you do not specify the protocol for the page (http or https), then for better security, WAVE defaults to https. When you <a href="https://dadeschools.net" rel="nofollow ugc">https://dadeschools.net</a> is requested, this results in your server timing out. This can be fixed by either entering the URL in WAVE as <a href="http://dadeschools.net" rel="nofollow ugc">http://dadeschools.net</a> or updating your server to either support SSL or to redirect SSL requests to the non-SSL (http) version of your site.</p> </div> </li> </li> <li class="comment even thread-even depth-1" id="comment-157899"> <img alt='' src='https://secure.gravatar.com/avatar/858bce98b78ecf738c4126a8093d6d6c?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/858bce98b78ecf738c4126a8093d6d6c?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://www.dadeschools.net" class="url" rel="ugc external nofollow">Cindy Rodriguez</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-157899"> November 1, 2019</a></div> <div class="comment-content"><p>Hi Jared,<br /> This is another example I tried. I entered the protocol and it still doesn’t work.<br /> <a href="http://gladesmiddle.dadeschools.net/" rel="nofollow ugc">http://gladesmiddle.dadeschools.net/</a><br /> If I do it with the Chrome extension, it does work.</p> </div> </li> </li> <li class="comment byuser comment-author-admin bypostauthor odd alt thread-odd thread-alt depth-1" id="comment-157900"> <img alt='' src='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://webaim.org" class="url" rel="ugc">Jared Smith</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-157900"> November 1, 2019</a></div> <div class="comment-content"><p>Cindy –</p> <p>That site – <a href="http://gladesmiddle.dadeschools.net/" rel="nofollow ugc">http://gladesmiddle.dadeschools.net/</a> – does not respond to any request. I checked online services and all report that the site is down, thus WAVE obviously could not be able to check it.</p> </div> </li> </li> <li class="comment even thread-even depth-1" id="comment-157923"> <img alt='' src='https://secure.gravatar.com/avatar/044eb71720e2a214eaee5bb54fe7b3e3?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/044eb71720e2a214eaee5bb54fe7b3e3?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn">Sherri Williams</cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-157923"> November 6, 2019</a></div> <div class="comment-content"><p>Hi Jared,</p> <p>Just want to say that I had noticed the updated design a few days ago before reading this article and it looks great! It makes the tool much easier to use and is very helpful. Thanks for the good work.</p> </div> </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="comment-158096"> <img alt='' src='https://secure.gravatar.com/avatar/4ec8be31700986e15698252d6eca2fa7?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/4ec8be31700986e15698252d6eca2fa7?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn">Bill Tyler</cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-158096"> November 14, 2019</a></div> <div class="comment-content"><p>This is great for Chrome users. </p> <p>When will the Firefox extension get updated?<br /> Or has support for Firefox been removed? </p> <p>It’s still v1.0.4 in the Firefox Browser Add-ons.</p> </div> </li> </li> <li class="comment byuser comment-author-admin bypostauthor even thread-even depth-1" id="comment-158103"> <img alt='' src='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://webaim.org" class="url" rel="ugc">Jared Smith</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-158103"> November 14, 2019</a></div> <div class="comment-content"><p>The Firefox extension update is in process and should be available soon.</p> </div> </li> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="comment-158365"> <img alt='' src='https://secure.gravatar.com/avatar/7f337d4accc6dbc47c1607fc9ca6c64c?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/7f337d4accc6dbc47c1607fc9ca6c64c?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn">Joe Patrow</cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-158365"> November 25, 2019</a></div> <div class="comment-content"><p>Thank you, Jared and WebAIM! Many of us have been looking forward to this WAVE update.</p> </div> </li> </li> <li class="comment even thread-even depth-1" id="comment-158644"> <img alt='' src='https://secure.gravatar.com/avatar/354ca99be017c71aec010b07ac06f7fd?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/354ca99be017c71aec010b07ac06f7fd?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://N/A" class="url" rel="ugc external nofollow">Mary Haasch</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-158644"> December 4, 2019</a></div> <div class="comment-content"><p>The updates have greatly improved what was already an excellent tool for evaluating web page accessibility. I was wondering if there was an easy way to generate an actual document from the Details of the WAVE report? I’d like to use that in conjunction with printing the no styles web page with the WAVE icons to provide to the developers so they can fix errors and alerts.</p> </div> </li> </li> <li class="comment byuser comment-author-admin bypostauthor odd alt thread-odd thread-alt depth-1" id="comment-158649"> <img alt='' src='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=70&d=mm&r=r' srcset='https://secure.gravatar.com/avatar/68d5820d7821cc80ba38185a650995f7?s=140&d=mm&r=r 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy' decoding='async'/> <cite class="fn"><a href="http://webaim.org" class="url" rel="ugc">Jared Smith</a></cite> <div class="commentdate"><a href="https://webaim.org/blog/significant-wave-updates/#comment-158649"> December 4, 2019</a></div> <div class="comment-content"><p>Mary, WAVE does not provide a downloadable report. You can use <a href="https://pope.tech/" rel="nofollow">Pope Tech</a> for this type of reporting, or could use the WAVE API to collect accessibility data across a lot of web pages.</p> </div> </li> </li> </ol> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> </article>  <aside id="articlemeta"> <div id="updated">October 30, 2019<br><br> <img src="/blog/authors/1.jpg" alt="" /><br>Jared Smith<br><br> <a href="https://webaim.org/blog/significant-wave-updates/#comments"><span class="comments">10 Comments</span><br /></a> </div> <div class="sidebox"> <h2>Search the blog</h2> <form role="search" method="get" id="searchform" class="searchform" action="https://webaim.org/blog/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> </div> <div class="sidebox"> <h2>Blog Archives</h2> <ul> <li><a href='https://webaim.org/blog/2024/11/'>November 2024</a></li> <li><a href='https://webaim.org/blog/2024/10/'>October 2024</a></li> <li><a href='https://webaim.org/blog/2024/09/'>September 2024</a></li> <li><a href='https://webaim.org/blog/2024/07/'>July 2024</a></li> <li><a href='https://webaim.org/blog/2024/05/'>May 2024</a></li> <li><a href='https://webaim.org/blog/2024/'>2024</a></li> <li><a href='https://webaim.org/blog/2023/'>2023</a></li> <li><a href='https://webaim.org/blog/2022/'>2022</a></li> <li><a href='https://webaim.org/blog/2021/'>2021</a></li> <li><a href='https://webaim.org/blog/2020/'>2020</a></li> <li><a href='https://webaim.org/blog/2019/'>2019</a></li> <li><a href='https://webaim.org/blog/2018/'>2018</a></li> <li><a href='https://webaim.org/blog/2017/'>2017</a></li> <li><a href='https://webaim.org/blog/2016/'>2016</a></li> <li><a href='https://webaim.org/blog/2015/'>2015</a></li> <li><a href='https://webaim.org/blog/2014/'>2014</a></li> <li><a href='https://webaim.org/blog/2013/'>2013</a></li> <li><a href='https://webaim.org/blog/2012/'>2012</a></li> <li><a href='https://webaim.org/blog/2011/'>2011</a></li> <li><a href='https://webaim.org/blog/2010/'>2010</a></li> <li><a href='https://webaim.org/blog/2009/'>2009</a></li> <li><a href='https://webaim.org/blog/2008/'>2008</a></li> <li><a href='https://webaim.org/blog/2007/'>2007</a></li> <li><a href='https://webaim.org/blog/2006/'>2006</a></li> </ul> <p><a href="/community/rss">RSS Feeds</a></p> </div> </aside> </main> <footer> <div id="footerresources"> <div class="footerblock"> <h2 id="copyright">©2024 WebAIM</h2> <p id="contact">Institute for Disability Research, Policy, and Practice<br> Utah State University<br> 6807 Old Main Hill<br> Logan, UT 84322-6807<br> <a class="phone" href="tel:4357977024">435.797.7024</a></p> <div id="checkpage"> <h2>Check Your Accessibility</h2> <form action="https://wave.webaim.org/report" novalidate> <label for="waveurl">Web site address:</label> <input type="url" id="waveurl" name="url" title="Web site address"> <input type="submit" value="WAVE"> </form> </div> </div> <div class="footerblock"> <h2 id="blog">From the Blog</h2> <ul><li><a href="/blog/severity-ratings/">Using Severity Ratings to Prioritize Web Accessibility Remediation</a></li><li><a href="/blog/25-tips/">25 Accessibility Tips to Celebrate 25 Years</a></li><li><a href="/blog/celebrating-webaims-25th-anniversary/">Celebrating WebAIM's 25th Anniversary</a></li><li><a href="/blog/introducing-ncademi/">Introducing NCADEMI: The National Center on Accessible Digital Educational Materials & Instruction聽</a></li></ul> </div> <div class="footerblock"> <h2 id="popular">Popular Resources</h2> <ul> <li><a href="/training/virtual">WebAIM Training</a></li> <li><a href="/standards/wcag/checklist">WCAG 2 Checklist</a></li> <li><a href="/newsletter">WebAIM Monthly Newsletter</a></li> <li><a href="/resources/contrastchecker">Color Contrast Checker</a></li> <li><a href="/resources/designers/">Web Accessibility for Designers</a></li> <li><a href="http://wave.webaim.org/">WAVE Web Accessibility Evaluation Tool</a></li> </ul> </div> <div id="footerlinks"> <ul> <li><a id="footercontact" href="/contact">Contact</a></li> <li><a id="footerabout" href="/about">About</a></li> <li><a id="footerrss" href="/community/rss">RSS Feeds</a></li> <li><a id="footertwit" href="http://twitter.com/webaim">Twitter</a></li> <li><a id="footercopyright" href="/copyright">Copyright & Terms of Use</a></li> </ul> </div> <div class="clear"></div> </div> </footer> </body> </html>