Page Scan Results:
(No H1 element on page)
https://www.hptc.edu/cart
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-enFailing 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
.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-esFailing 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
.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 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.0428571s;"> 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.0642857s;"> 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.0857143s;"> 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.107143s;"> 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.128571s;"> 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.15s;"> 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
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<p aria-label="You have nothing in your shopping cart." data-test="empty-message" class="empty-message css-1jp19h">You have nothing in your shopping cart.</p>Element selector:.empty-messageFailing checks (All of these should pass)
- aria-label attribute is not well supported on a p with no valid role attribute.