Hi,
For one of our pages https://www.blinds.com/p/blindscom-2-deluxe-wood-blind/503440 we are seeing that the lighthouse is having issues with accessibility and SEO.
"Document doesn't have a
element" error is shown but we do have the title tag in the DOM. Also, other SEO tools are seeing the page and tags properly.<br />
I read in some other threads about a possible Lighthouse-axe integration issue. I ran axe extension audit and I got this<br />
<img src="https://user-images.githubusercontent.com/43421891/56155617-fd33e500-5f80-11e9-9d2a-753b72a2a022.png" alt="image" /></p>
<p>Would you be able to help me here please?</p>
<p>Thanks,<br />
Nithin</p>
</div>
<div>
<div class="float-right">
<a class="text-muted" href="https://www.github.com/dequelabs/axe-core/issues/1497" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/43421891?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture">
<strong>NithinGCC</strong>
</div>
<div class="col text-right">
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div id="ph-above-best-comment"> </div>
</div>
<div class="col-12">
<div class="mb-4">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3835332123789605"
data-ad-slot="9295564578"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="col-12 d-flex align-items-center mb-4">
<h2>All 7 comments</h2>
</div>
<div class="col-12">
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>To add a little more info here, Lighthouse fails because axe takes ~2 minutes to complete and our deadline is 60 seconds.</p>
<p>Most of this time seems to be spent in findDomNode</p>
<p><img loading="lazy" src="https://user-images.githubusercontent.com/2301202/56157826-2145f500-5f86-11e9-8330-e1a006a176c6.png" alt="image" /></p>
<p>Downstream issue is <a rel="nofollow noopener" target="_blank" href="https://github.com/GoogleChrome/lighthouse/issues/8287">https://github.com/GoogleChrome/lighthouse/issues/8287</a></p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2301202?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="patrickhulce picture">
<strong>patrickhulce</strong>
<span class="text-muted ml-1">on 15 Apr 2019</span>
</div>
<div class="col text-right">
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>Thanks for the issue. <code>isAccessibleRef</code> has been a performance bottleneck and contributes to some of the <a rel="nofollow noopener" target="_blank" href="1464">slow rules</a> that cause axe to take so long to complete. I've been looking at axe's performance over the past couple of weeks and hopefully will be able to start making great improvements for large pages.</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2433219?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="straker picture">
<strong>straker</strong>
<span class="text-muted ml-1">on 17 Apr 2019</span>
</div>
<div class="col text-right">
🎉<span class="ml-2 mr-3">1</span>
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p><strong>@patrickhulce</strong> Could you elaborate more on the 60s deadline for Lighthouse? Is that 60s for the entire run (including axe) or for each individual aspect Lighthouse tests (perf, a11y, etc.)? Do you have pages you run your benchmarks against that we could maybe test against as well?</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2433219?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="straker picture">
<strong>straker</strong>
<span class="text-muted ml-1">on 18 Apr 2019</span>
</div>
<div class="col text-right">
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>It's 60 seconds for each "gatherer" which is for each script we run on the page. Axe is one such script and so if axe does not complete within 60 seconds, all accessibility audits will display an error in the report.</p>
<p>We don't have the extremely large sites that axe typically fails on in our regular test suite (most of those come from end-user reports), but https://github.com/GoogleChrome/lighthouse/issues/2293 is an older issue that tracked a set of sites that were particularly slow. A few of those might still be good axe candidates? It's tricky because in many cases what slows axe down also slows the page itself down and so it tends to get fixed by the site owner at some point :)</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2301202?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="patrickhulce picture">
<strong>patrickhulce</strong>
<span class="text-muted ml-1">on 18 Apr 2019</span>
</div>
<div class="col text-right">
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>One of my to-go sites to stress tools is <a rel="nofollow noopener" target="_blank" href="www.tmz.com.">www.tmz.com.</a> Might be worth giving it a try.</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/606594?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="molant picture">
<strong>molant</strong>
<span class="text-muted ml-1">on 18 Apr 2019</span>
</div>
<div class="col text-right">
❤<span class="ml-2 mr-3">1</span>
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>Thanks for the information. I'll take a look at the sites.</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2433219?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="straker picture">
<strong>straker</strong>
<span class="text-muted ml-1">on 18 Apr 2019</span>
</div>
<div class="col text-right">
</div>
</div>
</div>
</div>
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown">
<p>I'm going to close this issue for now. With the latest perf changes, axe runs in under 10s on the given page. I'll continue to work on improving axe's performance.</p>
</div>
<div class="card-footer">
<div class="row">
<div class="col">
<img src="https://avatars.githubusercontent.com/u/2433219?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="straker picture">
<strong>straker</strong>
<span class="text-muted ml-1">on 8 May 2019</span>
</div>
<div class="col text-right">
👍<span class="ml-2 mr-3">1</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card card-custom mb-4">
<div class="card-body pt-3 pb-3 markdown text-center helpful">
<div class="title">Was this page helpful?</div>
<div class="mt-1" onMouseLeave="rating(433415945, 0);">
<i class="fas fa-star inactive" id="star-1" onMouseOver="rating(433415945, 1);" onclick="rate(433415945, 1);"></i>
<i class="fas fa-star inactive" id="star-2" onMouseOver="rating(433415945, 2);" onclick="rate(433415945, 2);"></i>
<i class="fas fa-star inactive" id="star-3" onMouseOver="rating(433415945, 3);" onclick="rate(433415945, 3);"></i>
<i class="fas fa-star inactive" id="star-4" onMouseOver="rating(433415945, 4);" onclick="rate(433415945, 4);"></i>
<i class="fas fa-star inactive" id="star-5" onMouseOver="rating(433415945, 5);" onclick="rate(433415945, 5);"></i>
</div>
<div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div>
</div>
</div>
<div class="mb-4">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3835332123789605"
data-ad-slot="3452512275"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div id="ph-above-related"></div>
<div class="card card-custom issue-box">
<div class="card-body pt-3 pb-5">
<h2 class="mb-4">Related issues</h2>
<div>
<strong>
<a href="/axe-core/422363876/remove-aria-required-children-for-role-tree">Remove aria-required-children for role="tree"</a>
</strong>
</div>
<div class="text-muted text-small mt-2">
<img src="https://avatars.githubusercontent.com/u/1490290?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="robpaveza picture">
<strong class="pr-1" dir="ltr">robpaveza</strong>
路
<span class="px-1" dir="ltr">5</span><span>Comments</span>
</div>
<hr />
<div>
<strong>
<a href="/axe-core/766143930/axe-extension-suppresses-code-highlighting-script-on">axe extension suppresses code highlighting script on getbootstrap.com</a>
</strong>
</div>
<div class="text-muted text-small mt-2">
<img src="https://avatars.githubusercontent.com/u/895831?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="patrickhlauke picture">
<strong class="pr-1" dir="ltr">patrickhlauke</strong>
路
<span class="px-1" dir="ltr">4</span><span>Comments</span>
</div>
<hr />
<div>
<strong>
<a href="/axe-core/366892942/browser-extension-axe-is-ignoring-hidden-labels-for-input">Browser extension: axe is ignoring hidden labels for input fields even when it should acknowledge them</a>
</strong>
</div>
<div class="text-muted text-small mt-2">
<img src="https://avatars.githubusercontent.com/u/591424?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="chirag64 picture">
<strong class="pr-1" dir="ltr">chirag64</strong>
路
<span class="px-1" dir="ltr">7</span><span>Comments</span>
</div>
<hr />
<div>
<strong>
<a href="/axe-core/419774589/executing-source-in-axe-core-creates-a-referenceerror">Executing source in axe-core creates a referenceError</a>
</strong>
</div>
<div class="text-muted text-small mt-2">
<img src="https://avatars.githubusercontent.com/u/1425223?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="vytch picture">
<strong class="pr-1" dir="ltr">vytch</strong>
路
<span class="px-1" dir="ltr">4</span><span>Comments</span>
</div>
<hr />
<div>
<strong>
<a href="/axe-core/187760401/disabled-button-with-child-element-triggering-contrast">Disabled Button with child element triggering contrast violation</a>
</strong>
</div>
<div class="text-muted text-small mt-2">
<img src="https://avatars.githubusercontent.com/u/2932427?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="sethkane picture">
<strong class="pr-1" dir="ltr">sethkane</strong>
路
<span class="px-1" dir="ltr">4</span><span>Comments</span>
</div>
</div>
</div>
<div class="sticky-top pt-4">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3835332123789605"
data-ad-slot="3919948963"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div id="ph-below-related-2" class="mt-4">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3835332123789605"
data-ad-slot="3919948963"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
</div>
</div>
<div class="skyscraper-container">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3835332123789605"
data-ad-slot="7879185320"
data-ad-format="vertical"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="mt-5 spacer"></div>
<footer class="mt-5 pb-2 py-4 text-center mt-auto">
<div class="container">
<a class="navbar-brand logo mr-5" href="/">
<img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo">
bleeping<strong>coder</strong>
</a>
<div class="mt-4">
bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div>
<div>
Source for this page: <a href="https://www.github.com/dequelabs/axe-core/issues/1497" rel="nofollow noreferrer" target="_blank">Source</a>
</div>
</div>
<hr class="mb-5 mt-5">
<div class="container">
<div class="row">
<div class="col-sm-4 col-lg mb-sm-0 mb-5">
<strong>Popular programming languages</strong>
<ul class="list-unstyled mb-0 mt-2">
<li class="mb-2">
<a href="/python" dir="ltr">Python</a>
</li>
<li class="mb-2">
<a href="/javascript" dir="ltr">JavaScript</a>
</li>
<li class="mb-2">
<a href="/typescript" dir="ltr">TypeScript</a>
</li>
<li class="mb-2">
<a href="/cpp" dir="ltr">C++</a>
</li>
<li class="mb-2">
<a href="/csharp" dir="ltr">C#</a>
</li>
</ul>
</div>
<div class="col-sm-4 col-lg mb-sm-0 mb-5">
<strong>Popular GitHub projects</strong>
<ul class="list-unstyled mb-0 mt-2">
<li class="mb-2">
<a href="/microsoft/vscode" dir="ltr">vscode</a>
</li>
<li class="mb-2">
<a href="/numpy/numpy" dir="ltr">numpy</a>
</li>
<li class="mb-2">
<a href="/ant-design/ant-design" dir="ltr">ant-design</a>
</li>
<li class="mb-2">
<a href="/mui-org/material-ui" dir="ltr">material-ui</a>
</li>
<li class="mb-2">
<a href="/vercel/next-js" dir="ltr">next.js</a>
</li>
</ul>
</div>
<div class="col-sm-4 col-lg mb-0">
<strong>More GitHub projects</strong>
<ul class="list-unstyled mb-0 mt-2">
<li class="mb-2">
<a href="/rust-lang/rust" dir="ltr">rust</a>
</li>
<li class="mb-2">
<a href="/moment/moment" dir="ltr">moment</a>
</li>
<li class="mb-2">
<a href="/yarnpkg/yarn" dir="ltr">yarn</a>
</li>
<li class="mb-2">
<a href="/mozilla/pdf-js" dir="ltr">pdf.js</a>
</li>
<li class="mb-2">
<a href="/JuliaLang/julia" dir="ltr">julia</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="mb-5 mt-5">
<div class="container text-muted">
漏 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br />
By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>.
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!--<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fb2db66acbd74b2"></script>-->
<script type="text/javascript" src="/assets/js/main.js"></script>
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body>
</html>