Page Scan Results:
CLOTHES CLOSET
https://www.occc.edu/clothes-closet/
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
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
-
<span class="breadcrumb_last" aria-current="page">Clothes Closet</span>Element selector:.breadcrumb_lastFailing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.14 (foreground color: #b1b1b2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
#top
-
Element has insufficient color contrast of 2.14 (foreground color: #b1b1b2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://sharingtreeok.org/">Sharing Tree,</a>Element selector:a[href$="sharingtreeok.org/"]Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.76 (foreground color: #e05643, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#top
-
Element has insufficient color contrast of 3.76 (foreground color: #e05643, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
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:iframeFailing 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"
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 > buttonFailing 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 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 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-linkFailing 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-linkFailing 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-linkFailing 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-titleFailing 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
-
<h2>Clothes Closet</h2>Element selector:.info > h2Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.info
-
Element's background color could not be determined due to a background image
-
<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-textFailing 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-textFailing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element