Page Scan Results:

(No H1 element on page)

Ensures aria-hidden elements are not focusable nor contain focusable elements. Axe Reference

1. <a href="#concurrent-students" aria-hidden="true" class="aal_anchor" id="concurrent-students">

   Element selector:

   h2 > .aal_anchor[href$="#concurrent-students"][aria-hidden="true"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM h2 > .aal_anchor[href$="#concurrent-students"][aria-hidden="true"]

2. <a href="#concurrent-appointments-will-be-available-via-zoom-only-september-5-22-walk-in-services-will-be-available-but-also-via-zoom-interaction-sorry-for-any-inconvenience-while-our-offices-undergo-mandator" aria-hidden="true" class="aal_anchor" id="concurrent-appointments-will-be-available-via-zoom-only-september-5-22-walk-in-services-will-be-available-but-also-via-zoom-interaction-sorry-for-any-inconvenience-while-our-offices-undergo-mandator">

   Element selector:

   #concurrent-appointments-will-be-available-via-zoom-only-september-5-22-walk-in-services-will-be-available-but-also-via-zoom-interaction-sorry-for-any-inconvenience-while-our-offices-undergo-mandator
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #concurrent-appointments-will-be-available-via-zoom-only-september-5-22-walk-in-services-will-be-available-but-also-via-zoom-interaction-sorry-for-any-inconvenience-while-our-offices-undergo-mandator

3. <a href="#concurrent-students" aria-hidden="true" class="aal_anchor" id="concurrent-students">

   Element selector:

   h5 > .aal_anchor[href$="#concurrent-students"][aria-hidden="true"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM h5 > .aal_anchor[href$="#concurrent-students"][aria-hidden="true"]

4. <a href="#why-choose-concurrent-at-occc" aria-hidden="true" class="aal_anchor" id="why-choose-concurrent-at-occc">

   Element selector:

   #why-choose-concurrent-at-occc
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #why-choose-concurrent-at-occc

5. <a href="#glossary-of-college-terms" aria-hidden="true" class="aal_anchor" id="glossary-of-college-terms">

   Element selector:

   #glossary-of-college-terms
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #glossary-of-college-terms

6. <a href="#more-information" aria-hidden="true" class="aal_anchor" id="more-information">

   Element selector:

   #more-information
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #more-information

7. <a href="#early-start-freshman-and-sophomore" aria-hidden="true" class="aal_anchor" id="early-start-freshman-and-sophomore">

   Element selector:

   #early-start-freshman-and-sophomore
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #early-start-freshman-and-sophomore

8. <a href="#concurrent-junior-and-senior" aria-hidden="true" class="aal_anchor" id="concurrent-junior-and-senior">

   Element selector:

   #concurrent-junior-and-senior
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #concurrent-junior-and-senior

Ensures links have discernible text. Axe Reference

1. <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>&nbsp;</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

2. <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-element-populated.elementor-column-wrap > .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

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <span class="ui-provider en bdi bdj bdk bdl bdm bdn bdo bdp bdq bdr bds bdt bdu bdv bdw bdx bdy bdz bea beb bec bed bee bef beg beh bei bej bek bel bem ben beo bep" dir="ltr" style="color: #ff0000">

   Element selector:

   .ui-provider
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.99 (foreground color: #ff0000, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 #top

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <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"

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

1. <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"]

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <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

2. <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"]

3. <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

4. <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

5. <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

6. <h2>

   Element selector:

   .info > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .info

7. <a href="https://www.occc.edu/concurrent-students/">Concurrent Students</a>

   Element selector:

   .side-links-menu > h5 > a:nth-child(2)
   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 .side-links-menu

8. <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

9. <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

10. <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