Page Scan Results:
Career Transitions Program

https://www.occc.edu/career/

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 Summary

ARIA hidden element must not be focusable or contain focusable elements
8
Links must have discernible text
2
Frames must have an accessible name
1
Images must have alternate text
1
Interactive controls must not be nested
1

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="#career-transitions-program" aria-hidden="true" class="aal_anchor" id="career-transitions-program">
    Element selector:
    h1 > .aal_anchor[href="#career-transitions-program"][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="#career-transitions-program"][aria-hidden="true"] 
  2. <a href="#career-transitions-program" aria-hidden="true" class="aal_anchor" id="career-transitions-program">
    Element selector:
    h5 > .aal_anchor[href="#career-transitions-program"][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="#career-transitions-program"][aria-hidden="true"] 
  3. <a href="#get-involved" aria-hidden="true" class="aal_anchor" id="get-involved">
    Element selector:
    #get-involved
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #get-involved 
  4. <a href="#upcoming-academic-dates" aria-hidden="true" class="aal_anchor" id="upcoming-academic-dates">
    Element selector:
    #upcoming-academic-dates
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #upcoming-academic-dates 
  5. <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 
  6. <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 
  7. <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 
  8. <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

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"

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"

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