Page Scan Results:
TRANSCRIPTS
https://www.occc.edu/records/transcripts/
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
-
<a href="https://www.occc.edu/records/">Records and Graduation</a>
Element selector:span:nth-child(1) > a[href$="records/"]
Failing 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
-
<span class="breadcrumb_last" aria-current="page">Transcripts</span>
Element selector:.breadcrumb_last
Failing 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://parchmentsupport.force.com/s/topic/0TO38000000MUIuGAO/ordering-documents?language=en_US">Parchment Customer Service</a>
Element selector:.ae-element-post-content > p:nth-child(2) > a
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
-
<a href="http://www.parchment.com/u/registration/33952/account"> http://www.parchment.com/u/registration/33952/account</a>
Element selector:h4 > a
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
-
<a href="https://www.occc.edu/wp-content/uploads/Parchment-Instructions-2.pdf">Parchment Ordering Instructions</a>
Element selector:b > a
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: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"
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 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-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
-
<a href="https://www.occc.edu/records/">Records and Graduation</a>
Element selector:h2 > a[href$="records/"]
Failing 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-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