Page Scan Results:
Oklahoma City University

https://www.okcu.edu/

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

Images must have alternate text
2
ARIA attributes must conform to valid values
1
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
1
<li> elements must be contained in a <ul> or <ol>
1
Zooming and scaling must not be disabled
1

Known Issues on This Page

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 class="recent_news__news__item__image" src="https://optimise2.assets-servd.host/oklahomacity-university/production/campus/university_center.jpg?w=450&amp;h=300&amp;auto=compress%2Cformat&amp;fit=crop&amp;dm=1694101158&amp;s=b4e1ea8dd1a05e1264a58ff1be800e07">
    Element selector:
    .recent_news__news__item:nth-child(1) > .recent_news__news__item__image
    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 class="recent_news__news__item__image" src="https://optimise2.assets-servd.host/oklahomacity-university/production/administration/communications/media-relations/images/Interiors-XII-The-Rage-by-Jack-Titus.jpg?w=450&amp;h=300&amp;auto=compress%2Cformat&amp;fit=crop&amp;dm=1694011498&amp;s=36b7d1cdab86209bd6f5295432445be8">
    Element selector:
    .recent_news__news__item:nth-child(2) > .recent_news__news__item__image
    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"

ARIA attributes must conform to valid values

critical

Ensures all ARIA attributes have valid values. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2 
  1. <button class="mobile_nav_bar__toggle hamburger hamburger--elastic" type="button" aria-label="Menu" aria-controls="navigation">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
    Element selector:
    .mobile_nav_bar__toggle
    Failing checks (All of these should pass)
    • Invalid ARIA attribute value: aria-controls="navigation"

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <ul class="announcement_bar__list slick-initialized slick-slider">
    Element selector:
    .announcement_bar__list
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: button, div .slick-prev .slick-list .slick-next

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <li class="announcement_bar__item" style="width: 100%; display: inline-block;">
<p>Academic Calendar | <a href="/main/calendar?calendars=academicCalendar" tabindex="0">Details</a></p>
</li>
    Element selector:
    .slick-current > div > .announcement_bar__item
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element

Zooming and scaling must not be disabled

critical

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.4, EN-301-549, EN-9.1.4.4, ACT 
  1. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimal-ui">
    Element selector:
    meta[name="viewport"]
    Failing checks (At least one of these should pass)
    • user-scalable=no on <meta> tag disables zooming on mobile devices