Page Scan Results:

(No H1 element on page)

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

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

   Element selector:

   #future-students
   Failing checks (All of these should pass)

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

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

   Element selector:

   #current-students
   Failing checks (All of these should pass)

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

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

   Element selector:

   #online-students
   Failing checks (All of these should pass)

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

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

   Element selector:

   #faculty
   Failing checks (All of these should pass)

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

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

   Element selector:

   #military
   Failing checks (All of these should pass)

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

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

   Element selector:

   #alumni
   Failing checks (All of these should pass)

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

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

   Element selector:

   #featured-news
   Failing checks (All of these should pass)

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

8. <a href="#read-more-articles" aria-hidden="true" class="aal_anchor" id="read-more-articles">

   Element selector:

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

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

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

   Element selector:

   #news
   Failing checks (All of these should pass)

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

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

    Element selector:

    #were-social
    Failing checks (All of these should pass)

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

Ensures links have discernible text. Axe Reference

1. <a href="https://www.occc.edu" aria-current="page" 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 > .current-menu-item.current_page_item.menu-item-home:nth-child(1) > .premium-menu-link-parent[href$="www.occc.edu"][aria-current="page"]
   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 <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 <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img class="plus" src="/wp-content/uploads/2021/02/icon-plus.svg" height="21" width="21">

   Element selector:

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

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" aria-current="page" 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.current-menu-item.current_page_item > .premium-menu-link-parent[href$="www.occc.edu"][aria-current="page"]
   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.current-menu-item.current_page_item > .premium-menu-link-parent[href$="www.occc.edu"][aria-current="page"]

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 class="elementor-heading-title elementor-size-default">

   Element selector:

   .elementor-element-e4f51f5 > .elementor-widget-container > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

7. <p>Resources to get you started.</p>

   Element selector:

   .elementor-element-c9bdb6b > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
   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. <h2 class="elementor-heading-title elementor-size-default">

   Element selector:

   .elementor-element-6f03a0a > .elementor-widget-container > h2
   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. <p>Resources for success.</p>

   Element selector:

   .elementor-element-9ad4dbb > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
   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. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-f4b4863 > .elementor-widget-container > h2
    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. <p>Resources for online classes.</p>

    Element selector:

    .elementor-element-b883eeb > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
    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. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-9dd4b55 > .elementor-widget-container > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

13. <p>Resources for Faculty</p>

    Element selector:

    .elementor-element-e1c448e > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

14. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-3e1dd50 > .elementor-widget-container > h2
    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. <p>Serving those who served us</p>

    Element selector:

    .elementor-element-da0b122 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

16. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-eb48998 > .elementor-widget-container > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

17. <p>OCCC Graduates&nbsp;</p>

    Element selector:

    .elementor-element-be7bdad > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

18. <h5>

    Element selector:

    h5
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element h5

19. <a href="https://www.occc.edu/news/2023/micro-credentials/">
    OCCC micro-credentials help upskill Oklahoma’s workforce </a>

    Element selector:

    .breaking-news-ticker > li:nth-child(1) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .htmega-newsticker

20. <a href="https://www.occc.edu/news/2023/tuition-rates/">
    Oklahoma City Community College Tuition Rates to Remain Same for 6th Year </a>

    Element selector:

    .breaking-news-ticker > li:nth-child(2) > a
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a pseudo element .htmega-newsticker

21. <span style="text-decoration: underline;">READ MORE ARTICLES</span>

    Element selector:

    h6 > a:nth-child(2) > span > span
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

22. <strong>Do what you love.<br></strong>

    Element selector:

    .elementor-element-d270153 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong:nth-child(1)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

23. <strong>Be who you are.<br></strong>

    Element selector:

    .elementor-element-d270153 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

24. <strong>Learn how here.</strong>

    Element selector:

    strong:nth-child(3)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

25. <strong>Our students get jobs, go places, save lives, solve problems and change the world.&nbsp;&nbsp; </strong>

    Element selector:

    .elementor-element-1adcc87a > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong:nth-child(1)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

26. <strong>And they don’t get crushed by debt along the way.</strong>

    Element selector:

    .elementor-element-1adcc87a > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

27. <strong>Our police department is here to do more than protect us – they are here to serve us too.&nbsp; Learn how they are impacting the community.</strong>

    Element selector:

    .elementor-element-680c66e4 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

28. <strong>Whether you are in high school, graduating soon, fresh off a gap year, or jumping in later in life, we have a program and a plan for you.</strong>

    Element selector:

    .elementor-element-5c62eb72 > .elementor-widget-container > .elementor-text-editor.elementor-clearfix > p > span > strong
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

29. <h2 class="elementor-heading-title elementor-size-default">

    Element selector:

    .elementor-element-402df4d2 > .elementor-widget-container > h2
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it is overlapped by another element

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

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

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