default

URL: /

Violations: 2

heading-order [moderate]

Ensure the order of headings is semantically correct Visit

Heading levels should only increase by one

.category-description > h4

<h4>Chairs</h4>

region [moderate]

Ensure all page content is contained by landmarks Visit

All page content should be contained by landmarks

.html-widget

<div class="html-widget">

.store-selection-label

<h5 class="store-selection-label">You’re Shopping</h5>

.selected-store

<h5 class="selected-store">Englewood, CO</h5>

.top-nav.mega-menu[data-isrtlenabled="false"]

<ul class="mega-menu top-nav" data-isrtlenabled="false" data-enableclickfordropdown="false">

.afw-logo.d-lg-block[alt="American Furniture Warehouse"]

<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">

.header-links-menu.mega-menu.col-lg-auto

<ul class="mega-menu header-links-menu col-lg-auto" data-isrtlenabled="false" data-enableclickfordropdown="false">

#small-searchterms

<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">

#header-cart

<a href="/cart" id="header-cart" class="header-icons" title="Cart">
                        <div class="header-cart-bg">
                            <span class="cart-qty">0</span>
                        </div>
                    </a>

.information > .footer-accordion.justify-space-between.d-flex > h2

<h2 class="title col">
                            About AFW
                        </h2>

.information > .footer-menu-column.mega-menu[data-isrtlenabled="false"]

<ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false">

.my-account > .footer-accordion.justify-space-between.d-flex > h2

<h2 class="title col">
                            My Account
                        </h2>

.my-account > .footer-menu-column.mega-menu[data-isrtlenabled="false"]

<ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false">

.my-account > .footer-toggle.list

<ul class="list footer-toggle">
                            <li><a href="/sms-signup">SMS Signup</a></li>
                            <li><a href="/text-signup">Text Signup</a></li>
                    </ul>

.customer-service > .footer-accordion.justify-space-between.d-flex > h2

<h2 class="title col">
                            Help &amp; Support
                        </h2>

.customer-service > .footer-menu-column.mega-menu[data-isrtlenabled="false"]

<ul class="mega-menu footer-menu-column" data-isrtlenabled="false" data-enableclickfordropdown="false">

.newsletter > .title

<div class="title">
        Be The First To Know
    </div>

.newsletter-description

<div class="newsletter-description">
        <span>Join our newsletter to know about our new arrivals, events, contests, design tips, and more.</span>
    </div>

#newsletter-email-short

<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="">

.social > .title

<div class="title">
                            Don't Forget! Follow Us On
                        </div>

.footer-app

<div class="footer-app d-none d-md-block">

.footer-info

<div class="footer-info">

URL: /beds

Violations: 4

aria-hidden-focus [serious]

Ensure aria-hidden elements are not focusable nor contain focusable elements Visit

ARIA hidden element must not be focusable or contain focusable elements

div[data-product-id="31219"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]

<div class="product-rating-box" title="0 review(s)" aria-hidden="true">

.ribbon-position[href$="full-capitains-bed"][data-productid="25953"]

<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>

div[data-product-id="25953"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]

<div class="product-rating-box" title="0 review(s)" aria-hidden="true">

.ribbon-position[href$="socalle-twin-platform-nat"][data-productid="40745"]

<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>

div[data-product-id="40745"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]

<div class="product-rating-box" title="0 review(s)" aria-hidden="true">

.ribbon-position.top-left[data-productid="48140"]

<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>

div[data-product-id="48140"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]

<div class="product-rating-box" title="0 review(s)" aria-hidden="true">

div[title="22 review(s)"]

<div class="product-rating-box" title="22 review(s)" aria-hidden="true">

div[data-product-id="33677"] > .details > .add-info > .product-rating-box[title="0 review(s)"][aria-hidden="true"]

<div class="product-rating-box" title="0 review(s)" aria-hidden="true">

.ribbon-position[href$="socalle-full-bed"][data-productid="39085"]

<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>

.ribbon-position[href$="socalle-full-bed"][data-productid="39085"]

<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>

aria-input-field-name [serious]

Ensure every ARIA input field has an accessible name Visit

ARIA input fields must have an accessible name

#minPriceRangeSlider

<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>

#maxPriceRangeSlider

<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>