Page Scan Results:

(No H1 element on page)

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

1. <a href="#international-student-services" aria-hidden="true" class="aal_anchor" id="international-student-services">

   Element selector:

   #international-student-services
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #international-student-services

2. <a href="#welcome-to-oklahoma-city-community-college" aria-hidden="true" class="aal_anchor" id="welcome-to-oklahoma-city-community-college">

   Element selector:

   #welcome-to-oklahoma-city-community-college
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #welcome-to-oklahoma-city-community-college

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

   Element selector:

   #international-guidebook
   Failing checks (All of these should pass)

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

4. <a href="#flexible-schedule" aria-hidden="true" class="aal_anchor" id="flexible-schedule">

   Element selector:

   #flexible-schedule
   Failing checks (All of these should pass)

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

5. <a href="#occc-advantage" aria-hidden="true" class="aal_anchor" id="occc-advantage">

   Element selector:

   #occc-advantage
   Failing checks (All of these should pass)

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

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

   Element selector:

   #affordability
   Failing checks (All of these should pass)

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

7. <a href="#transferability" aria-hidden="true" class="aal_anchor" id="transferability">

   Element selector:

   #transferability
   Failing checks (All of these should pass)

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

8. <a href="#diverse-majors" aria-hidden="true" class="aal_anchor" id="diverse-majors">

   Element selector:

   #diverse-majors
   Failing checks (All of these should pass)

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

9. <a href="#employability" aria-hidden="true" class="aal_anchor" id="employability">

   Element selector:

   #employability
   Failing checks (All of these should pass)

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

10. <a href="#academics" aria-hidden="true" class="aal_anchor" id="academics">

    Element selector:

    #academics
    Failing checks (All of these should pass)

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

11. <a href="#library" aria-hidden="true" class="aal_anchor" id="library">

    Element selector:

    #library
    Failing checks (All of these should pass)

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

12. <a href="#fitness-center" aria-hidden="true" class="aal_anchor" id="fitness-center">

    Element selector:

    #fitness-center
    Failing checks (All of these should pass)

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

13. <a href="#student-testimonials" aria-hidden="true" class="aal_anchor" id="student-testimonials">

    Element selector:

    #student-testimonials
    Failing checks (All of these should pass)

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

14. <a href="#oluwaseun-fawibe" aria-hidden="true" class="aal_anchor" id="oluwaseun-fawibe">

    Element selector:

    #oluwaseun-fawibe
    Failing checks (All of these should pass)

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

15. <a href="#nigeria" aria-hidden="true" class="aal_anchor" id="nigeria">

    Element selector:

    #nigeria
    Failing checks (All of these should pass)

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

16. <a href="#aasma-sapkota" aria-hidden="true" class="aal_anchor" id="aasma-sapkota">

    Element selector:

    #aasma-sapkota
    Failing checks (All of these should pass)

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

17. <a href="#nepal" aria-hidden="true" class="aal_anchor" id="nepal">

    Element selector:

    .elementor-element-4299fed > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > h4 > .aal_anchor[href$="#nepal"][aria-hidden="true"]
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM .elementor-element-4299fed > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > h4 > .aal_anchor[href$="#nepal"][aria-hidden="true"]

18. <a href="#dawa-sherpa" aria-hidden="true" class="aal_anchor" id="dawa-sherpa">

    Element selector:

    #dawa-sherpa
    Failing checks (All of these should pass)

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

19. <a href="#nepal" aria-hidden="true" class="aal_anchor" id="nepal">

    Element selector:

    .elementor-element-73afb05 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > h4 > .aal_anchor[href$="#nepal"][aria-hidden="true"]
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM .elementor-element-73afb05 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > h4 > .aal_anchor[href$="#nepal"][aria-hidden="true"]

20. <a href="#van-ngyuen" aria-hidden="true" class="aal_anchor" id="van-ngyuen">

    Element selector:

    #van-ngyuen
    Failing checks (All of these should pass)

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

21. <a href="#vietnam" aria-hidden="true" class="aal_anchor" id="vietnam">

    Element selector:

    #vietnam
    Failing checks (All of these should pass)

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

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

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:

   p > 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. <a href="https://www.occc.edu/international/">International Student Services</a>

   Element selector:

   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

7. <span class="bellows-target-title bellows-target-text">Prospective Students</span>

   Element selector:

   #menu-item-21900 > .bellows-target > .bellows-target-title.bellows-target-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

8. <span class="bellows-target-title bellows-target-text">Current Students</span>

   Element selector:

   #menu-item-21913 > .bellows-target > .bellows-target-title.bellows-target-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

9. <span class="bellows-target-title bellows-target-text">Student Resources</span>

   Element selector:

   #menu-item-21924 > .bellows-target > .bellows-target-title.bellows-target-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="bellows-target-title bellows-target-text">Alumni</span>

    Element selector:

    #menu-item-21933 > .bellows-target > .bellows-target-title.bellows-target-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

11. <span class="bellows-target-title bellows-target-text">International Guidebook</span>

    Element selector:

    #menu-item-21939 > .bellows-target > .bellows-target-title.bellows-target-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

12. <a role="button" href="https://www.occc.edu/wp-content/legacy/international/pdf/international-guidebook.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Download PDF</a>

    Element selector:

    .mtli_attachment.mtli_pdf[role="button"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background image .mtli_attachment.mtli_pdf[role="button"]

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

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

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