Page Scan Results:

Financial Aid & Scholarships

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

1. <a href="#financial-aid-scholarships" aria-hidden="true" class="aal_anchor" id="financial-aid-scholarships">

   Element selector:

   #financial-aid-scholarships
   Failing checks (All of these should pass)

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

2. <a href="#you-can-afford-college-we-can-help" aria-hidden="true" class="aal_anchor" id="you-can-afford-college-we-can-help">

   Element selector:

   #you-can-afford-college-we-can-help
   Failing checks (All of these should pass)

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

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

   Element selector:

   #financial-aid
   Failing checks (All of these should pass)

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

4. <a href="#oklahoma-city-community-collegefafsa-school-code-010391" aria-hidden="true" class="aal_anchor" id="oklahoma-city-community-collegefafsa-school-code-010391">

   Element selector:

   #oklahoma-city-community-collegefafsa-school-code-010391
   Failing checks (All of these should pass)

   • Focusable content should have tabindex="-1" or be removed from the DOM #oklahoma-city-community-collegefafsa-school-code-010391

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

   Element selector:

   #financial-aid-at-occc
   Failing checks (All of these should pass)

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

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

   Element selector:

   #view-all-scholarships
   Failing checks (All of these should pass)

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

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

   Element selector:

   #scholarships
   Failing checks (All of these should pass)

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

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

   Element selector:

   #contact
   Failing checks (All of these should pass)

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

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

   Element selector:

   #tips-for-aid
   Failing checks (All of these should pass)

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

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

    Element selector:

    #apply-for-fafsa
    Failing checks (All of these should pass)

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

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

    Element selector:

    #submit-yearly
    Failing checks (All of these should pass)

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

12. <a href="#sooner-the-better" aria-hidden="true" class="aal_anchor" id="sooner-the-better">

    Element selector:

    #sooner-the-better
    Failing checks (All of these should pass)

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

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

    Element selector:

    #submit-docs
    Failing checks (All of these should pass)

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

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

    Element selector:

    #cost-calculator
    Failing checks (All of these should pass)

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

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

16. <a href="#applying-for-loans" aria-hidden="true" class="aal_anchor" id="applying-for-loans">

    Element selector:

    #applying-for-loans
    Failing checks (All of these should pass)

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

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

    Element selector:

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

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

18. <a href="#federal-state-grants" aria-hidden="true" class="aal_anchor" id="federal-state-grants">

    Element selector:

    #federal-state-grants
    Failing checks (All of these should pass)

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

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

    Element selector:

    #federal-work-study
    Failing checks (All of these should pass)

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

20. <a href="#financial-aid-forms" aria-hidden="true" class="aal_anchor" id="financial-aid-forms">

    Element selector:

    #financial-aid-forms
    Failing checks (All of these should pass)

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

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

    Element selector:

    #loans-programs
    Failing checks (All of these should pass)

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

22. <a href="#refund-dates" aria-hidden="true" class="aal_anchor" id="refund-dates">

    Element selector:

    #refund-dates
    Failing checks (All of these should pass)

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

23. <a href="#summer-financial-aid" aria-hidden="true" class="aal_anchor" id="summer-financial-aid">

    Element selector:

    #summer-financial-aid
    Failing checks (All of these should pass)

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

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

    Element selector:

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

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

25. <a href="#financial-aid-office-staff" aria-hidden="true" class="aal_anchor" id="financial-aid-office-staff">

    Element selector:

    #financial-aid-office-staff
    Failing checks (All of these should pass)

    • Focusable content should have tabindex="-1" or be removed from the DOM #financial-aid-office-staff

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

   Element selector:

   .text-area > h2
   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

8. <a href="/financialaid/pdf/sap-fact-sheet.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Satisfactory Academic Progress Policy</a>

   Element selector:

   .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(1)
   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[rel="noopener"]:nth-child(1)

9. <a href="/financialaid/pdf/MonitoringLoanDebt.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Loan Monitoring Policy</a>

   Element selector:

   .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(3)
   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[rel="noopener"]:nth-child(3)

10. <a href="/financialaid/pdf/2014-2015-verification-fact-sheet.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Verification of FAFSA Data</a>

    Element selector:

    .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(5)
    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[rel="noopener"]:nth-child(5)

11. <a href="/financialaid/pdf/oklahomas-promise-fact-sheet.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Oklahoma’s Promise</a>

    Element selector:

    .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(9)
    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[rel="noopener"]:nth-child(9)

12. <a href="/financialaid/pdf/14-15%20RIGHTS%20AND%20RESPONSIBILITIES%20FACT%20SHEET.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Title IV Rights and Responsibilities</a>

    Element selector:

    .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(13)
    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[rel="noopener"]:nth-child(13)

13. <a href="/financialaid/pdf/IRS-Tax-Transcript-Retrieval-Process.pdf" class="mtli_attachment mtli_pdf">Tax Return Transcript Request</a>

    Element selector:

    .mtli_attachment.mtli_pdf:nth-child(15)
    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:nth-child(15)

14. <a href="/financialaid/pdf/High%20School%20Diploma%20Req%20Info%20Sheet%2014-15.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">High School Diploma Requirements</a>

    Element selector:

    .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(17)
    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[rel="noopener"]:nth-child(17)

15. <a href="/catalog/2019-2020/regulatory/financial-aid-and-veteran/federal-return-of-funds-regulations.pdf" class="mtli_attachment mtli_pdf" target="_blank" rel="noopener">Return of Federal Student Aid Funds</a>

    Element selector:

    .mtli_attachment.mtli_pdf[rel="noopener"]:nth-child(19)
    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[rel="noopener"]:nth-child(19)

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

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

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