Page Scan Results:
Office of Campus Involvement

https://www.ecok.edu/involvement

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

<li> elements must be contained in a <ul> or <ol>
6
Certain ARIA roles must contain particular children
1
Frames must have an accessible name
1
Links must be distinguishable without relying on color
1
Zooming and scaling must not be disabled
1

Known Issues on This Page

<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>
<a href="https://www.ecok.edu/academics/honors-program" target="_self">Honors Program</a>
</li>
    Element selector:
    .sub-menu > li:nth-child(1)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list" 
  2. <li>
<a href="/involvement/campus-activity-board" data-drupal-link-system-path="node/170">Campus Activity Board</a>
</li>
    Element selector:
    .sub-menu > li:nth-child(2)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list" 
  3. <li class="dropdown collapsed">
<a href="/involvement/greek-life" data-drupal-link-system-path="node/172">Greek Life</a>
</li>
    Element selector:
    .collapsed.dropdown:nth-child(3)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list" 
  4. <li>
<a href="/involvement/student-clubs-organizations" data-drupal-link-system-path="node/171">Student Clubs &amp; Organizations</a>
</li>
    Element selector:
    .sub-menu > li:nth-child(4)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list" 
  5. <li class="dropdown collapsed">
<a href="/involvement/student-government-association" data-drupal-link-system-path="node/173">Student Government Association</a>
</li>
    Element selector:
    .collapsed.dropdown:nth-child(5)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list" 
  6. <li>
<a href="/involvement/ecu-gold-program" data-drupal-link-system-path="node/16812">ECU GOLD Program</a>
</li>
    Element selector:
    .sub-menu > li:nth-child(6)
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

Certain ARIA roles must contain particular children

critical

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1 
  1. <ul class="sub-menu" role="menu">
    Element selector:
    .sub-menu
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: li[tabindex] .sub-menu > li:nth-child(1) .sub-menu > li:nth-child(2) .collapsed.dropdown:nth-child(3) .sub-menu > li:nth-child(4) .collapsed.dropdown:nth-child(5) .sub-menu > li:nth-child(6)
    • Element uses aria-busy="true" while showing a loader

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 allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/SOREF7jz6Ho?autoplay=1&amp;mute=0" width="560"></iframe>
    Element selector:
    iframe[allow="autoplay; encrypted-media"]
    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"

Links must be distinguishable without relying on color

serious

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1 
  1. <a href="mailto:cab@ecok.edu">cab@ecok.edu</a>
    Element selector:
    p:nth-child(5) > a[href$="mailto:cab@ecok.edu"]
    Failing checks (At least one of these should pass)
    • The link has insufficient color contrast of 2.79:1 with the surrounding text. (Minimum contrast is 3:1, link text: #dd3810, surrounding text: #333333) div:nth-child(4) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(5)
    • The link has no styling (such as underline) to distinguish it from the surrounding text div:nth-child(4) > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(5)

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, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    Element selector:
    meta[name="viewport"]:nth-child(29)
    Failing checks (At least one of these should pass)
    • user-scalable=no on <meta> tag disables zooming on mobile devices