Accessibilety Testing Reports

Whitelabel IQ
# Urls Totel Urls: 1
1 https://www.whitelabeliq.com
Summary
5
Violetions
4
Incomplet
37
Inapplicable
47
Passes
ViolationsElements that failed the accessibility rules.
IncompleteElements needing further testing due to technical restrictions or errors.
InapplicableRules that did not run because no matching content was found.
PassesElements that passed the accessibility rules.

color-contrast

serious

duplicate-id

minor

heading-order

moderate

meta-viewport-large

minor

region

moderate
Details
Urls:https://www.whitelabeliq.com/
Help:Elements must have sufficient color contrast
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Impact: serious
Tags:
  • cat.color
  • wcag2aa
  • wcag143

Impact:
serious
Message:
Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span class="hero__title-misc | animate">Quality Analyst</span>
Target:
[".swiper-slide-prev-active > .hero__title-misc.\\|.animate"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span class="hero__title-misc | animate">Systems Administrator</span>
Target:
[".swiper-slide-prev > .hero__title-misc.\\|.animate"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span class="hero__title-misc | animate">Graphic Designer</span>
Target:
[".swiper-slide-next > .hero__title-misc.\\|.animate"]

Impact:
serious
Message:
Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span class="hero__title-misc | animate">Front-end Developer</span>
Target:
["div[aria-label=\"\\33 \\ \\/\\ 7\"] > .hero__title-misc.\\|.animate"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>29 May, 2025</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(1) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > .date > span"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>Read More</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(1) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > span"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>29 May, 2025</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(2) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > .date > span"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>Read More</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(2) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > span"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>2 May, 2025</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(3) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > .date > span"]

Impact:
serious
Message:
Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
FailureSummary:
Fix any of the following: Element has insufficient color contrast of 2.93 (foreground color: #f37022, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Screenshot:
Screenshot Thumbnail
Html:
<span>Read More</span>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(3) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > span"]
Details
Urls:https://www.whitelabeliq.com/
Help:id attribute value must be unique
Description: Ensures every id attribute value is unique
Impact: minor
Tags:
  • cat.parsing
  • wcag2a
  • wcag411

Impact:
minor
Message:
Document has multiple static elements with the same id attribute: path9511
FailureSummary:
Fix any of the following: Document has multiple static elements with the same id attribute: path9511
Screenshot:
Screenshot Thumbnail
Html:
<path id="path9511" d="M2.181,292.643a.886.886,0,0,0-.64,1.472l5.308,6.2a.886.886,0,0,0,1.347,0l5.314-6.2a.886.886,0,1,0-1.346-1.15l-4.642,5.419-4.641-5.419a.886.886,0,0,0-.7-.322Z" transform="translate(-1.319 -292.63)" fill="#000000"></path>
Target:
["#menu-item-5689 > .subNavArrow > svg[width=\"\\31 2\\.425\"][height=\"\\38 \"][viewBox=\"\\30 \\ 0\\ 12\\.425\\ 8\"] > path[transform=\"translate\\(-1\\.319\\ -292\\.63\\)\"][fill=\"\\#000000\"]"]

Impact:
minor
Message:
Document has multiple static elements with the same id attribute: Path_37490
FailureSummary:
Fix any of the following: Document has multiple static elements with the same id attribute: Path_37490
Screenshot:
Screenshot Thumbnail
Html:
<path id="Path_37490" data-name="Path 37490" d="M8.742,20.771H23.234a2.756,2.756,0,0,0,2.754-2.754V4.293a2.756,2.756,0,0,0-2.754-2.754H22.142V.769a.769.769,0,1,0-1.538,0v.769H11.373V.769a.769.769,0,1,0-1.538,0v.769H8.742A2.756,2.756,0,0,0,5.988,4.293V18.017a2.756,2.756,0,0,0,2.754,2.754ZM7.526,4.293A1.218,1.218,0,0,1,8.742,3.077H9.834v.769a.769.769,0,1,0,1.538,0V3.077H20.6v.769a.769.769,0,1,0,1.538,0V3.077h1.092a1.218,1.218,0,0,1,1.215,1.215V6.539H7.526Zm0,3.785H24.45v9.939a1.218,1.218,0,0,1-1.215,1.215H8.742a1.218,1.218,0,0,1-1.215-1.215Z" transform="translate(-5.988 0)" fill="#333">
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(1) > a > .element-item.design.bg-white > .blog-content_info > .post-bottom-info > .date > svg[height=\"\\32 0\\.771\"][viewBox=\"\\30 \\ 0\\ 20\\ 20\\.771\"][width=\"\\32 0\"] > path[data-name=\"Path\\ 37490\"][transform=\"translate\\(-5\\.988\\ 0\\)\"][fill=\"\\#333\"]"]
Details
Urls:https://www.whitelabeliq.com/
Help:Heading levels should only increase by one
Description: Ensures the order of headings is semantically correct
Impact: moderate
Tags:
  • cat.semantics
  • best-practice

Impact:
moderate
Message:
Heading order invalid
FailureSummary:
Fix any of the following: Heading order invalid
Screenshot:
Screenshot Thumbnail
Html:
<h3>Born From an Agency</h3>
Target:
[".col-lg-6.col-md-6 > .animation-text > .sec-title > h3"]

Impact:
moderate
Message:
Heading order invalid
FailureSummary:
Fix any of the following: Heading order invalid
Screenshot:
Screenshot Thumbnail
Html:
<h4>Just One</h4>
Target:
[".util-first > h4"]

Impact:
moderate
Message:
Heading order invalid
FailureSummary:
Fix any of the following: Heading order invalid
Screenshot:
Screenshot Thumbnail
Html:
<h5 class="faq-title " data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">Scalability on Demand</h5>
Target:
["h5[data-bs-target=\"\\#collapse1\"]"]

Impact:
moderate
Message:
Heading order invalid
FailureSummary:
Fix any of the following: Heading order invalid
Screenshot:
Screenshot Thumbnail
Html:
<h5>Build a Soft Fence Around Your Clients: <em>The Agency Loyalty Advantage</em></h5>
Target:
[".col-xl-4.col-sm-12.col-lg-6:nth-child(1) > a > .element-item.design.bg-white > .blog-content_info > h5"]
Details
Urls:https://www.whitelabeliq.com/
Help:Users should be able to zoom and scale the text up to 500%
Description: Ensures <meta name="viewport"> can scale a significant amount
Impact: minor
Tags:
  • cat.sensory-and-visual-cues
  • best-practice

Impact:
minor
Message:
<meta> tag limits zooming on mobile devices
FailureSummary:
Fix any of the following: <meta> tag limits zooming on mobile devices
Screenshot:
Screenshot Thumbnail
Html:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
Target:
["meta[name=\"viewport\"]"]
Details
Urls:https://www.whitelabeliq.com/
Help:All page content should be contained by landmarks
Description: Ensures all page content is contained by landmarks
Impact: moderate
Tags:
  • cat.keyboard
  • best-practice

Impact:
moderate
Message:
Some page content is not contained by landmarks
FailureSummary:
Fix any of the following: Some page content is not contained by landmarks
Screenshot:
Screenshot Thumbnail
Html:
<a class="back-top goto" href="#full-wrapper"> <img loading="lazy" src="/wp-content/uploads/2023/01/arrow-down.svg" alt="Back to Top" width="22" height="14"> </a>
Target:
[".back-top"]

ARIA attributes must conform to valid values

Elements must have sufficient color contrast

Frames should be tested with axe-core

Links with the same name must have a similar purpose

Details
Id:aria-valid-attr-value
Impact: critical
Description: Ensures all ARIA attributes have valid values
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412

Impact:
critical
Message:
FailureSummary:
Fix all of the following: ARIA attribute element ID does not exist on the page: aria-labelledby="progressbar"
Screenshot:
Screenshot Thumbnail
Html:
<div class="progress-bar progress-bar-utilization" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" aria-labelledby="progressbar" aria-label="Utilization"></div>
Target:
[".progress-bar-utilization"]

Impact:
critical
Message:
FailureSummary:
Fix all of the following: ARIA attribute element ID does not exist on the page: aria-labelledby="progressbar"
Screenshot:
Screenshot Thumbnail
Html:
<div class="progress-bar progress-bar-hand" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-labelledby="progressbar" aria-label="Utilization"></div>
Target:
[".progress-bar-hand"]
Details
Id:color-contrast
Impact: serious
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.color
  • wcag2aa
  • wcag143

Impact:
serious
Message:
Element's background color could not be determined because it is overlapped by another element
FailureSummary:
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
Screenshot:
Screenshot Thumbnail
Html:
<span class="face1">Claim your book code here</span>
Target:
[".face1"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<span>Contact Us</span>
Target:
["li:nth-child(7) > .btn[href$=\"contact-us\\/\"] > span"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<span>Why WLIQ</span>
Target:
["a[target=\"\"] > span"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<span class="hero__title-misc | animate">Laravel Developer</span>
Target:
["div[aria-label=\"\\35 \\ \\/\\ 7\"] > .hero__title-misc.\\|.animate"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<span>View All</span>
Target:
[".post-title-with-btn > div > .btn > span"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<span>Let’s Get Started</span>
Target:
[".get-started > .btn-white.btn[href$=\"contact-us\\/\"] > span"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<span>Contact Us</span>
Target:
[".footer-menu-first.footer-menu > .btn-white.btn[href$=\"contact-us\\/\"] > span"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<input type="submit" id="gform_submit_button_56" class="gform_button button" onclick="gform.submission.handleButtonClick(this);" data-submission-type="submit" value="Subscribe">
Target:
["#gform_submit_button_56"]
Details
Id:frame-tested
Impact: critical
Description: Ensures <iframe> and <frame> elements contain the axe-core script
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • review-item
  • best-practice

Impact:
critical
Message:
FailureSummary:
Fix all of the following: The iframe still has to be tested with axe-core
Screenshot:
Screenshot Thumbnail
Html:
<iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-p1yvxtaazict" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LelaFYqAAAAAHOk3NMC5mMuldUtYC5eQ_6JsgOl&amp;co=aHR0cHM6Ly93d3cud2hpdGVsYWJlbGlxLmNvbTo0NDM.&amp;hl=en&amp;v=GUGrl5YkSwpBsxsF3eY665Ye&amp;theme=light&amp;size=normal&amp;cb=fhww2w71mo9e">
Target:
["iframe[name=\"a-p1yvxtaazict\"]"]
Details
Id:identical-links-same-purpose
Impact: minor
Description: Ensure that links with the same accessible name serve a similar purpose
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • wcag2aaa
  • wcag249

Impact:
minor
Message:
FailureSummary:
Fix all of the following: Check that links have the same purpose, or are intentionally ambiguous.
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.whitelabeliq.com/design/">Design</a>
Target:
["#menu-item-10910 > a"]

accesskey attribute value should be unique

Active <area> elements must have alternate text

ARIA input fields must have an accessible name

ARIA meter nodes must have an accessible name

Certain ARIA roles must contain particular children

Certain ARIA roles must be contained by particular parents

aria-roledescription must be on elements with a semantic role

"role=text" should have no focusable descendants

ARIA toggle fields must have an accessible name

ARIA tooltip nodes must have an accessible name

ARIA treeitem nodes should have an accessible name

autocomplete attribute must be used correctly

<blink> elements are deprecated and must not be used

<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements

<dt> and <dd> elements must be contained by a <dl>

Table header text must not be empty

Frames with focusable content must not have tabindex=-1

HTML elements with lang and xml:lang must have the same base language

Image buttons must have alternate text

Banner landmark should not be contained in another landmark

Aside should not be contained in another landmark

Contentinfo landmark should not be contained in another landmark

<marquee> elements are deprecated and must not be used

Timed refresh must not exist

<object> elements must have alternate text

[role='img'] elements must have an alternative text

scope attribute should be used correctly

Scrollable region must have keyboard access

Select element must have an accessible name

Server-side image maps must not be used

The skip-link target should exist and be focusable

<svg> elements with an img role must have an alternative text

tables should not have the same summary and caption

Table cells that use the headers attribute must only refer to cells in the same table

Table headers in a data table must refer to data cells

lang attribute must have a valid value

<video> elements must have captions

Details
Id:accesskeys
Impact:
Description: Ensures every accesskey attribute value is unique
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • best-practice
Details
Id:area-alt
Impact:
Description: Ensures <area> elements of image maps have alternate text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • wcag244
  • wcag412
  • section508
  • section508.22.a
  • ACT
Details
Id:aria-input-field-name
Impact:
Description: Ensures every ARIA input field has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
  • ACT
Details
Id:aria-meter-name
Impact:
Description: Ensures every ARIA meter node has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag111
Details
Id:aria-required-children
Impact:
Description: Ensures elements with an ARIA role that require child roles contain them
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag131
Details
Id:aria-required-parent
Impact:
Description: Ensures elements with an ARIA role that require parent roles are contained by them
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag131
Details
Id:aria-roledescription
Impact:
Description: Ensure aria-roledescription is only used on elements with an implicit or explicit role
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-text
Impact:
Description: Ensures "role=text" is used on elements with no focusable descendants
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-toggle-field-name
Impact:
Description: Ensures every ARIA toggle field has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
  • ACT
Details
Id:aria-tooltip-name
Impact:
Description: Ensures every ARIA tooltip node has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-treeitem-name
Impact:
Description: Ensures every ARIA treeitem node has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • best-practice
Details
Id:autocomplete-valid
Impact:
Description: Ensure the autocomplete attribute is correct and suitable for the form field
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.forms
  • wcag21aa
  • wcag135
Details
Id:blink
Impact:
Description: Ensures <blink> elements are not used
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.time-and-media
  • wcag2a
  • wcag222
  • section508
  • section508.22.j
Details
Id:definition-list
Impact:
Description: Ensures <dl> elements are structured correctly
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:dlitem
Impact:
Description: Ensures <dt> and <dd> elements are contained by a <dl>
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:empty-table-header
Impact:
Description: Ensures table headers have discernible text
Urls:https://www.whitelabeliq.com/
Tags:
  • wcag131
  • cat.aria
Details
Id:frame-focusable-content
Impact:
Description: Ensures <frame> and <iframe> elements with focusable content do not have tabindex=-1
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • wcag2a
  • wcag211
Details
Id:html-xml-lang-mismatch
Impact:
Description: Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:input-image-alt
Impact:
Description: Ensures <input type="image"> elements have alternate text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:landmark-banner-is-top-level
Impact:
Description: Ensures the banner landmark is at top level
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-complementary-is-top-level
Impact:
Description: Ensures the complementary landmark or aside is at top level
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-contentinfo-is-top-level
Impact:
Description: Ensures the contentinfo landmark is at top level
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:marquee
Impact:
Description: Ensures <marquee> elements are not used
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.parsing
  • wcag2a
  • wcag222
Details
Id:meta-refresh
Impact:
Description: Ensures <meta http-equiv="refresh"> is not used
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.time-and-media
  • wcag2a
  • wcag221
  • wcag224
  • wcag325
Details
Id:object-alt
Impact:
Description: Ensures <object> elements have alternate text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
Details
Id:role-img-alt
Impact:
Description: Ensures [role='img'] elements have alternate text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:scope-attr-valid
Impact:
Description: Ensures the scope attribute is used correctly on tables
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.tables
  • best-practice
Details
Id:scrollable-region-focusable
Impact:
Description: Ensure elements that have scrollable content are accessible by keyboard
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • wcag2a
  • wcag211
Details
Id:select-name
Impact:
Description: Ensures select element has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.forms
  • wcag2a
  • wcag412
  • wcag131
  • section508
  • section508.22.n
  • ACT
Details
Id:server-side-image-map
Impact:
Description: Ensures that server-side image maps are not used
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag211
  • section508
  • section508.22.f
Details
Id:skip-link
Impact:
Description: Ensure all skip links have a focusable target
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • best-practice
Details
Id:svg-img-alt
Impact:
Description: Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:table-duplicate-name
Impact:
Description: Ensure the <caption> element does not contain the same text as the summary attribute
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.tables
  • best-practice
Details
Id:td-headers-attr
Impact:
Description: Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.tables
  • wcag2a
  • wcag131
  • section508
  • section508.22.g
Details
Id:th-has-data-cells
Impact:
Description: Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.tables
  • wcag2a
  • wcag131
  • section508
  • section508.22.g
Details
Id:valid-lang
Impact:
Description: Ensures lang attributes have valid values
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.language
  • wcag2aa
  • wcag312
Details
Id:video-caption
Impact:
Description: Ensures <video> elements have captions
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag122
  • section508
  • section508.22.a

Elements must only use allowed ARIA attributes

ARIA role should be appropriate for the element

ARIA commands must have an accessible name

ARIA dialog and alertdialog nodes should have an accessible name

aria-hidden='true' must not be present on the document body

ARIA hidden element must not contain focusable elements

ARIA progressbar nodes must have an accessible name

Required ARIA attributes must be provided

ARIA roles used must conform to valid values

ARIA attributes must conform to valid values

ARIA attributes must conform to valid names

Inline text spacing must be adjustable with custom stylesheets

Buttons must have discernible text

Page must have means to bypass repeated blocks

Elements must have sufficient color contrast

Documents must have <title> element to aid in navigation

IDs of active elements must be unique

IDs used in ARIA and labels must be unique

id attribute value must be unique

Headings should not be empty

Form field must not have multiple label elements

Frames should have a unique title attribute

Frames must have an accessible name

Heading levels should only increase by one

<html> element must have a lang attribute

<html> element must have a valid value for the lang attribute

Links with the same name must have a similar purpose

Images must have alternate text

Alternative text of images should not be repeated as text

Input buttons must have discernible text

Form elements should have a visible label

Form elements must have labels

Main landmark should not be contained in another landmark

Document should not have more than one banner landmark

Document should not have more than one contentinfo landmark

Document should not have more than one main landmark

Document should have one main landmark

Ensures landmarks are unique

Links must have discernible text

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

<li> elements must be contained in a <ul> or <ol>

Zooming and scaling should not be disabled

Interactive controls must not be nested

Page should contain a level-one heading

Elements of role none or presentation should be flagged

All page content should be contained by landmarks

Elements should not have tabindex greater than zero

Details
Id:aria-allowed-attr
Impact:
Description: Ensures ARIA attributes are allowed for an element's role
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-allowed-role
Impact:
Description: Ensures role attribute has an appropriate value for the element
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-command-name
Impact:
Description: Ensures every ARIA button, link and menuitem has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-dialog-name
Impact:
Description: Ensures every ARIA dialog and alertdialog node has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-hidden-body
Impact:
Description: Ensures aria-hidden='true' is not present on the document body.
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-hidden-focus
Impact:
Description: Ensures aria-hidden elements do not contain focusable elements
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • wcag131
Details
Id:aria-progressbar-name
Impact:
Description: Ensures every ARIA progressbar node has an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag111
Details
Id:aria-required-attr
Impact:
Description: Ensures elements with ARIA roles have all required ARIA attributes
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-roles
Impact:
Description: Ensures all elements with a role attribute use a valid value
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-valid-attr-value
Impact:
Description: Ensures all ARIA attributes have valid values
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-valid-attr
Impact:
Description: Ensures attributes that begin with aria- are valid ARIA attributes
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:avoid-inline-spacing
Impact:
Description: Ensure that text spacing set through style attributes can be adjusted with custom stylesheets
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • wcag21aa
  • wcag1412
Details
Id:button-name
Impact:
Description: Ensures buttons have discernible text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • section508
  • section508.22.a
  • ACT
Details
Id:bypass
Impact:
Description: Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • wcag2a
  • wcag241
  • section508
  • section508.22.o
Details
Id:color-contrast
Impact:
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.color
  • wcag2aa
  • wcag143
Details
Id:document-title
Impact:
Description: Ensures each HTML document contains a non-empty <title> element
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag242
  • ACT
Details
Id:duplicate-id-active
Impact:
Description: Ensures every id attribute value of active elements is unique
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:duplicate-id-aria
Impact:
Description: Ensures every id attribute value used in ARIA and in labels is unique
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:duplicate-id
Impact:
Description: Ensures every id attribute value is unique
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:empty-heading
Impact:
Description: Ensures headings have discernible text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.name-role-value
  • best-practice
Details
Id:form-field-multiple-labels
Impact:
Description: Ensures form field does not have multiple label elements
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.forms
  • wcag2a
  • wcag332
Details
Id:frame-title-unique
Impact:
Description: Ensures <iframe> and <frame> elements contain a unique title attribute
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • best-practice
Details
Id:frame-title
Impact:
Description: Ensures <iframe> and <frame> elements have an accessible name
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag241
  • wcag412
  • section508
  • section508.22.i
Details
Id:heading-order
Impact:
Description: Ensures the order of headings is semantically correct
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:html-has-lang
Impact:
Description: Ensures every HTML document has a lang attribute
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:html-lang-valid
Impact:
Description: Ensures the lang attribute of the <html> element has a valid value
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:identical-links-same-purpose
Impact:
Description: Ensure that links with the same accessible name serve a similar purpose
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • wcag2aaa
  • wcag249
Details
Id:image-alt
Impact:
Description: Ensures <img> elements have alternate text or a role of none or presentation
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:image-redundant-alt
Impact:
Description: Ensure image alternative is not repeated as text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.text-alternatives
  • best-practice
Details
Id:input-button-name
Impact:
Description: Ensures input buttons have discernible text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • section508
  • section508.22.a
Details
Id:label-title-only
Impact:
Description: Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.forms
  • best-practice
Details
Id:label
Impact:
Description: Ensures every form element has a label
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.forms
  • wcag2a
  • wcag412
  • wcag131
  • section508
  • section508.22.n
  • ACT
Details
Id:landmark-main-is-top-level
Impact:
Description: Ensures the main landmark is at top level
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-banner
Impact:
Description: Ensures the document has at most one banner landmark
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-contentinfo
Impact:
Description: Ensures the document has at most one contentinfo landmark
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-main
Impact:
Description: Ensures the document has at most one main landmark
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-one-main
Impact:
Description: Ensures the document has a main landmark
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-unique
Impact:
Description: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:link-name
Impact:
Description: Ensures links have discernible text
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • wcag244
  • section508
  • section508.22.a
  • ACT
Details
Id:list
Impact:
Description: Ensures that lists are structured correctly
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:listitem
Impact:
Description: Ensures <li> elements are used semantically
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:meta-viewport
Impact:
Description: Ensures <meta name="viewport"> does not disable text scaling and zooming
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.sensory-and-visual-cues
  • best-practice
  • ACT
Details
Id:nested-interactive
Impact:
Description: Ensure controls are not nested as they are not announced by screen readers
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • wcag2a
  • wcag412
Details
Id:page-has-heading-one
Impact:
Description: Ensure that the page, or at least one of its frames contains a level-one heading
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.semantics
  • best-practice
Details
Id:presentation-role-conflict
Impact:
Description: Flags elements whose role is none or presentation and which cause the role conflict resolution to trigger.
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.aria
  • best-practice
Details
Id:region
Impact:
Description: Ensures all page content is contained by landmarks
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • best-practice
Details
Id:tabindex
Impact:
Description: Ensures tabindex attribute values are not greater than 0
Urls:https://www.whitelabeliq.com/
Tags:
  • cat.keyboard
  • best-practice