Evaluatory results — https://www.pcna.com/en-us/product/durahyde-zippered-padfolio-0600-10

← Back

Results for: https://www.pcna.com/en-us/product/durahyde-zippered-padfolio-0600-10

base
axe-core
html-validate
screenshot

base

0 violation(s)

axe-core 4.4.1

85 violation(s)
View JSON results

Ensures ARIA attributes are allowed for an element's role

Violated aria-allowed-attr on: phone, tablet, desktop

<div class="content-heading d-block d-md-none p-sm-0 d-flex justify-content-between align-items-center" type="button" data-toggle="collapse" data-target="#collapseProductinfo" aria-expanded="true" aria-controls="collapseProductinfo">

<div class="content-heading d-block d-md-none collapsed p-sm-0 d-flex justify-content-between align-items-center" type="button" data-toggle="collapse" data-target="#collapsedecoration-methods" aria-expanded="false" aria-controls="collapseFreecontent">

<div class="content-heading d-block d-md-none collapsed p-sm-0 d-flex justify-content-between align-items-center" type="button" data-toggle="collapse" data-target="#collapseSpecifications" aria-expanded="false" aria-controls="collapseSpecifications">

<div class="country-flag nav-link px-0 clickable" id="country-flag-header" data-country="usa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

<div class="country-flag nav-link px-0" id="country-flag-header" data-country="usa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

Ensures elements with an ARIA role that require child roles contain them

Violated aria-required-children on: phone, tablet, desktop

<ul class="nav nav-tabs nav-justified tabicon" id="myTab" role="tablist">

<ul class="nav nav-tabs" id="tier-price" role="tablist">

Ensures elements with an ARIA role that require parent roles are contained by them

Violated aria-required-parent on: phone, tablet, desktop

<a class="nav-link" id="open-configure-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false" data-ga-track="configure-my-order">

<a class="nav-link" id="open-sample-order-tab" data-toggle="tab" href="#OrderSample" role="tab" aria-controls="OrderSample" aria-selected="true" data-ga-track="order-a-sample">
                            <span>Order Sample</span>
                        </a>

<a class="nav-link" id="create-virtual-tab" data-toggle="tab" href="#virtual" role="tab" aria-controls="virtual" aria-selected="true" data-ga-track="create-a-virtual">

<a class="nav-link active" id="decorated-price-tab" data-toggle="tab" href="#decorated-price-list" role="tab" aria-controls="home" aria-selected="true">Decorated</a>

<a class="nav-link   " id="blank-price-tab" data-toggle="tab" href="#blank-price-list" role="tab" aria-controls="profile" aria-selected="false">Blank</a>

<a class="nav-link" id="sample-price-tab" data-toggle="tab" href="#sample-price-list" role="tab" aria-controls="profile" aria-selected="true">Sample</a>

Ensures all ARIA attributes have valid values

Violated aria-valid-attr-value on: phone, tablet, desktop

<a class="nav-link active" id="decorated-price-tab" data-toggle="tab" href="#decorated-price-list" role="tab" aria-controls="home" aria-selected="true">Decorated</a>

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

Violated color-contrast on: phone, tablet, desktop

<a class="nav-link   " id="blank-price-tab" data-toggle="tab" href="#blank-price-list" role="tab" aria-controls="profile" aria-selected="false">Blank</a>

<a class="nav-link" id="sample-price-tab" data-toggle="tab" href="#sample-price-list" role="tab" aria-controls="profile" aria-selected="true">Sample</a>

<span id="breadcrumb-productname">DuraHyde Zippered Padfolio</span>

Ensures every id attribute value of active elements is unique

Violated duplicate-id-active on: phone, tablet, desktop

<a href="/PCNACommon/ViewBrandSeoURL?brandCode=" title="" target="_blank" class="link" data-ga-track="companion" data-test-selector="linkProductBrand" id="lnkProductBrand">
            
        </a>

Ensures every id attribute value is unique

Violated duplicate-id on: phone, tablet, desktop

<div class="country-flag nav-link px-0" id="country-flag-header" data-country="usa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="country-flag-dropdown" id="country-dropdown-choose">

<input id="selected-locale" name="selected-locale" type="hidden" value="">

<input id="data_publish_categoryId" name="data_publish_categoryId" type="hidden" value="271">

<div class="tab-content" id="pills-tabContent">

<input type="hidden" id="pdp-cartSampleSku" autocomplete="off" value="">

<div class="product-sku-title text-gray1" id="pdp-sku">0600-10</div>

<img id="loading-image" src="/Views/Themes/PCNA/Images/throbber.svg" alt="Loading..." class="swatch-loader-img">

<div id="alt-images" class="owl-carousel alternate-img simpleLens-thumbnails-container Product_Altimages owl-theme" style="opacity: 1; display: block;">

<ul class="nav nav-tabs tabicon" id="myTab" role="tablist">

<input id="hdnBrand" name="detailsModel.BrandName" type="hidden" value="">

<input type="hidden" name="Custom1" value="0600-10BK" id="variantSKU">

<input id="hdnSelectedColor" name="hdnSelectedColor" type="hidden" value="Black (BK)">

<title id="arrowRightIconTitle">DuraHyde Zippered Padfolio | PCNA</title>

<button class="btn btn-primary icon-only" id="pdp-btnSignIn" onclick="PCNAProduct.prototype.OnSignInClick(event)" type="button" data-test-selector="btnSignIn">
                                                Sign in
                                            </button>

<title id="folder">DuraHyde Zippered Padfolio | PCNA</title>

<h5 class="modal-title" id="create-edit-project-title">Estimate Shipping</h5>

<div class="b2b-form" id="txtTemplateName">

<input class="input-text" data-val="true" data-val-length="Input value must not exceed the maximum character limit of 100." data-val-length-max="100" data-val-required="Project name is required." id="TemplateName" maxlength="100" name="TemplateName" required="required" type="text" value="">

<textarea class="form-control input-text" cols="20" id="Custom1" name="Custom1" rows="5"></textarea>

<input type="hidden" name="OmsTemplateId" id="OmsTemplateId" value="0">

<h5 class="modal-title" id="create-addtocart-title">Item successfully added to cart!</h5>

<div id="addtocart">

<div id="collapseEmbroidery" class="card-body d-flex flex-column">

<ul class="UnderCategory" id="link-productgrid">

<button type="button" id="btn-cancel-popup" class="btn btn-primary" data-dismiss="modal"><i class="z-ok"></i>Ok</button>

<input id="hdnTimerClosureDate" name="hdnTimerClosureDate" type="hidden" value="">

Ensures the order of headings is semantically correct

Violated heading-order on: phone, tablet, desktop

<h4 class="page-title product-list-title pb-3 pb-md-4" data-test-selector="hdgYou May Also Like">You May Also Like</h4>

<h5 class="col-12 warning-text mt-0">You are currently on the U.S. site.</h5>

<h3 class="d-none d-md-block bold-24">Product information</h3>

Ensures <img> elements have alternate text or a role of none or presentation

Violated image-alt on: phone, tablet, desktop

<img src="/Content/Images/Leeds.svg" class="img-fluid b-lazy b-loaded">

<img class="b-lazy b-loaded" src="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_D_FR_3188.jpg" data-test-selector="imgThumbNailPath">

<img class="img-fluid cat-brand b-lazy" src="/Content/Images/leeds.svg" data-src="/Content/Images/leeds.svg">

<img class="img-fluid cat-brand b-lazy" src="/Content/Images/leeds.svg" data-src="/Content/Images/leeds.svg">

Ensures every form element has a label

Violated label on: phone, tablet, desktop

<input type="radio" class="ConfigurableAttribute" name="Color" id="Color-Black (BK)" code="Color" value="Black (BK)" data-available-color="Black (BK)" data-swatch-text="#000000" checked="checked">

<input type="radio" class="ConfigurableAttribute" name="Color" id="Color-Blue (BL)" code="Color" value="Blue (BL)" data-available-color="Blue (BL)" data-swatch-text="#0000FF">

<input class="typeahead tt-hint" data-autocomplete-id-field="Id" data-autocomplete-url="/en-us/search/getsuggestions" data-onselect-function="PCNAProduct.prototype.GetSuggestionResult" data_autocomplete_url="/en-us/search/getsuggestions" data_onselect_function="PCNAProduct.prototype.GetSuggestionResult" data_test_selector="txtSearch" type="text" value="" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);">

Ensures links have discernible text

Violated link-name on: phone, tablet, desktop

<a href="javascript:void(0)" class="element d-lg-none" id="main-products">

<a href="javascript:void(0);" class="btn btn-secondary nav-link dropdown-toggle" id="dropdown-sign-in" data-toggle="dropdown" data-ga-track="account-nav-menu" aria-haspopup="true" aria-expanded="false">

<a href="/PCNACommon/ViewBrandSeoURL?brandCode=" title="" target="_blank" class="link" data-ga-track="companion" data-test-selector="linkProductBrand" id="lnkProductBrand">
            
        </a>

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_D_FR_3188.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_D_FR_3188.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_4303.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_4303.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5096.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5096.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5268.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5268.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-1.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-1.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-2.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-2.jpg">

<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR_4849.jpg" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR_4849.jpg">

<a href="javascript:void(0)" class="close" id="countryClosePopUp">
                    <span aria-hidden="true">×</span>
                </a>

<a href="/PCNACommon/ViewBrandSeoURL?brandCode=" class="link" data-ga-track="companion" data-test-selector="linkProductBrand" id="lnkProductBrand">
                    
                </a>

Ensures that lists are structured correctly

Violated list on: phone, tablet, desktop

<ul class="UnderCategory" id="link-productgrid">

<ul class="UnderCategory" id="link-productgrid">

Ensures <li> elements are used semantically

Violated listitem on: phone, tablet, desktop

<li class="nav-item waves-effect waves-light mr-md-3" data-purpose="open-configure-tab" onclick="PCNAProduct.prototype.PDPTabSwitch(this)" title="Access to this feature has been restricted by your organization. Contact us to order.">

<li class="nav-item waves-effect waves-light mr-md-3" data-purpose="open-sample-order-tab" onclick="PCNAProduct.prototype.PDPTabSwitch(this)">

<li class="nav-item waves-effect waves-light mr-md-3" data-purpose="open-virtualaccess-tab" onclick="PCNAProduct.prototype.PDPTabSwitch(this)" title="Access to this feature has been restricted by your organization. Contact us to order.">

<li class="nav-item">
                                            <a class="nav-link active" id="decorated-price-tab" data-toggle="tab" href="#decorated-price-list" role="tab" aria-controls="home" aria-selected="true">Decorated</a>
                                        </li>

<li class="nav-item">
                                            <a class="nav-link   " id="blank-price-tab" data-toggle="tab" href="#blank-price-list" role="tab" aria-controls="profile" aria-selected="false">Blank</a>
                                        </li>

<li class="nav-item" id="sample-price-tab-li">
                                            <a class="nav-link" id="sample-price-tab" data-toggle="tab" href="#sample-price-list" role="tab" aria-controls="profile" aria-selected="true">Sample</a>
                                    </li>

Ensures <meta name="viewport"> does not disable text scaling and zooming

Violated meta-viewport on: phone, tablet, desktop

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Ensures all page content is contained by landmarks

Violated region on: phone, tablet, desktop

<div id="cookiebanner" lang="en" dir="ltr" ng-non-bindable="" name="cookiebanner" style="display: block; bottom: -260px;">

<h3 class="col-12 text-gray1 warning-title">ATTENTION</h3>

<h5 class="col-12 warning-text mt-0">You are currently on the U.S. site.</h5>

<h5 class="col-12 warning-text col-sm-8">Please select the site you would like to use.</h5>

<div class="col-12 d-flex justify-content-center">

Ensures the scope attribute is used correctly on tables

Violated scope-attr-valid on: phone, tablet, desktop

<td scope="row">Quantity</td>

<td scope="row" class="text-normal">5C US$</td>

Ensure elements that have scrollable content are accessible by keyboard

Violated scrollable-region-focusable on: phone

<table class="table table-bordered color-swatch-table">

Ensures buttons have discernible text

Violated button-name on: desktop

<button class="btn btn-primary icon-only search-btn" id="btnNewsSearchGo" type="submit" data-test-selector="btnNewsSearchGo" onclick="return PCNASearch.prototype.ValidateSearch(this);">

html-validate 6.2.0

3 violation(s)
View JSON results

"type" attribute is unnecessary for javascript resources

Violated script-type

html > head > script:nth-child(6) {}

"type" attribute is unnecessary for javascript resources

Violated script-type

html > head > script:nth-child(7) {}

failed to tokenize "<a href=\"/...", expected attribute, ">" or "/>".

Violated parser-error

base

axe-core 4.4.1

Ensures ARIA attributes are allowed for an element's role

Ensures elements with an ARIA role that require child roles contain them

Ensures elements with an ARIA role that require parent roles are contained by them

Ensures all ARIA attributes have valid values

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

Ensures every id attribute value of active elements is unique

Ensures every id attribute value is unique

Ensures the order of headings is semantically correct

Ensures <img> elements have alternate text or a role of none or presentation

Ensures every form element has a label

Ensures links have discernible text

Ensures that lists are structured correctly

Ensures <li> elements are used semantically

Ensures <meta name="viewport"> does not disable text scaling and zooming

Ensures all page content is contained by landmarks

Ensures the scope attribute is used correctly on tables

Ensure elements that have scrollable content are accessible by keyboard

Ensures buttons have discernible text

html-validate 6.2.0

"type" attribute is unnecessary for javascript resources

"type" attribute is unnecessary for javascript resources

failed to tokenize "<a href=\"/...", expected attribute, ">" or "/>".

screenshot

phone

tablet

desktop