Page Scan Results:

Student Success Advising

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

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

   Element selector:

   h1 > .aal_anchor[href$="#student-success-advising"][aria-hidden="true"]
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM h1 > .aal_anchor[href$="#student-success-advising"][aria-hidden="true"]

2. <a href="#student-success-advising" aria-hidden="true" class="aal_anchor" id="student-success-advising">

   Element selector:

   h5 > .aal_anchor[href$="#student-success-advising"][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$="#student-success-advising"][aria-hidden="true"]

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

   Element selector:

   #how-to-register-online
   Failing checks (All of these should pass)

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

4. <a href="#planning-and-registering-courses" aria-hidden="true" class="aal_anchor" id="planning-and-registering-courses">

   Element selector:

   #planning-and-registering-courses
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #planning-and-registering-courses

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

   Element selector:

   #registering-and-waitlisting
   Failing checks (All of these should pass)

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

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

   Element selector:

   #dropping-courses
   Failing checks (All of these should pass)

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

7. <a href="#oklahoma-city-community-colleges-office-of-student-success-advising-is-here-to-assist-students-in-the-development-of-meaningful-educational-plans-and-to-enhance-their-overall-educational-experi" aria-hidden="true" class="aal_anchor" id="oklahoma-city-community-colleges-office-of-student-success-advising-is-here-to-assist-students-in-the-development-of-meaningful-educational-plans-and-to-enhance-their-overall-educational-experi">

   Element selector:

   #oklahoma-city-community-colleges-office-of-student-success-advising-is-here-to-assist-students-in-the-development-of-meaningful-educational-plans-and-to-enhance-their-overall-educational-experi
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #oklahoma-city-community-colleges-office-of-student-success-advising-is-here-to-assist-students-in-the-development-of-meaningful-educational-plans-and-to-enhance-their-overall-educational-experi

8. <a href="#occcs-student-success-advisors-will-play-a-vital-part-in-your-success-therefore-it-is-important-to-meet-with-a-student-success-advisor-at-least-once-each-semester-to-ensure-that-you-are-stayin" aria-hidden="true" class="aal_anchor" id="occcs-student-success-advisors-will-play-a-vital-part-in-your-success-therefore-it-is-important-to-meet-with-a-student-success-advisor-at-least-once-each-semester-to-ensure-that-you-are-stayin">

   Element selector:

   #occcs-student-success-advisors-will-play-a-vital-part-in-your-success-therefore-it-is-important-to-meet-with-a-student-success-advisor-at-least-once-each-semester-to-ensure-that-you-are-stayin
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #occcs-student-success-advisors-will-play-a-vital-part-in-your-success-therefore-it-is-important-to-meet-with-a-student-success-advisor-at-least-once-each-semester-to-ensure-that-you-are-stayin

9. <a href="#the-student-success-advisors-at-oklahoma-city-community-college-want-to-take-an-active-part-in-your-academic-success-let-us-help-you-succeed-we-look-forward-to-meeting-with-you-soon" aria-hidden="true" class="aal_anchor" id="the-student-success-advisors-at-oklahoma-city-community-college-want-to-take-an-active-part-in-your-academic-success-let-us-help-you-succeed-we-look-forward-to-meeting-with-you-soon">

   Element selector:

   #the-student-success-advisors-at-oklahoma-city-community-college-want-to-take-an-active-part-in-your-academic-success-let-us-help-you-succeed-we-look-forward-to-meeting-with-you-soon
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #the-student-success-advisors-at-oklahoma-city-community-college-want-to-take-an-active-part-in-your-academic-success-let-us-help-you-succeed-we-look-forward-to-meeting-with-you-soon

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

    Element selector:

    #upcoming-events
    Failing checks (All of these should pass)

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

11. <a href="#we-can-assist-you" aria-hidden="true" class="aal_anchor" id="we-can-assist-you">

    Element selector:

    #we-can-assist-you
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #we-can-assist-you

12. <a href="#general-advising-questions" aria-hidden="true" class="aal_anchor" id="general-advising-questions">

    Element selector:

    #general-advising-questions
    Failing checks (All of these should pass)

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

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

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

   Element selector:

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

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 39.0pt (52px), font weight: normal). Expected contrast ratio of 3:1 .elementor-element-b12e786

2. <span class="elementor-button-text">Frequently Asked Questions</span>

   Element selector:

   .elementor-button-text
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

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

   Element selector:

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

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 19.5pt (26px), font weight: bold). Expected contrast ratio of 3:1 .elementor-element-b12e786

4. <p>For general questions, email <a href="mailto:academicadvisor@occc.edu">academicadvisor@occc.edu</a>.</p>

   Element selector:

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

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

5. <a href="mailto:academicadvisor@occc.edu">academicadvisor@occc.edu</a>

   Element selector:

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

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

6. <p>For specific questions about your academic record, please schedule an appointment. Allow up to two business days for a response to your inquiry.</p>

   Element selector:

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

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

7. <span class="elementor-icon-list-text">Prospective Students</span>

   Element selector:

   a[href$="future/"] > .elementor-icon-list-text
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

8. <span class="elementor-icon-list-text">New Students</span>

   Element selector:

   .elementor-icon-list-item:nth-child(2) > a[href$="advising/"] > .elementor-icon-list-text
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

9. <span class="elementor-icon-list-text">Current Students</span>

   Element selector:

   a[href$="current/"] > .elementor-icon-list-text
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

10. <span class="elementor-icon-list-text">Transfer Students</span>

    Element selector:

    a[href$="transfer/"] > .elementor-icon-list-text
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

11. <span class="elementor-icon-list-text">Returning Students</span>

    Element selector:

    .elementor-element-6f58dd9 > .elementor-widget-container > .elementor-icon-list-items > .elementor-icon-list-item:nth-child(5) > a > .elementor-icon-list-text
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

12. <span class="elementor-icon-list-text">Health Professions Programs</span>

    Element selector:

    a[href$="hpa/"] > .elementor-icon-list-text
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.93 (foreground color: #ffffff, background color: #a7bcd8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .elementor-element-b12e786

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 <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 <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img decoding="async" src="/wp-content/uploads/occc-logo-hero.png" class="occc-hero-logo">

   Element selector:

   .occc-hero-logo
   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" 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. <h1>

   Element selector:

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

   • Element's background color could not be determined because element contains an image node .occc-hero-logo

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

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

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