Page Scan Results:
Health Program Information and Applications
https://www.occc.edu/admissions/health/
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 on This Page
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://www.occc.edu" class="premium-menu-link premium-menu-link-parent"><i class="dashicons dashicons-admin-home premium-item-icon" style="color:#ffffff"></i> </a>
Element selector:#menu-top-menu > .menu-item-home.menu-item.menu-item-type-custom:nth-child(1) > .premium-menu-link-parent.premium-menu-link[href$="www.occc.edu"]
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
-
<a href="/">
Element selector:.elementor-sticky--active > .elementor-column-gap-default.elementor-container > .elementor-row > .elementor-element-4f9927d.elementor-col-50[data-id="4f9927d"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap > .elementor-element-b6b4fcf.elementor-widget-image[data-id="b6b4fcf"] > .elementor-widget-container > .elementor-image > a[href="/"]
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
Frames must have an accessible name
Ensures <iframe> and <frame> elements have an accessible name. Axe Reference
-
<iframe style="border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent;" frameborder="0" height="166" scrolling="no" src="https://cdn.yoshki.com/iframe/54732.html" width="150"><br /></iframe>
Element selector:iframe
Failing checks (At least one of these should pass)
- Element has no title attribute
- 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's default semantics were not overridden with role="none" or role="presentation"
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img decoding="async" src="/wp-content/uploads/occc-logo-hero.png" class="occc-hero-logo">
Element selector:.occc-hero-logo
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"
Interactive controls must not be nested
Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference
-
<button>
Element selector:.elementor-element-e8d8f14 > .elementor-widget-container > button
Failing checks (At least one of these should pass)
-
Element has focusable descendants
a[title="go to homepage"]
-
Element has focusable descendants
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 href="https://occc.mrooms3.net/user/policy.php" class="premium-menu-link premium-menu-link-parent">Moodle</a>
Element selector:#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(4) > .premium-menu-link-parent.premium-menu-link
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(4) > .premium-menu-link-parent.premium-menu-link
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="https://www.occc.edu" class="premium-menu-link premium-menu-link-parent">Email<i class="fas fa-angle-down premium-dropdown-icon"></i></a>
Element selector:#menu-top-menu > .menu-item-has-children.menu-item-home.menu-item > .premium-menu-link-parent.premium-menu-link[href$="www.occc.edu"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
#menu-top-menu > .menu-item-has-children.menu-item-home.menu-item > .premium-menu-link-parent.premium-menu-link[href$="www.occc.edu"]
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="https://portal.occc.edu/Pages/constituencyredirectionerror.aspx" class="premium-menu-link premium-menu-link-parent">Portal</a>
Element selector:#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(6) > .premium-menu-link-parent.premium-menu-link
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(6) > .premium-menu-link-parent.premium-menu-link
-
Element's background color could not be determined because it's partially obscured by another element
-
<a href="#searchwp-modal-652ea0d21b1427a1bfa685e40d9bc1de" class="premium-menu-link premium-menu-link-parent" data-searchwp-modal-trigger="searchwp-modal-652ea0d21b1427a1bfa685e40d9bc1de"><i class="dashicons dashicons-search premium-item-icon" style="color:#d7d8c0"></i>Search</a>
Element selector:#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(7) > .premium-menu-link-parent.premium-menu-link
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
#menu-top-menu > .menu-item.menu-item-type-custom.menu-item-object-custom:nth-child(7) > .premium-menu-link-parent.premium-menu-link
-
Element's background color could not be determined because it's partially obscured by another element
-
<div class="jet-menu-title">Labs/Centers</div>
Element selector:#jet-menu-item-52842 > .top-level-link[href="#"] > .jet-menu-item-wrapper > .jet-menu-title
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because it's partially obscured by another element
#top
-
Element's background color could not be determined because it's partially obscured by another element
-
<h1>
Element selector:.text-area > h1
Failing checks (At least one of these should pass)
-
Element's background color could not be determined because element contains an image node
.occc-hero-logo
-
Element's background color could not be determined because element contains an image node
-
<a href="#"><img src="/wp-content/plugins/gtranslate/flags/svg/en-us.svg" height="24" width="24" alt="en"> English</a>
Element selector:.gt_selected > a[href="#"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
.gt_selected
-
Element's background color could not be determined due to a background gradient
-
<span class="elementor-icon-list-text">TITLE IX</span>
Element selector:.elementor-element-b6a3e10 > .elementor-widget-container > .elementor-icon-list-items > .elementor-icon-list-item:nth-child(4) > a[target="_blank"] > .elementor-icon-list-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<span class="elementor-icon-list-text">Notice of Non-Discrimination</span>
Element selector:.elementor-element-a6c4327 > .elementor-widget-container > .elementor-icon-list-items > .elementor-icon-list-item:nth-child(7) > a > .elementor-icon-list-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="https://www.occc.edu/acs/hpa/"><span style="text-decoration: underline;color: #0000ff">https://www.occc.edu/acs/hpa/</span></a>
Element selector:a[href$="hpa/"]
Failing checks (At least one of these should pass)
-
Element's contrast ratio could not be determined because of element overlap
h5:nth-child(5)
-
Element's contrast ratio could not be determined because of element overlap