Page Scan Results:
Events

https://www.occc.edu/calendar/

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="#events" aria-hidden="true" class="aal_anchor" id="events">
    Element selector:
    #events
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #events
  2. <a href="#calendars" aria-hidden="true" class="aal_anchor" id="calendars">
    Element selector:
    #calendars
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #calendars
  3. <a href="#subscribe-links" aria-hidden="true" class="aal_anchor" id="subscribe-links">
    Element selector:
    #subscribe-links
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #subscribe-links
  4. <a href="#rss-feeds" aria-hidden="true" class="aal_anchor" id="rss-feeds">
    Element selector:
    #rss-feeds
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #rss-feeds
  5. <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
  6. <a href="#09-17-23" aria-hidden="true" class="aal_anchor" id="09-17-23">
    Element selector:
    #\30 9-17-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\30 9-17-23
  7. <a href="#fiestas-patrias" aria-hidden="true" class="aal_anchor" id="fiestas-patrias">
    Element selector:
    #fiestas-patrias
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #fiestas-patrias
  8. <a href="#09-18-23" aria-hidden="true" class="aal_anchor" id="09-18-23">
    Element selector:
    .date:nth-child(4) > .aal_anchor[href$="#09-18-23"][aria-hidden="true"]
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM .date:nth-child(4) > .aal_anchor[href$="#09-18-23"][aria-hidden="true"]
  9. <a href="#occc-fall-carnival" aria-hidden="true" class="aal_anchor" id="occc-fall-carnival">
    Element selector:
    #occc-fall-carnival
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-fall-carnival
  10. <a href="#09-18-23" aria-hidden="true" class="aal_anchor" id="09-18-23">
    Element selector:
    .date:nth-child(7) > .aal_anchor[href$="#09-18-23"][aria-hidden="true"]
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM .date:nth-child(7) > .aal_anchor[href$="#09-18-23"][aria-hidden="true"]
  11. <a href="#one-accord" aria-hidden="true" class="aal_anchor" id="one-accord">
    Element selector:
    #one-accord
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #one-accord
  12. <a href="#09-21-23" aria-hidden="true" class="aal_anchor" id="09-21-23">
    Element selector:
    #\30 9-21-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\30 9-21-23
  13. <a href="#occc-rosewood-gala" aria-hidden="true" class="aal_anchor" id="occc-rosewood-gala">
    Element selector:
    #occc-rosewood-gala
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-rosewood-gala
  14. <a href="#09-26-23" aria-hidden="true" class="aal_anchor" id="09-26-23">
    Element selector:
    #\30 9-26-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\30 9-26-23
  15. <a href="#last-day-to-withdraw-from-fall-early-8-weeks-with-a-w-on-transcript-no-refund" aria-hidden="true" class="aal_anchor" id="last-day-to-withdraw-from-fall-early-8-weeks-with-a-w-on-transcript-no-refund">
    Element selector:
    #last-day-to-withdraw-from-fall-early-8-weeks-with-a-w-on-transcript-no-refund
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #last-day-to-withdraw-from-fall-early-8-weeks-with-a-w-on-transcript-no-refund
  16. <a href="#09-29-23" aria-hidden="true" class="aal_anchor" id="09-29-23">
    Element selector:
    #\30 9-29-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\30 9-29-23
  17. <a href="#last-day-to-drop-fall-fast-track-i-with-w-on-transcript-no-refund" aria-hidden="true" class="aal_anchor" id="last-day-to-drop-fall-fast-track-i-with-w-on-transcript-no-refund">
    Element selector:
    #last-day-to-drop-fall-fast-track-i-with-w-on-transcript-no-refund
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #last-day-to-drop-fall-fast-track-i-with-w-on-transcript-no-refund
  18. <a href="#10-02-23" aria-hidden="true" class="aal_anchor" id="10-02-23">
    Element selector:
    #\31 0-02-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-02-23
  19. <a href="#early-registration-for-returning-students-for-spring-2024" aria-hidden="true" class="aal_anchor" id="early-registration-for-returning-students-for-spring-2024">
    Element selector:
    #early-registration-for-returning-students-for-spring-2024
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #early-registration-for-returning-students-for-spring-2024
  20. <a href="#10-09-23" aria-hidden="true" class="aal_anchor" id="10-09-23">
    Element selector:
    #\31 0-09-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-09-23
  21. <a href="#open-registration-for-spring-2024-begins" aria-hidden="true" class="aal_anchor" id="open-registration-for-spring-2024-begins">
    Element selector:
    #open-registration-for-spring-2024-begins
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #open-registration-for-spring-2024-begins
  22. <a href="#10-10-23" aria-hidden="true" class="aal_anchor" id="10-10-23">
    Element selector:
    #\31 0-10-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-10-23
  23. <a href="#last-day-of-class-for-early-8-weeks-and-fast-track-i" aria-hidden="true" class="aal_anchor" id="last-day-of-class-for-early-8-weeks-and-fast-track-i">
    Element selector:
    #last-day-of-class-for-early-8-weeks-and-fast-track-i
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #last-day-of-class-for-early-8-weeks-and-fast-track-i
  24. <a href="#10-11-23-10-13-23" aria-hidden="true" class="aal_anchor" id="10-11-23-10-13-23">
    Element selector:
    #\31 0-11-23-10-13-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-11-23-10-13-23
  25. <a href="#fall-break-no-classes" aria-hidden="true" class="aal_anchor" id="fall-break-no-classes">
    Element selector:
    #fall-break-no-classes
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #fall-break-no-classes
  26. <a href="#10-12-23" aria-hidden="true" class="aal_anchor" id="10-12-23">
    Element selector:
    #\31 0-12-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-12-23
  27. <a href="#voctave" aria-hidden="true" class="aal_anchor" id="voctave">
    Element selector:
    #voctave
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #voctave
  28. <a href="#10-16-23" aria-hidden="true" class="aal_anchor" id="10-16-23">
    Element selector:
    #\31 0-16-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-16-23
  29. <a href="#first-day-of-fall-late-8-weeks" aria-hidden="true" class="aal_anchor" id="first-day-of-fall-late-8-weeks">
    Element selector:
    #first-day-of-fall-late-8-weeks
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #first-day-of-fall-late-8-weeks
  30. <a href="#10-17-23" aria-hidden="true" class="aal_anchor" id="10-17-23">
    Element selector:
    #\31 0-17-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-17-23
  31. <a href="#last-day-to-enroll-for-fall-late-8-week-courses" aria-hidden="true" class="aal_anchor" id="last-day-to-enroll-for-fall-late-8-week-courses">
    Element selector:
    #last-day-to-enroll-for-fall-late-8-week-courses
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #last-day-to-enroll-for-fall-late-8-week-courses
  32. <a href="#10-22-23" aria-hidden="true" class="aal_anchor" id="10-22-23">
    Element selector:
    #\31 0-22-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 0-22-23
  33. <a href="#last-day-to-withdraw-from-late-8-week-with-a-refund-no-charge-census-date" aria-hidden="true" class="aal_anchor" id="last-day-to-withdraw-from-late-8-week-with-a-refund-no-charge-census-date">
    Element selector:
    #last-day-to-withdraw-from-late-8-week-with-a-refund-no-charge-census-date
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #last-day-to-withdraw-from-late-8-week-with-a-refund-no-charge-census-date
  34. <a href="#11-06-23" aria-hidden="true" class="aal_anchor" id="11-06-23">
    Element selector:
    #\31 1-06-23
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\31 1-06-23
  35. <a href="#first-day-of-fast-track-ii" aria-hidden="true" class="aal_anchor" id="first-day-of-fast-track-ii">
    Element selector:
    #first-day-of-fast-track-ii
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #first-day-of-fast-track-ii
  36. <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
  37. <a href="#occc-micro-credentials-help-upskill-oklahomas-workforce" aria-hidden="true" class="aal_anchor" id="occc-micro-credentials-help-upskill-oklahomas-workforce">
    Element selector:
    #occc-micro-credentials-help-upskill-oklahomas-workforce
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-micro-credentials-help-upskill-oklahomas-workforce
  38. <a href="#oklahoma-city-community-college-tuition-rates-to-remain-same-for-6th-year" aria-hidden="true" class="aal_anchor" id="oklahoma-city-community-college-tuition-rates-to-remain-same-for-6th-year">
    Element selector:
    #oklahoma-city-community-college-tuition-rates-to-remain-same-for-6th-year
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #oklahoma-city-community-college-tuition-rates-to-remain-same-for-6th-year
  39. <a href="#occc-presents-2023-2024-touring-attractions" aria-hidden="true" class="aal_anchor" id="occc-presents-2023-2024-touring-attractions">
    Element selector:
    #occc-presents-2023-2024-touring-attractions
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #occc-presents-2023-2024-touring-attractions

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  1. <span class="breadcrumb_last" aria-current="page">Calendar</span>
    Element selector:
    .breadcrumb_last
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.14 (foreground color: #b1b1b2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 #top
  2. <span class="elementor-button-text">Read More Articles</span>
    Element selector:
    .style-outline-3 > .elementor-button-content-wrapper > .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 .style-outline-3 > .elementor-button-content-wrapper

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