Page Scan Results:
Graduation Services

https://www.occc.edu/get/

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
13
Links must have discernible text
2
Elements must meet minimum color contrast ratio thresholds
1
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="#graduation-services" aria-hidden="true" class="aal_anchor" id="graduation-services">
    Element selector:
    h1 > .aal_anchor[href$="#graduation-services"][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$="#graduation-services"][aria-hidden="true"] 
  2. <a href="#graduation-services" aria-hidden="true" class="aal_anchor" id="graduation-services">
    Element selector:
    h5 > .aal_anchor[href$="#graduation-services"][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$="#graduation-services"][aria-hidden="true"] 
  3. <a href="#get-a-degree-from-occc" aria-hidden="true" class="aal_anchor" id="get-a-degree-from-occc">
    Element selector:
    #get-a-degree-from-occc
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #get-a-degree-from-occc 
  4. <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 
  5. <a href="#apply-to-graduate" aria-hidden="true" class="aal_anchor" id="apply-to-graduate">
    Element selector:
    #apply-to-graduate
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #apply-to-graduate 
  6. <a href="#45-hour-degree-check-appointment" aria-hidden="true" class="aal_anchor" id="45-hour-degree-check-appointment">
    Element selector:
    #\34 5-hour-degree-check-appointment
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #\34 5-hour-degree-check-appointment 
  7. <a href="#student-planning" aria-hidden="true" class="aal_anchor" id="student-planning">
    Element selector:
    #student-planning
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #student-planning 
  8. <a href="#academic-forgiveness" aria-hidden="true" class="aal_anchor" id="academic-forgiveness">
    Element selector:
    #academic-forgiveness
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #academic-forgiveness 
  9. <a href="#transfer-credit-evaluation" aria-hidden="true" class="aal_anchor" id="transfer-credit-evaluation">
    Element selector:
    #transfer-credit-evaluation
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #transfer-credit-evaluation 
  10. <a href="#ap-clep-ib-evaluation" aria-hidden="true" class="aal_anchor" id="ap-clep-ib-evaluation">
    Element selector:
    #ap-clep-ib-evaluation
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #ap-clep-ib-evaluation 
  11. <a href="#military-credit-evaluation" aria-hidden="true" class="aal_anchor" id="military-credit-evaluation">
    Element selector:
    #military-credit-evaluation
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #military-credit-evaluation 
  12. <a href="#international-credit-evaluation" aria-hidden="true" class="aal_anchor" id="international-credit-evaluation">
    Element selector:
    #international-credit-evaluation
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #international-credit-evaluation 
  13. <a href="#reverse-transfer" aria-hidden="true" class="aal_anchor" id="reverse-transfer">
    Element selector:
    #reverse-transfer
    Failing checks (All of these should pass)
    • Focusable content should have tabindex="-1" or be removed from the DOM #reverse-transfer

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">Graduation Services</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

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