Page Scan Results:

https://www.okbu.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

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
3

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. <div class="time">10:00 a.m.</div>
    Element selector:
    .event:nth-child(1) > a > .information > .time
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.85 (foreground color: #777777, background color: #eeeeee, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .event:nth-child(1) 
  2. <div class="time">10:00 a.m.</div>
    Element selector:
    .event:nth-child(2) > a > .information > .time
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.85 (foreground color: #777777, background color: #eeeeee, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .event:nth-child(2) 
  3. <div class="time">10:00 a.m.</div>
    Element selector:
    .event:nth-child(3) > a > .information > .time
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.85 (foreground color: #777777, background color: #eeeeee, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .event:nth-child(3)