Results for: https://www.pcna.com/en-us/product/durahyde-zippered-padfolio-0600-10
base
- 0 violation(s)
axe-core 4.4.1
- 78 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="#collapseSpecifications" aria-expanded="false" aria-controls="collapseSpecifications">
<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="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 a 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 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="">
<div class="tab-content" id="pills-tabContent">
<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 type="hidden" name="Custom1" value="0600-10BK" id="variantSKU">
<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="Template name cannot be longer than 100 characters." 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">
<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>
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.png" 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">
<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 type="radio" class="ConfigurableAttribute" name="Color" id="Color-Green (GR)" code="Color" value="Green (GR)" data-available-color="Green (GR)" data-swatch-text="#007A53">
<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="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_D_FR_3188.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_D_FR_3188.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-2.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-2.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR_4849.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR_4849.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_4303.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_4303.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5096.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5096.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-1.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_B_FR-1.png">
<a href="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5268.png" data-standard="https://assets.pcna.com/t_560,f_auto,q_auto/Images/0600-10BK_A_FR_5268.png">
<a href="javascript:void(0)" class="close" id="countryClosePopUp">
<span aria-hidden="true">×</span>
</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">
<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: 0px;">
<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
- 88 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) {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#main-products {}
Attribute "method" has invalid value "GET"
Violated attribute-allowed-values
#search-header-section > z-widget > form {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#dropdownMenuSearchButton {}
Duplicate ID "searchForm"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form {}
Attribute "method" has invalid value "GET"
Violated attribute-allowed-values
#mobile-search-dropdown-header > div > z-widget > form {}
Duplicate ID "searchTextBox"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > input:nth-child(1) {}
Duplicate ID "hdnSearchTextBox"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > input:nth-child(2) {}
Duplicate ID "filter-by-qty"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > input:nth-child(3) {}
Duplicate ID "price-range-wrapper"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > div {}
Duplicate ID "filter-by-from"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > div > input:nth-child(1) {}
Duplicate ID "filter-by-to"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > div > input:nth-child(3) {}
Duplicate ID "btnNewsSearchGo"
Violated no-dup-id
#mobile-search-dropdown-header > div > z-widget > form > div > button {}
Duplicate ID "pills-tabContent"
Violated no-dup-id
#main-menu-content > div > div:nth-child(4) > div > div > div > div:nth-child(1) > div {}
<h3> cannot be empty, must have text content
Violated empty-heading
#main-menu-content > div > div:nth-child(4) > div > div > div > div:nth-child(2) > div > h3 {}
Prefer to use the native <main> element
Violated prefer-native-element
#layout-content {}
<img> is missing required "alt" attribute
Violated wcag/h37
#pr-image > div:nth-child(2) > div > img {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(1) > a {}
<img> is missing required "alt" attribute
Violated wcag/h37
#alt-images > div > a > img {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(2) > a {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(3) > a {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(4) > a {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(5) > a {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(6) > a {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#product-image-list > div > div > div:nth-child(3) > div > div:nth-child(7) > a {}
Duplicate ID "loading-image"
Violated no-dup-id
#artifi-image-loading > img {}
Attribute "src" has invalid value ""
Violated attribute-allowed-values
#artifi-panel > div > div > div:nth-child(1) > img {}
Attribute "id" has invalid value ""
Violated attribute-allowed-values
#artifi-panel > div > div > div:nth-child(2) > div > div:nth-child(2) > div > button {}
Attribute "src" has invalid value ""
Violated attribute-allowed-values
#createvirtual-artifi-panel > div > div > div:nth-child(1) > img {}
Attribute "id" has invalid value ""
Violated attribute-allowed-values
#createvirtual-artifi-panel > div > div > div:nth-child(2) > div > div:nth-child(2) > div > button {}
Duplicate ID "loading-image"
Violated no-dup-id
#download-image-loading > img {}
Duplicate ID "alt-images"
Violated no-dup-id
#decorated > div:nth-child(1) {}
Duplicate ID "pdp-sku"
Violated no-dup-id
#layout-product > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(41) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) {}
Attribute "id" has invalid value "Color-Black (BK)"
Violated attribute-allowed-values
#Color-Black\ (BK) {}
Attribute "id" has invalid value "Color-Blue (BL)"
Violated attribute-allowed-values
#Color-Blue\ (BL) {}
Duplicate ID "variantSKU"
Violated no-dup-id
#onColorSelectionId > li:nth-child(2) > input:nth-child(3) {}
Attribute "id" has invalid value "Color-Green (GR)"
Violated attribute-allowed-values
#Color-Green\ (GR) {}
Duplicate ID "variantSKU"
Violated no-dup-id
#onColorSelectionId > li:nth-child(3) > input:nth-child(3) {}
Duplicate ID "myTab"
Violated no-dup-id
#tabScroll > section > ul {}
Attribute "method" has invalid value "POST"
Violated attribute-allowed-values
#Form_301685 {}
Attribute value must not be delimited by whitespace
Violated attr-delimiter
Attribute value must not be delimited by whitespace
Violated attr-delimiter
Duplicate ID "pdp-btnSignIn"
Violated no-dup-id
#OrderSample > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > button {}
Attribute "id" has invalid value ""
Violated attribute-allowed-values
#CancelSampleOrder > div > div > div > div:nth-child(1) > h3 {}
Duplicate ID "pdp-btnSignIn"
Violated no-dup-id
#virtual > div > div:nth-child(2) > div:nth-child(3) > button {}
Attribute "scope" is deprecated on <td> element
Violated no-deprecated-attr
#decorated-price-list > div > table > tbody > tr > td {}
Attribute "scope" is deprecated on <td> element
Violated no-deprecated-attr
#decorated-price-list > div > table > tbody > tr:nth-child(2) > td {}
Attribute "scope" is deprecated on <td> element
Violated no-deprecated-attr
#blank-price-list > div > table > tbody > tr > td {}
Attribute "scope" is deprecated on <td> element
Violated no-deprecated-attr
#blank-price-list > div > table > tbody > tr:nth-child(2) > td {}
Duplicate ID "pdp-btnSignIn"
Violated no-dup-id
#sample-price-list > div > div:nth-child(3) > button {}
Attribute "id" has invalid value ""
Violated attribute-allowed-values
#CancelVirtual > div > div > div > div:nth-child(1) > h3 {}
Attribute "data-purpose" duplicated
Violated no-dup-attr
#estimate-shipping-modal > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > ul > li > input {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#estimate-cost-modal > div > div > div:nth-child(1) > h5 {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#create-project-modal > div > div > div > h5 {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#edit-project-modal > div > div > div > h5 {}
Duplicate ID "txtTemplateName"
Violated no-dup-id
#frmEditTemplate > div:nth-child(1) > div > div > div {}
Duplicate ID "Custom1"
Violated no-dup-id
#frmEditTemplate > div:nth-child(1) > div > div > div > div:nth-child(3) > textarea {}
Duplicate ID "OmsTemplateId"
Violated no-dup-id
#frmEditTemplate > div:nth-child(1) > div > div > input {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#add-to-project-modal > div > div > div:nth-child(1) > h5 {}
Duplicate ID "TemplateName"
Violated no-dup-id
#searchprojectlistform > div > input {}
Attribute "id" has invalid value ""
Violated attribute-allowed-values
#searchprojectlistform > div > button {}
<form> element must have a submit button
Violated wcag/h32
#AddProjectListForm {}
Duplicate ID "TemplateName"
Violated no-dup-id
#AddProjectListForm > input:nth-child(3) {}
Duplicate ID "Custom1"
Violated no-dup-id
#AddProjectListForm > input:nth-child(13) {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#art-library-modal > div > div > div:nth-child(1) > h5 {}
Duplicate ID "loading-image"
Violated no-dup-id
#pdp-artwork-loading > img {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#estimate-shipping-new-modal > div > div > div:nth-child(1) > h5 {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#need-qty-modal > div > div > div > h5 {}
Duplicate ID "collapseEmbroidery"
Violated no-dup-id
#collapsedecoration-methods > div > div:nth-child(2) > div > div {}
Duplicate ID "collapseEmbroidery"
Violated no-dup-id
#collapsedecoration-methods > div > div:nth-child(3) > div > div {}
Duplicate ID "collapseEmbroidery"
Violated no-dup-id
#collapsedecoration-methods > div > div:nth-child(4) > div > div {}
Duplicate ID "create-edit-project-title"
Violated no-dup-id
#run-charges-modal > div > div > div:nth-child(1) > h5 {}
<h5> cannot be empty, must have text content
Violated empty-heading
#available-locations-modal > div > div > div:nth-child(1) > h5 {}
<form> element must have a submit button
Violated wcag/h32
#searchform {}
Duplicate ID "country-flag-header"
Violated no-dup-id
#country-dropdown-footer > div:nth-child(1) {}
Duplicate ID "country-dropdown-choose"
Violated no-dup-id
#country-dropdown-footer > div:nth-child(2) {}
Duplicate ID "selected-locale"
Violated no-dup-id
#accountSwitchWarningFooter > div > div > input {}
Anchor link must have a text describing its purpose
Violated wcag/h30
#layout-footer > z-widget > a {}
Attribute "src" has invalid value ""
Violated attribute-allowed-values
#Product > script:nth-child(9) {}
<button> must have accessible text
Violated text-content
#quick-view-popup-ipad > div > div > button {}
Duplicate ID "selected-locale"
Violated no-dup-id
#account-switch-modal > div > div:nth-child(2) > div > input {}
<button> must have accessible text
Violated text-content
#NoCheckboxSelected > div > div > div > button {}
<button> must have accessible text
Violated text-content
#PopUpConfirm > div > div > div > button {}
Duplicate ID "btn-cancel-popup"
Violated no-dup-id
#PopUpConfirm > div > div > div:nth-child(3) > div > button:nth-child(2) {}
"type" attribute is unnecessary for javascript resources
Violated script-type
#Product > script:nth-child(35) {}
"type" attribute is unnecessary for javascript resources
Violated script-type
#Product > script:nth-child(37) {}
"type" attribute is unnecessary for javascript resources
Violated script-type
#Cookiebot {}
screenshot
phone

tablet

desktop
