Page Scan Results:
Tuition & Fees

https://www.occc.edu/bursar/tuition-fees/

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues on This Page

ARIA hidden element must not be focusable or contain focusable elements

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2
  1. <a href="#tuition-fees" aria-hidden="true" class="aal_anchor" id="tuition-fees">
    Element selector:
    h1 > .aal_anchor[href$="#tuition-fees"][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$="#tuition-fees"][aria-hidden="true"]
  2. <a href="#you-can-afford-college-well-show-you-how" aria-hidden="true" class="aal_anchor" id="you-can-afford-college-well-show-you-how">
    Element selector:
    #you-can-afford-college-well-show-you-how
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #you-can-afford-college-well-show-you-how
  3. <a href="#bursar" aria-hidden="true" class="aal_anchor" id="bursar">
    Element selector:
    #bursar
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #bursar
  4. <a href="#make-a-payment" aria-hidden="true" class="aal_anchor" id="make-a-payment">
    Element selector:
    #make-a-payment
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #make-a-payment
  5. <a href="#tuition-fees" aria-hidden="true" class="aal_anchor" id="tuition-fees">
    Element selector:
    h2 > .aal_anchor[href$="#tuition-fees"][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$="#tuition-fees"][aria-hidden="true"]
  6. <a href="#education-program-fees" aria-hidden="true" class="aal_anchor" id="education-program-fees">
    Element selector:
    #education-program-fees
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #education-program-fees
  7. <a href="#oklahoma-residents" aria-hidden="true" class="aal_anchor" id="oklahoma-residents">
    Element selector:
    #oklahoma-residents
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #oklahoma-residents
  8. <a href="#non-oklahoma-residents" aria-hidden="true" class="aal_anchor" id="non-oklahoma-residents">
    Element selector:
    #non-oklahoma-residents
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #non-oklahoma-residents
  9. <a href="#supplemental-fees" aria-hidden="true" class="aal_anchor" id="supplemental-fees">
    Element selector:
    #supplemental-fees
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #supplemental-fees
  10. <a href="#health-profession-program-fees" aria-hidden="true" class="aal_anchor" id="health-profession-program-fees">
    Element selector:
    #health-profession-program-fees
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #health-profession-program-fees
  11. <a href="#fee-payment-plan" aria-hidden="true" class="aal_anchor" id="fee-payment-plan">
    Element selector:
    #fee-payment-plan
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #fee-payment-plan
  12. <a href="#fees-subject-to-change" aria-hidden="true" class="aal_anchor" id="fees-subject-to-change">
    Element selector:
    #fees-subject-to-change
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #fees-subject-to-change
  13. <a href="#audit-course" aria-hidden="true" class="aal_anchor" id="audit-course">
    Element selector:
    #audit-course
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #audit-course
  14. <a href="#non-credit-offerings" aria-hidden="true" class="aal_anchor" id="non-credit-offerings">
    Element selector:
    #non-credit-offerings
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #non-credit-offerings
  15. <a href="#additional-special-fees" aria-hidden="true" class="aal_anchor" id="additional-special-fees">
    Element selector:
    #additional-special-fees
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #additional-special-fees
  16. <a href="#prior-learning-credit-fee" aria-hidden="true" class="aal_anchor" id="prior-learning-credit-fee">
    Element selector:
    #prior-learning-credit-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #prior-learning-credit-fee
  17. <a href="#5-00-per-credit-hour" aria-hidden="true" class="aal_anchor" id="5-00-per-credit-hour">
    Element selector:
    .elementor-element-5bb0082 > .elementor-widget-container > h5 > .aal_anchor[href$="#5-00-per-credit-hour"][aria-hidden="true"]
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM .elementor-element-5bb0082 > .elementor-widget-container > h5 > .aal_anchor[href$="#5-00-per-credit-hour"][aria-hidden="true"]
  18. <a href="#applied-music-lessons-fee" aria-hidden="true" class="aal_anchor" id="applied-music-lessons-fee">
    Element selector:
    #applied-music-lessons-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #applied-music-lessons-fee
  19. <a href="#150-00-per-credit-hour" aria-hidden="true" class="aal_anchor" id="150-00-per-credit-hour">
    Element selector:
    #\31 50-00-per-credit-hour
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 50-00-per-credit-hour
  20. <a href="#child-development-lab-fee" aria-hidden="true" class="aal_anchor" id="child-development-lab-fee">
    Element selector:
    #child-development-lab-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #child-development-lab-fee
  21. <a href="#5-00-per-credit-hour" aria-hidden="true" class="aal_anchor" id="5-00-per-credit-hour">
    Element selector:
    .elementor-element-84994c9 > .elementor-widget-container > h5 > .aal_anchor[href$="#5-00-per-credit-hour"][aria-hidden="true"]
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM .elementor-element-84994c9 > .elementor-widget-container > h5 > .aal_anchor[href$="#5-00-per-credit-hour"][aria-hidden="true"]
  22. <a href="#digital-cinema-production-program-lab-fee" aria-hidden="true" class="aal_anchor" id="digital-cinema-production-program-lab-fee">
    Element selector:
    #digital-cinema-production-program-lab-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #digital-cinema-production-program-lab-fee
  23. <a href="#30-00-per-credit-hour" aria-hidden="true" class="aal_anchor" id="30-00-per-credit-hour">
    Element selector:
    #\33 0-00-per-credit-hour
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\33 0-00-per-credit-hour
  24. <a href="#student-liability-insurance-fee" aria-hidden="true" class="aal_anchor" id="student-liability-insurance-fee">
    Element selector:
    #student-liability-insurance-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #student-liability-insurance-fee
  25. <a href="#30-00-per-academic-year" aria-hidden="true" class="aal_anchor" id="30-00-per-academic-year">
    Element selector:
    #\33 0-00-per-academic-year
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\33 0-00-per-academic-year
  26. <a href="#international-student-status-maintenance-fee" aria-hidden="true" class="aal_anchor" id="international-student-status-maintenance-fee">
    Element selector:
    #international-student-status-maintenance-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #international-student-status-maintenance-fee
  27. <a href="#fall-spring-30-00-per-semester-summer-15-00-per-semester" aria-hidden="true" class="aal_anchor" id="fall-spring-30-00-per-semester-summer-15-00-per-semester">
    Element selector:
    #fall-spring-30-00-per-semester-summer-15-00-per-semester
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #fall-spring-30-00-per-semester-summer-15-00-per-semester
  28. <a href="#new-student-application-records-processing-fee" aria-hidden="true" class="aal_anchor" id="new-student-application-records-processing-fee">
    Element selector:
    #new-student-application-records-processing-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #new-student-application-records-processing-fee
  29. <a href="#30-00" aria-hidden="true" class="aal_anchor" id="30-00">
    Element selector:
    #\33 0-00
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\33 0-00
  30. <a href="#non-credit-music-lessons-fee" aria-hidden="true" class="aal_anchor" id="non-credit-music-lessons-fee">
    Element selector:
    #non-credit-music-lessons-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #non-credit-music-lessons-fee
  31. <a href="#263-00" aria-hidden="true" class="aal_anchor" id="263-00">
    Element selector:
    #\32 63-00
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\32 63-00
  32. <a href="#physical-student-id-card" aria-hidden="true" class="aal_anchor" id="physical-student-id-card">
    Element selector:
    #physical-student-id-card
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #physical-student-id-card
  33. <a href="#10-00" aria-hidden="true" class="aal_anchor" id="10-00">
    Element selector:
    #\31 0-00
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-00
  34. <a href="#science-lab-fee" aria-hidden="true" class="aal_anchor" id="science-lab-fee">
    Element selector:
    #science-lab-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #science-lab-fee
  35. <a href="#science-lab-fee-10-00-per-course" aria-hidden="true" class="aal_anchor" id="science-lab-fee-10-00-per-course">
    Element selector:
    #science-lab-fee-10-00-per-course
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #science-lab-fee-10-00-per-course
  36. <a href="#science-lab-fee-20-00-per-course" aria-hidden="true" class="aal_anchor" id="science-lab-fee-20-00-per-course">
    Element selector:
    #science-lab-fee-20-00-per-course
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #science-lab-fee-20-00-per-course
  37. <a href="#science-lab-fee-30-00-per-course" aria-hidden="true" class="aal_anchor" id="science-lab-fee-30-00-per-course">
    Element selector:
    #science-lab-fee-30-00-per-course
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #science-lab-fee-30-00-per-course
  38. <a href="#selective-admissions-application-fee" aria-hidden="true" class="aal_anchor" id="selective-admissions-application-fee">
    Element selector:
    #selective-admissions-application-fee
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #selective-admissions-application-fee
  39. <a href="#20-00-per-program-applicant" aria-hidden="true" class="aal_anchor" id="20-00-per-program-applicant">
    Element selector:
    #\32 0-00-per-program-applicant
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\32 0-00-per-program-applicant
  40. <a href="#remedial-zero-level-courses" aria-hidden="true" class="aal_anchor" id="remedial-zero-level-courses">
    Element selector:
    #remedial-zero-level-courses
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #remedial-zero-level-courses
  41. <a href="#13-00-per-credit-hour" aria-hidden="true" class="aal_anchor" id="13-00-per-credit-hour">
    Element selector:
    #\31 3-00-per-credit-hour
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 3-00-per-credit-hour

Images must have alternate text

critical

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT
  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"
  2. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="d409e51"] > .fee-name > .i-icon
    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"
  3. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="94246de"] > .fee-name > .i-icon
    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"
  4. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="2e9530b"] > .fee-name > .i-icon
    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"
  5. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="ebc9eda"] > .fee-name > .i-icon
    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"
  6. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="5874a73"] > .fee-name > .i-icon
    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"
  7. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="5329dfc"] > .fee-name > .i-icon
    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"
  8. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="63db02d"] > .fee-name > .i-icon
    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"
  9. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="c6aa4d9"] > .fee-name > .i-icon
    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"
  10. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="2a9a856"] > .fee-name > .i-icon
    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"
  11. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="eca4c79"] > .fee-name > .i-icon
    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"
  12. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="d3a96e2"] > .fee-name > .i-icon
    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"
  13. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="d43af7d"] > .fee-name > .i-icon
    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"
  14. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="5daa0ab"] > .fee-name > .i-icon
    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"
  15. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="6d291c4"] > .fee-name > .i-icon
    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"
  16. <img src="/wp-content/uploads/icon-i-circle.svg" class="i-icon">
    Element selector:
    div[fee-id="ed3006c"] > .fee-name > .i-icon
    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"

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  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"

Interactive controls must not be nested

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2
  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"]