Page Scan Results:
Affordability and Value

https://www.okbu.edu/financial-aid/affordability-and-value.html

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

Elements must only use permitted ARIA attributes
9
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
7
Elements must meet minimum color contrast ratio thresholds
1
Frames must have an accessible name
1

Known Issues on This Page

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2 
  1. <a aria-label="Search"></a>
    Element selector:
    .mobile-search > a[aria-label="Search"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  2. <a aria-label="Menu"></a>
    Element selector:
    a[aria-label="Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  3. <a class="submenu-button" aria-label="Show Admissions Sub Menu"></a>
    Element selector:
    a[aria-label="Show Admissions Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  4. <a class="submenu-button" aria-label="Show Academics Sub Menu"></a>
    Element selector:
    a[aria-label="Show Academics Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  5. <a class="submenu-button" aria-label="Show Student Life Sub Menu"></a>
    Element selector:
    a[aria-label="Show Student Life Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  6. <a class="submenu-button" aria-label="Show Alumni Sub Menu"></a>
    Element selector:
    a[aria-label="Show Alumni Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  7. <a class="submenu-button" aria-label="Show Giving Sub Menu"></a>
    Element selector:
    a[aria-label="Show Giving Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  8. <a class="submenu-button" aria-label="Show About Sub Menu"></a>
    Element selector:
    a[aria-label="Show About Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute. 
  9. <a class="submenu-button" aria-label="Show Quick Links Sub Menu"></a>
    Element selector:
    a[aria-label="Show Quick Links Sub Menu"]
    Failing checks (All of these should pass)
    • aria-label attribute cannot be used on a a with no valid role attribute.

<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="dropdown">
    Element selector:
    .menu-links > .tab:nth-child(1) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Admissions Sub Menu"] 
  2. <ul class="dropdown">
    Element selector:
    .tab:nth-child(2) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Academics Sub Menu"] 
  3. <ul class="dropdown">
    Element selector:
    .tab:nth-child(3) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Student Life Sub Menu"] 
  4. <ul class="dropdown">
    Element selector:
    .tab:nth-child(5) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Alumni Sub Menu"] 
  5. <ul class="dropdown">
    Element selector:
    .tab:nth-child(6) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Giving Sub Menu"] 
  6. <ul class="dropdown">
    Element selector:
    .tab:nth-child(7) > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide About Sub Menu"] 
  7. <ul class="dropdown">
    Element selector:
    .menu-links > .quick-links.tab > .dropdown
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[aria-label="Hide Quick Links Sub Menu"]

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. <a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Got it!</a>
    Element selector:
    .cc-btn
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.05 (foreground color: #f4f4f4, background color: #fdfaf4, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1 .cc-btn

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 allowfullscreen="allowfullscreen" frameborder="0" height="720" src="https://www.youtube.com/embed/UngsuFR-1oA?showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fwww.okbu.edu" width="1280" data-gtm-yt-inspected-9="true" data-gtm-yt-inspected-1141842_53="true" id="540588954">
    Element selector:
    #\35 40588954
    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"