Page Scan Results:
High School Programs
https://www.hptc.edu/high-school-programs-1
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="/marketing-management"> </a>
Element selector:a[href$="marketing-management"]: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 Summary
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.0307692s;"> 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" aria-current="true" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0461538s;"> Information for Students </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$="information-for-students"][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 href="/career-programs" data-animation-role="header-element" class="preScale scaleIn" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0615385s;"> 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.0769231s;"> 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" style="transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.0923077s;"> Business & Industry </a>
Element selector:.header-nav-folder-title.scaleIn[href$="business-industry"]
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.107692s;"> 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.276923s;" class="preScale scaleIn">High School Programs</h1>
Element selector:h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<h3 style="white-space: pre-wrap; transition-timing-function: ease; transition-duration: 1.2s; transition-delay: 0.292308s;" class="preScale scaleIn">High School Programs</h3>
Element selector:h3
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="/automotive-technology">Automotive Technology</a>
Element selector:a[href$="automotive-technology"]
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="/construction-trades">Construction Trades</a>
Element selector:a[href$="construction-trades"]
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="/medium-heavy-duty-truck-technology">Medium/Heavy Duty Diesel Trucking</a>
Element selector:li:nth-child(3) > .fadeIn > a
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="/healthcare-careers-certificate">Health Careers Certification </a>
Element selector:li:nth-child(4) > .fadeIn > a
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="/multi-media">Multimedia </a>
Element selector:a[href$="multi-media"]
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="https://www.hptc.edu/marketing-management" target="_blank">Business & Marketing</a>
Element selector:.fadeIn > 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
-
<a href="/service-careers">Service Careers</a>
Element selector:a[href$="service-careers"]
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="/welding-technology">Welding Technology</a>
Element selector:a[href$="welding-technology"]
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 target="_self" href="#" id="weglot-language-en" tabindex="-1"><img src="https://cdn.weglot.com/flags/rectangle_mat/gb.svg" width="30" height="20" role="none" alt="English flag" class="wg-flag">English</a>
Element selector:#weglot-language-en
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
#yui_3_17_2_1_1694984576358_78
-
Element's background color could not be determined because element contains an image node
-
<a role="option" href="#" id="weglot-language-es" tabindex="-1"><img src="https://cdn.weglot.com/flags/rectangle_mat/mx.svg" width="30" height="20" role="none" alt="Español flag" class="wg-flag">Español</a>
Element selector:#weglot-language-es
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
#yui_3_17_2_1_1694984576358_78
-
Element's background color could not be determined because element contains an image node