Page Scan Results:
Advanced Wind Tech Certification
https://www.hptc.edu/advanced-wind-tech-certification
Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.
Known Issues Summary
Known Issues on This Page
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://hptc.edu/documents/wind-technician-training-application.pdf"> </a>Element selector:.fadeIn:nth-child(2) > a:nth-child(2)Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<a class="header-nav-folder-title preScale scaleIn" href="/about" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0104348s;"> About </a>Element selector:.header-nav-folder-title.scaleIn[href$="about"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="header-nav-folder-title preScale scaleIn" href="/information-for-students" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0156522s;"> Information for Students </a>Element selector:.header-nav-folder-title.scaleIn[href$="information-for-students"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/career-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0208696s;"> Career Programs </a>Element selector:.scaleIn[href$="career-programs"][data-animation-role="header-element"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/short-term-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.026087s;"> Short Term Programs </a>Element selector:.scaleIn[href$="short-term-programs"][data-animation-role="header-element"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="header-nav-folder-title preScale scaleIn" href="/business-industry" tabindex="-1" data-animation-role="header-element" aria-current="true" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0313043s;"> Business & Industry </a>Element selector:.header-display-desktop > .header-title-nav-wrapper > .header-nav > .header-nav-wrapper > .header-nav-list > .header-nav-item--active.header-nav-item--folder.header-nav-item > .header-nav-folder-title[href$="business-industry"][aria-current="true"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a class="header-nav-folder-title preScale scaleIn" href="/contact-us" tabindex="-1" data-animation-role="header-element" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0365217s;"> Contact Us </a>Element selector:.header-nav-folder-title.scaleIn[href$="contact-us"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h1 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.093913s;" class="preScale scaleIn">Advanced Wind Tech Certification</h1>Element selector:#block-779e1fb2455e054f7cf4 > .sqs-block-content > .sqs-html-content > h1Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.104348s;">Element selector:.fadeIn:nth-child(1)Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<p class="preFade fadeIn" style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.109565s;">Element selector:.fadeIn:nth-child(2)Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/s/energy-training-center-wind.pdf" target="_blank">Wind Tech I Training</a>Element selector:.fadeIn:nth-child(2) > a[target="_blank"]Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<div class="plyr__controls__item plyr__time--current plyr__time" aria-label="Current time">00:00</div>Element selector:.plyr__time--currentFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.plyr__controls
-
Element's background color could not be determined due to a pseudo element
-
<div class="plyr__controls__item plyr__time--duration plyr__time" aria-label="Duration">00:00</div>Element selector:.plyr__time--durationFailing checks (At least one of these should pass)
-
Element's background color could not be determined due to a pseudo element
.plyr__controls
-
Element's background color could not be determined due to a pseudo element
-
<p class="video-player__error-message">Video is not available or format is not supported. Try a different browser.</p>Element selector:.video-player__error-messageFailing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<div class="plyr__controls__item plyr__time--current plyr__time" aria-label="Current time">00:00</div>Element selector:.plyr__time--currentFailing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
-
<div class="plyr__controls__item plyr__time--duration plyr__time" aria-label="Duration">00:00</div>Element selector:.plyr__time--durationFailing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
<video> elements must have captions
Ensures <video> elements have captions. Axe Reference
-
<video playsinline="" webkit-playsinline=""></video>Element selector:videoFailing checks (All of these should pass)
- Check that captions is available for the element