Page Scan Results:
Chart your course at HPTC…
https://www.hptc.edu/enroll-online
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
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 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 has insufficient color contrast of 1.9 (foreground color: #000000, background color: #303e48, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#yui_3_17_2_1_1694984578140_92 > .section-border > .section-background
-
Element has insufficient color contrast of 1.9 (foreground color: #000000, background color: #303e48, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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 has insufficient color contrast of 1.9 (foreground color: #000000, background color: #303e48, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
#yui_3_17_2_1_1694984578140_92 > .section-border > .section-background
-
Element has insufficient color contrast of 1.9 (foreground color: #000000, background color: #303e48, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1
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.0387097s;"> 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.0580645s;"> 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.0774194s;"> 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.0967742s;"> 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.116129s;"> 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.135484s;"> 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