<!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 &gt; h4</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;h4&gt;Chairs&lt;/h4&gt;</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">&lt;div class=&quot;html-widget&quot;&gt;</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">&lt;h5 class=&quot;store-selection-label&quot;&gt;You’re Shopping&lt;/h5&gt;</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">&lt;h5 class=&quot;selected-store&quot;&gt;Englewood, CO&lt;/h5&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.top-nav.mega-menu[data-isrtlenabled=&quot;false&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;ul class=&quot;mega-menu top-nav&quot; data-isrtlenabled=&quot;false&quot; data-enableclickfordropdown=&quot;false&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.afw-logo.d-lg-block[alt=&quot;American Furniture Warehouse&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;img class=&quot;afw-logo d-none d-lg-block&quot; alt=&quot;American Furniture Warehouse&quot; src=&quot;https://qa-images.afw.com/Themes/AFW/Content/images/branding/260x70_logo-min.png&quot;&gt;</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">&lt;ul class=&quot;mega-menu header-links-menu col-lg-auto&quot; data-isrtlenabled=&quot;false&quot; data-enableclickfordropdown=&quot;false&quot;&gt;</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">&lt;input type=&quot;text&quot; class=&quot;search-box-text ui-autocomplete-input&quot; id=&quot;small-searchterms&quot; autocomplete=&quot;off&quot; name=&quot;q&quot; placeholder=&quot;What can we help you find?&quot; aria-label=&quot;Search store&quot; unbxdattr=&quot;sq&quot;&gt;</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">&lt;a href=&quot;/cart&quot; id=&quot;header-cart&quot; class=&quot;header-icons&quot; title=&quot;Cart&quot;&gt;
                        &lt;div class=&quot;header-cart-bg&quot;&gt;
                            &lt;span class=&quot;cart-qty&quot;&gt;0&lt;/span&gt;
                        &lt;/div&gt;
                    &lt;/a&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.information &gt; .footer-accordion.justify-space-between.d-flex &gt; h2</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;h2 class=&quot;title col&quot;&gt;
                            About AFW
                        &lt;/h2&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.information &gt; .footer-menu-column.mega-menu[data-isrtlenabled=&quot;false&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;ul class=&quot;mega-menu footer-menu-column&quot; data-isrtlenabled=&quot;false&quot; data-enableclickfordropdown=&quot;false&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.my-account &gt; .footer-accordion.justify-space-between.d-flex &gt; h2</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;h2 class=&quot;title col&quot;&gt;
                            My Account
                        &lt;/h2&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.my-account &gt; .footer-menu-column.mega-menu[data-isrtlenabled=&quot;false&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;ul class=&quot;mega-menu footer-menu-column&quot; data-isrtlenabled=&quot;false&quot; data-enableclickfordropdown=&quot;false&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.my-account &gt; .footer-toggle.list</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;ul class=&quot;list footer-toggle&quot;&gt;
                            &lt;li&gt;&lt;a href=&quot;/sms-signup&quot;&gt;SMS Signup&lt;/a&gt;&lt;/li&gt;
                            &lt;li&gt;&lt;a href=&quot;/text-signup&quot;&gt;Text Signup&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.customer-service &gt; .footer-accordion.justify-space-between.d-flex &gt; h2</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;h2 class=&quot;title col&quot;&gt;
                            Help &amp;amp; Support
                        &lt;/h2&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.customer-service &gt; .footer-menu-column.mega-menu[data-isrtlenabled=&quot;false&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;ul class=&quot;mega-menu footer-menu-column&quot; data-isrtlenabled=&quot;false&quot; data-enableclickfordropdown=&quot;false&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.newsletter &gt; .title</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;title&quot;&gt;
        Be The First To Know
    &lt;/div&gt;</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">&lt;div class=&quot;newsletter-description&quot;&gt;
        &lt;span&gt;Join our newsletter to know about our new arrivals, events, contests, design tips, and more.&lt;/span&gt;
    &lt;/div&gt;</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">&lt;input id=&quot;newsletter-email-short&quot; class=&quot;input-required newsletter-subscribe-text&quot; placeholder=&quot;Enter your email address&quot; aria-label=&quot;Sign up for our newsletter&quot; type=&quot;email&quot; name=&quot;NewsletterEmail&quot; value=&quot;&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.social &gt; .title</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;title&quot;&gt;
                            Don&#39;t Forget! Follow Us On
                        &lt;/div&gt;</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">&lt;div class=&quot;footer-app d-none d-md-block&quot;&gt;</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">&lt;div class=&quot;footer-info&quot;&gt;</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=&quot;31219&quot;] &gt; .details &gt; .add-info &gt; .product-rating-box[title=&quot;0 review(s)&quot;][aria-hidden=&quot;true&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;0 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.ribbon-position[href$=&quot;full-capitains-bed&quot;][data-productid=&quot;25953&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;a aria-hidden=&quot;true&quot; href=&quot;/full-capitains-bed&quot; class=&quot;ribbon-position top-left&quot; data-productribbonid=&quot;11&quot; data-productid=&quot;25953&quot;&gt;
                &lt;div class=&quot;product-ribbon ar-view&quot;&gt;


        &lt;div class=&quot;ribbon-text&quot;&gt;View In Room&lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">div[data-product-id=&quot;25953&quot;] &gt; .details &gt; .add-info &gt; .product-rating-box[title=&quot;0 review(s)&quot;][aria-hidden=&quot;true&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;0 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.ribbon-position[href$=&quot;socalle-twin-platform-nat&quot;][data-productid=&quot;40745&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;a aria-hidden=&quot;true&quot; href=&quot;/socalle-twin-platform-nat&quot; class=&quot;ribbon-position top-left&quot; data-productribbonid=&quot;11&quot; data-productid=&quot;40745&quot;&gt;
                &lt;div class=&quot;product-ribbon ar-view&quot;&gt;


        &lt;div class=&quot;ribbon-text&quot;&gt;View In Room&lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">div[data-product-id=&quot;40745&quot;] &gt; .details &gt; .add-info &gt; .product-rating-box[title=&quot;0 review(s)&quot;][aria-hidden=&quot;true&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;0 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.ribbon-position.top-left[data-productid=&quot;48140&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;a aria-hidden=&quot;true&quot; href=&quot;/calverson-mocha-queen-platform-bed&quot; class=&quot;ribbon-position top-left&quot; data-productribbonid=&quot;11&quot; data-productid=&quot;48140&quot;&gt;
                &lt;div class=&quot;product-ribbon ar-view&quot;&gt;


        &lt;div class=&quot;ribbon-text&quot;&gt;View In Room&lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">div[data-product-id=&quot;48140&quot;] &gt; .details &gt; .add-info &gt; .product-rating-box[title=&quot;0 review(s)&quot;][aria-hidden=&quot;true&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;0 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">div[title=&quot;22 review(s)&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;22 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">div[data-product-id=&quot;33677&quot;] &gt; .details &gt; .add-info &gt; .product-rating-box[title=&quot;0 review(s)&quot;][aria-hidden=&quot;true&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;div class=&quot;product-rating-box&quot; title=&quot;0 review(s)&quot; aria-hidden=&quot;true&quot;&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.ribbon-position[href$=&quot;socalle-full-bed&quot;][data-productid=&quot;39085&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;a aria-hidden=&quot;true&quot; href=&quot;/socalle-full-bed&quot; class=&quot;ribbon-position top-left&quot; data-productribbonid=&quot;11&quot; data-productid=&quot;39085&quot;&gt;
                &lt;div class=&quot;product-ribbon ar-view&quot;&gt;


        &lt;div class=&quot;ribbon-text&quot;&gt;View In Room&lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;</code></pre>
                </div>
                <div class="ada-scan__violation__code">
                    <pre class="ada-scan__violation__target">.ribbon-position[href$=&quot;socalle-full-bed&quot;][data-productid=&quot;39085&quot;]</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;a aria-hidden=&quot;true&quot; href=&quot;/socalle-full-bed&quot; class=&quot;ribbon-position top-left&quot; data-productribbonid=&quot;11&quot; data-productid=&quot;39085&quot;&gt;
                &lt;div class=&quot;product-ribbon ar-view&quot;&gt;


        &lt;div class=&quot;ribbon-text&quot;&gt;View In Room&lt;/div&gt;
                &lt;/div&gt;
            &lt;/a&gt;</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">&lt;span tabindex=&quot;0&quot; class=&quot;ui-slider-handle ui-corner-all ui-state-default&quot; id=&quot;minPriceRangeSlider&quot; role=&quot;slider&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;1482&quot; aria-valuenow=&quot;0&quot; aria-valuetext=&quot;0 price&quot; style=&quot;left: 0%;&quot;&gt;&lt;/span&gt;</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">&lt;span tabindex=&quot;0&quot; class=&quot;ui-slider-handle ui-corner-all ui-state-default&quot; id=&quot;maxPriceRangeSlider&quot; role=&quot;slider&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;1482&quot; aria-valuenow=&quot;1482&quot; aria-valuetext=&quot;1482 price&quot; style=&quot;left: 100%;&quot;&gt;&lt;/span&gt;</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 &gt; h4</pre>
                    <pre class="ada-scan__violation__html"><code class="language-html">&lt;h4&gt;Beds&lt;/h4&gt;</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">&lt;div class=&quot;html-widget&quot;&gt;</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 &amp; 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": []
            }
          ]
        }
      ]
    }
  ]
}
  • Content:
    .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);
            }
        }
    }
  • URL: /components/raw/ada-viewer/ada-viewer.scss
  • Filesystem Path: source/patterns/templates/ada-viewer/ada-viewer.scss
  • Size: 2.3 KB

No notes defined.