<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>default</title>
<link rel="shortcut icon" href="../../images/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.0/styles/atom-one-light.min.css" integrity="sha512-o5v54Kh5PH0dgnf9ei0L+vMRsbm5fvIvnR/XkrZZjN4mqdaeH7PW66tumBoQVIaKNVrLCZiBEfHzRY4JJSMK/Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link media="all" rel="stylesheet" href="../../css/ada-viewer.css">
</head>
<body class="ada">
<main class="ada-scan">
<div class="ada-scan__item">
<h3 class="ada-scan__item__url"><strong>URL:</strong> /</h3>
<h4 class="ada-scan__item__count">Violations: 2</h4>
<br />
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--moderate">heading-order <small>[moderate]</small></h5>
<h6 class="ada-scan__violation__description">Ensure the order of headings is semantically correct <a href="https://dequeuniversity.com/rules/axe/4.10/heading-order?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">Heading levels should only increase by one</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.category-description > h4</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h4>Chairs</h4></code></pre>
</div>
</div>
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--moderate">region <small>[moderate]</small></h5>
<h6 class="ada-scan__violation__description">Ensure all page content is contained by landmarks <a href="https://dequeuniversity.com/rules/axe/4.10/region?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">All page content should be contained by landmarks</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.html-widget</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="html-widget"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.store-selection-label</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h5 class="store-selection-label">You’re Shopping</h5></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.selected-store</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h5 class="selected-store">Englewood, CO</h5></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.top-nav.mega-menu[data-isrtlenabled="false"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="mega-menu top-nav" data-isrtlenabled="false" data-enableclickfordropdown="false"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.afw-logo.d-lg-block[alt="American Furniture Warehouse"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><img class="afw-logo d-none d-lg-block" alt="American Furniture Warehouse" src="https://qa-images.afw.com/Themes/AFW/Content/images/branding/260x70_logo-min.png"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.header-links-menu.mega-menu.col-lg-auto</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="mega-menu header-links-menu col-lg-auto" data-isrtlenabled="false" data-enableclickfordropdown="false"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">#small-searchterms</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><input type="text" class="search-box-text ui-autocomplete-input" id="small-searchterms" autocomplete="off" name="q" placeholder="What can we help you find?" aria-label="Search store" unbxdattr="sq"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">#header-cart</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a href="/cart" id="header-cart" class="header-icons" title="Cart">
<div class="header-cart-bg">
<span class="cart-qty">0</span>
</div>
</a></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.information > .footer-accordion.justify-space-between.d-flex > h2</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h2 class="title col">
About AFW
</h2></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.information > .footer-menu-column.mega-menu[data-isrtlenabled="false"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.my-account > .footer-accordion.justify-space-between.d-flex > h2</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h2 class="title col">
My Account
</h2></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.my-account > .footer-menu-column.mega-menu[data-isrtlenabled="false"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.my-account > .footer-toggle.list</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="list footer-toggle">
<li><a href="/sms-signup">SMS Signup</a></li>
<li><a href="/text-signup">Text Signup</a></li>
</ul></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.customer-service > .footer-accordion.justify-space-between.d-flex > h2</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h2 class="title col">
Help &amp; Support
</h2></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.customer-service > .footer-menu-column.mega-menu[data-isrtlenabled="false"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.newsletter > .title</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="title">
Be The First To Know
</div></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.newsletter-description</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="newsletter-description">
<span>Join our newsletter to know about our new arrivals, events, contests, design tips, and more.</span>
</div></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">#newsletter-email-short</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><input id="newsletter-email-short" class="input-required newsletter-subscribe-text" placeholder="Enter your email address" aria-label="Sign up for our newsletter" type="email" name="NewsletterEmail" value=""></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.social > .title</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="title">
Don't Forget! Follow Us On
</div></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.footer-app</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="footer-app d-none d-md-block"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.footer-info</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="footer-info"></code></pre>
</div>
</div>
</div>
<div class="ada-scan__item">
<h3 class="ada-scan__item__url"><strong>URL:</strong> /beds</h3>
<h4 class="ada-scan__item__count">Violations: 4</h4>
<br />
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--serious">aria-hidden-focus <small>[serious]</small></h5>
<h6 class="ada-scan__violation__description">Ensure aria-hidden elements are not focusable nor contain focusable elements <a href="https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">ARIA hidden element must not be focusable or contain focusable elements</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[data-product-id="31219"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="0 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.ribbon-position[href$="full-capitains-bed"][data-productid="25953"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a aria-hidden="true" href="/full-capitains-bed" class="ribbon-position top-left" data-productribbonid="11" data-productid="25953">
<div class="product-ribbon ar-view">
<div class="ribbon-text">View In Room</div>
</div>
</a></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[data-product-id="25953"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="0 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.ribbon-position[href$="socalle-twin-platform-nat"][data-productid="40745"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a aria-hidden="true" href="/socalle-twin-platform-nat" class="ribbon-position top-left" data-productribbonid="11" data-productid="40745">
<div class="product-ribbon ar-view">
<div class="ribbon-text">View In Room</div>
</div>
</a></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[data-product-id="40745"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="0 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.ribbon-position.top-left[data-productid="48140"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a aria-hidden="true" href="/calverson-mocha-queen-platform-bed" class="ribbon-position top-left" data-productribbonid="11" data-productid="48140">
<div class="product-ribbon ar-view">
<div class="ribbon-text">View In Room</div>
</div>
</a></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[data-product-id="48140"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="0 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[title="22 review(s)"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="22 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">div[data-product-id="33677"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="product-rating-box" title="0 review(s)" aria-hidden="true"></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.ribbon-position[href$="socalle-full-bed"][data-productid="39085"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a aria-hidden="true" href="/socalle-full-bed" class="ribbon-position top-left" data-productribbonid="11" data-productid="39085">
<div class="product-ribbon ar-view">
<div class="ribbon-text">View In Room</div>
</div>
</a></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.ribbon-position[href$="socalle-full-bed"][data-productid="39085"]</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><a aria-hidden="true" href="/socalle-full-bed" class="ribbon-position top-left" data-productribbonid="11" data-productid="39085">
<div class="product-ribbon ar-view">
<div class="ribbon-text">View In Room</div>
</div>
</a></code></pre>
</div>
</div>
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--serious">aria-input-field-name <small>[serious]</small></h5>
<h6 class="ada-scan__violation__description">Ensure every ARIA input field has an accessible name <a href="https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">ARIA input fields must have an accessible name</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">#minPriceRangeSlider</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" id="minPriceRangeSlider" role="slider" aria-valuemin="0" aria-valuemax="1482" aria-valuenow="0" aria-valuetext="0 price" style="left: 0%;"></span></code></pre>
</div>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">#maxPriceRangeSlider</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" id="maxPriceRangeSlider" role="slider" aria-valuemin="0" aria-valuemax="1482" aria-valuenow="1482" aria-valuetext="1482 price" style="left: 100%;"></span></code></pre>
</div>
</div>
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--moderate">heading-order <small>[moderate]</small></h5>
<h6 class="ada-scan__violation__description">Ensure the order of headings is semantically correct <a href="https://dequeuniversity.com/rules/axe/4.10/heading-order?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">Heading levels should only increase by one</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.category-description > h4</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><h4>Beds</h4></code></pre>
</div>
</div>
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--moderate">region <small>[moderate]</small></h5>
<h6 class="ada-scan__violation__description">Ensure all page content is contained by landmarks <a href="https://dequeuniversity.com/rules/axe/4.10/region?application=axeAPI" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">All page content should be contained by landmarks</p>
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">.html-widget</pre>
<pre class="ada-scan__violation__html"><code class="language-html"><div class="html-widget"></code></pre>
</div>
</div>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script type="text/javascript">
hljs.highlightAll();
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>{{_self.name}}</title>
<link rel="shortcut icon" href="{{'/images/favicon.ico'|path}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.0/styles/atom-one-light.min.css" integrity="sha512-o5v54Kh5PH0dgnf9ei0L+vMRsbm5fvIvnR/XkrZZjN4mqdaeH7PW66tumBoQVIaKNVrLCZiBEfHzRY4JJSMK/Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link media="all" rel="stylesheet" href="{{'/css/ada-viewer.css'|path}}">
</head>
<body class="ada">
<main class="ada-scan">
{%- for item in scan -%}
<div class="ada-scan__item">
<h3 class="ada-scan__item__url"><strong>URL:</strong> {{item.URL}}</h3>
{%- if item.Violations -%}
<h4 class="ada-scan__item__count">Violations: {{item.Violations|length}}</h4>
<br/>
{%- for violation in item.Violations -%}
<div class="ada-scan__violation">
<h5 class="ada-scan__violation__impact ada-scan__violation__impact--{{violation.Impact}}">{{violation.Id}} <small>[{{violation.Impact}}]</small></h5>
<h6 class="ada-scan__violation__description">{{violation.Description}} <a href="{{violation.HelpUrl}}" target="_blank">Visit</a></h6>
<p class="ada-scan__violation__help">{{violation.Help}}</p>
{%- for node in violation.Nodes -%}
<div class="ada-scan__violation__code">
<pre class="ada-scan__violation__target">{{node.target[0]}}</pre>
<pre class="ada-scan__violation__html"><code class="language-html">{{node.Html}}</code></pre>
</div>
{%- endfor -%}
</div>
{%- endfor -%}
{%- endif -%}
</div>
{%- endfor -%}
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script type="text/javascript">
hljs.highlightAll();
</script>
</body>
</html>
{
"scan": [
{
"URL": "/",
"Violations": [
{
"Id": "heading-order",
"Description": "Ensure the order of headings is semantically correct",
"Help": "Heading levels should only increase by one",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/heading-order?application=axeAPI",
"Impact": "moderate",
"Tags": [
"cat.semantics",
"best-practice"
],
"Nodes": [
{
"target": [
".category-description > h4"
],
"XPath": null,
"Html": "<h4>Chairs</h4>",
"Impact": "moderate",
"Any": [
{
"Data": null,
"Id": "heading-order",
"Impact": "moderate",
"Message": "Heading order invalid",
"RelatedNodes": []
}
],
"All": [],
"None": []
}
]
},
{
"Id": "region",
"Description": "Ensure all page content is contained by landmarks",
"Help": "All page content should be contained by landmarks",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/region?application=axeAPI",
"Impact": "moderate",
"Tags": [
"cat.keyboard",
"best-practice"
],
"Nodes": [
{
"target": [
".html-widget"
],
"XPath": null,
"Html": "<div class=\"html-widget\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".store-selection-label"
],
"XPath": null,
"Html": "<h5 class=\"store-selection-label\">You’re Shopping</h5>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region,",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".selected-store"
],
"XPath": null,
"Html": "<h5 class=\"selected-store\">Englewood, CO</h5>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".top-nav.mega-menu[data-isrtlenabled=\"false\"]"
],
"XPath": null,
"Html": "<ul class=\"mega-menu top-nav\" data-isrtlenabled=\"false\" data-enableclickfordropdown=\"false\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".afw-logo.d-lg-block[alt=\"American Furniture Warehouse\"]"
],
"XPath": null,
"Html": "<img class=\"afw-logo d-none d-lg-block\" alt=\"American Furniture Warehouse\" src=\"https://qa-images.afw.com/Themes/AFW/Content/images/branding/260x70_logo-min.png\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".header-links-menu.mega-menu.col-lg-auto"
],
"XPath": null,
"Html": "<ul class=\"mega-menu header-links-menu col-lg-auto\" data-isrtlenabled=\"false\" data-enableclickfordropdown=\"false\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
"#small-searchterms"
],
"XPath": null,
"Html": "<input type=\"text\" class=\"search-box-text ui-autocomplete-input\" id=\"small-searchterms\" autocomplete=\"off\" name=\"q\" placeholder=\"What can we help you find?\" aria-label=\"Search store\" unbxdattr=\"sq\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
"#header-cart"
],
"XPath": null,
"Html": "<a href=\"/cart\" id=\"header-cart\" class=\"header-icons\" title=\"Cart\">\n <div class=\"header-cart-bg\">\n <span class=\"cart-qty\">0</span>\n </div>\n </a>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".information > .footer-accordion.justify-space-between.d-flex > h2"
],
"XPath": null,
"Html": "<h2 class=\"title col\">\n About AFW\n </h2>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".information > .footer-menu-column.mega-menu[data-isrtlenabled=\"false\"]"
],
"XPath": null,
"Html": "<ul class=\"mega-menu footer-menu-column\" data-isrtlenabled=\"false\" data-enableclickfordropdown=\"false\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".my-account > .footer-accordion.justify-space-between.d-flex > h2"
],
"XPath": null,
"Html": "<h2 class=\"title col\">\n My Account\n </h2>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".my-account > .footer-menu-column.mega-menu[data-isrtlenabled=\"false\"]"
],
"XPath": null,
"Html": "<ul class=\"mega-menu footer-menu-column\" data-isrtlenabled=\"false\" data-enableclickfordropdown=\"false\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".my-account > .footer-toggle.list"
],
"XPath": null,
"Html": "<ul class=\"list footer-toggle\">\n <li><a href=\"/sms-signup\">SMS Signup</a></li>\n <li><a href=\"/text-signup\">Text Signup</a></li>\n </ul>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".customer-service > .footer-accordion.justify-space-between.d-flex > h2"
],
"XPath": null,
"Html": "<h2 class=\"title col\">\n Help & Support\n </h2>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".customer-service > .footer-menu-column.mega-menu[data-isrtlenabled=\"false\"]"
],
"XPath": null,
"Html": "<ul class=\"mega-menu footer-menu-column\" data-isrtlenabled=\"false\" data-enableclickfordropdown=\"false\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".newsletter > .title"
],
"XPath": null,
"Html": "<div class=\"title\">\n Be The First To Know\n </div>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".newsletter-description"
],
"XPath": null,
"Html": "<div class=\"newsletter-description\">\n <span>Join our newsletter to know about our new arrivals, events, contests, design tips, and more.</span>\n </div>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
"#newsletter-email-short"
],
"XPath": null,
"Html": "<input id=\"newsletter-email-short\" class=\"input-required newsletter-subscribe-text\" placeholder=\"Enter your email address\" aria-label=\"Sign up for our newsletter\" type=\"email\" name=\"NewsletterEmail\" value=\"\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".social > .title"
],
"XPath": null,
"Html": "<div class=\"title\">\n Don't Forget! Follow Us On\n </div>",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".footer-app"
],
"XPath": null,
"Html": "<div class=\"footer-app d-none d-md-block\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
".footer-info"
],
"XPath": null,
"Html": "<div class=\"footer-info\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
}
]
}
]
},
{
"URL": "/beds",
"Violations": [
{
"Id": "aria-hidden-focus",
"Description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"Help": "ARIA hidden element must not be focusable or contain focusable elements",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"Impact": "serious",
"Tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"Nodes": [
{
"target": [
"div[data-product-id=\"31219\"] > .details > .add-info > .product-rating-box[title=\"0 review(s)\"][aria-hidden=\"true\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"0 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": null,
"Message": null,
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"B200-57\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
".ribbon-position[href$=\"full-capitains-bed\"][data-productid=\"25953\"]"
],
"XPath": null,
"Html": "<a aria-hidden=\"true\" href=\"/full-capitains-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"25953\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a aria-hidden=\"true\" href=\"/full-capitains-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"25953\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"target": [
".ribbon-position[href$=\"full-capitains-bed\"][data-productid=\"25953\"]"
]
}
]
}
],
"None": []
},
{
"target": [
"div[data-product-id=\"25953\"] > .details > .add-info > .product-rating-box[title=\"0 review(s)\"][aria-hidden=\"true\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"0 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"DW-4116-FCAPT\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
".ribbon-position[href$=\"socalle-twin-platform-nat\"][data-productid=\"40745\"]"
],
"XPath": null,
"Html": "<a aria-hidden=\"true\" href=\"/socalle-twin-platform-nat\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"40745\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a aria-hidden=\"true\" href=\"/socalle-twin-platform-nat\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"40745\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"target": [
".ribbon-position[href$=\"socalle-twin-platform-nat\"][data-productid=\"40745\"]"
]
}
]
}
],
"None": []
},
{
"target": [
"div[data-product-id=\"40745\"] > .details > .add-info > .product-rating-box[title=\"0 review(s)\"][aria-hidden=\"true\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"0 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"EB1864-101-P\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
".ribbon-position.top-left[data-productid=\"48140\"]"
],
"XPath": null,
"Html": "<a aria-hidden=\"true\" href=\"/calverson-mocha-queen-platform-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"48140\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a aria-hidden=\"true\" href=\"/calverson-mocha-queen-platform-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"48140\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"target": [
".ribbon-position.top-left[data-productid=\"48140\"]"
]
}
]
}
],
"None": []
},
{
"target": [
"div[data-product-id=\"48140\"] > .details > .add-info > .product-rating-box[title=\"0 review(s)\"][aria-hidden=\"true\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"0 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"EB3660-113\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
"div[title=\"22 review(s)\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"22 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"1004-65\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
"div[data-product-id=\"33677\"] > .details > .add-info > .product-rating-box[title=\"0 review(s)\"][aria-hidden=\"true\"]"
],
"XPath": null,
"Html": "<div class=\"product-rating-box\" title=\"0 review(s)\" aria-hidden=\"true\">",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a class=\"yotpo-sr-bottom-line-summary\" tabindex=\"0\" role=\"link\" aria-label=\"0 out of 5 star rating. 0 Reviews\" style=\"display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;\">",
"target": [
"div[data-yotpo-product-id=\"HBE-1010WH\"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary[role=\"link\"]"
]
}
]
}
],
"None": []
},
{
"target": [
".ribbon-position[href$=\"socalle-full-bed\"][data-productid=\"39085\"]"
],
"XPath": null,
"Html": "<a aria-hidden=\"true\" href=\"/socalle-full-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"39085\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a aria-hidden=\"true\" href=\"/socalle-full-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"39085\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"target": [
".ribbon-position[href$=\"socalle-full-bed\"][data-productid=\"39085\"]"
]
}
]
}
],
"None": []
},
{
"target": [
".ribbon-position[href$=\"socalle-full-bed\"][data-productid=\"39085\"]"
],
"XPath": null,
"Html": "<a aria-hidden=\"true\" href=\"/socalle-full-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"39085\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"Impact": "serious",
"Any": [],
"All": [
{
"Data": null,
"Id": "focusable-not-tabbable",
"Impact": "serious",
"Message": "Focusable content should have tabindex=\\\"-1\\\" or be removed from the DOM",
"RelatedNodes": [
{
"Html": "<a aria-hidden=\"true\" href=\"/socalle-full-bed\" class=\"ribbon-position top-left\" data-productribbonid=\"11\" data-productid=\"39085\">\n <div class=\"product-ribbon ar-view\">\n\n\n <div class=\"ribbon-text\">View In Room</div>\n </div>\n </a>",
"target": [
".ribbon-position[href$=\"socalle-full-bed\"][data-productid=\"39085\"]"
]
}
]
}
],
"None": []
}
]
},
{
"Id": "aria-input-field-name",
"Description": "Ensure every ARIA input field has an accessible name",
"Help": "ARIA input fields must have an accessible name",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"Impact": "serious",
"Tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"Nodes": [
{
"target": [
"#minPriceRangeSlider"
],
"XPath": null,
"Html": "<span tabindex=\"0\" class=\"ui-slider-handle ui-corner-all ui-state-default\" id=\"minPriceRangeSlider\" role=\"slider\" aria-valuemin=\"0\" aria-valuemax=\"1482\" aria-valuenow=\"0\" aria-valuetext=\"0 price\" style=\"left: 0%;\"></span>",
"Impact": "serious",
"Any": [
{
"Data": null,
"Id": "aria-label",
"Impact": "serious",
"Message": "aria-label attribute does not exist or is empty",
"RelatedNodes": []
},
{
"Data": null,
"Id": "aria-labelledby",
"Impact": "serious",
"Message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty",
"RelatedNodes": []
},
{
"Data": {
"messageKey": "noAttr"
},
"Id": "non-empty-title",
"Impact": "serious",
"Message": "Element has no title attribute",
"RelatedNodes": []
}
],
"All": [],
"None": []
},
{
"target": [
"#maxPriceRangeSlider"
],
"XPath": null,
"Html": "<span tabindex=\"0\" class=\"ui-slider-handle ui-corner-all ui-state-default\" id=\"maxPriceRangeSlider\" role=\"slider\" aria-valuemin=\"0\" aria-valuemax=\"1482\" aria-valuenow=\"1482\" aria-valuetext=\"1482 price\" style=\"left: 100%;\"></span>",
"Impact": "serious",
"Any": [
{
"Data": null,
"Id": "aria-label",
"Impact": "serious",
"Message": "aria-label attribute does not exist or is empty",
"RelatedNodes": []
},
{
"Data": null,
"Id": "aria-labelledby",
"Impact": "serious",
"Message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty",
"RelatedNodes": []
},
{
"Data": {
"messageKey": "noAttr"
},
"Id": "non-empty-title",
"Impact": "serious",
"Message": "Element has no title attribute",
"RelatedNodes": []
}
],
"All": [],
"None": []
}
]
},
{
"Id": "heading-order",
"Description": "Ensure the order of headings is semantically correct",
"Help": "Heading levels should only increase by one",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/heading-order?application=axeAPI",
"Impact": "moderate",
"Tags": [
"cat.semantics",
"best-practice"
],
"Nodes": [
{
"target": [
".category-description > h4"
],
"XPath": null,
"Html": "<h4>Beds</h4>",
"Impact": "moderate",
"Any": [
{
"Data": null,
"Id": "heading-order",
"Impact": "moderate",
"Message": "Heading order invalid"
}
],
"All": [],
"None": []
}
]
},
{
"Id": "region",
"Description": "Ensure all page content is contained by landmarks",
"Help": "All page content should be contained by landmarks",
"HelpUrl": "https://dequeuniversity.com/rules/axe/4.10/region?application=axeAPI",
"Impact": "moderate",
"Tags": [
"cat.keyboard",
"best-practice"
],
"Nodes": [
{
"target": [
".html-widget"
],
"XPath": null,
"Html": "<div class=\"html-widget\">",
"Impact": "moderate",
"Any": [
{
"Data": {
"isIframe": false
},
"Id": "region",
"Impact": "moderate",
"Message": "Some page content is not contained by landmarks",
"RelatedNodes": []
}
],
"All": [],
"None": []
}
]
}
]
}
]
}
.ada {
font-size: rem(16px);
font-family: Arial, Helvetica, sans-serif;
h1,h2,h3,h4,h5,h6,ul,ol,p {
margin: 0;
padding: 0;
}
h3 {
font-size: rem(20px);
}
h4 {
font-size: rem(12px);
font-weight: 900;
text-transform: uppercase;
}
h5 {
font-size: rem(16px);
}
h6 {
font-size: rem(14px);
}
p {
font-size: rem(14px);
}
&-scan {
padding: rem(8px);
&__item {
border-bottom: rem(1px) solid lightgray;
margin-bottom: rem(32px);
padding-bottom: rem(16px);
}
&__violation {
margin-bottom: rem(16px);
&__impact {
text-transform: uppercase;
&::before {
content: '';
background: lightgray;
border-radius: 100%;
display: inline-block;
margin-right: rem(3px);
width: rem(12px);
height: rem(12px);
}
&--serious::before {
background: $color-red;
}
&--moderate::before {
background: $color-yellow;
}
}
&__code {
padding-left: rem(16px);
}
&__target {
border-radius: rem(6px);
border-bottom-left-radius: rem(0px);
border-bottom-right-radius: rem(0px);
border: rem(1px) solid $color-gray-light;
border-bottom: none;
display: inline-block;
margin: rem(16px) 0 0 0;
padding: rem(4px) rem(8px);
}
&__html {
border-radius: rem(6px);
border-top-left-radius: rem(0px);
border: rem(1px) solid $color-gray-light;
margin: 0 0 rem(16px) 0;
overflow: hidden;
code {
border-radius: rem(6px);
}
}
}
pre,
code {
font-family: monospace;
font-size: rem(12px);
}
}
}
No notes defined.