Page Scan Results:

ACADEMIC ADVISORS

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <span class="Head">College of Business &amp; Technology - DECLARED STUDENTS</span>

   Element selector:

   .NEMoudule:nth-child(4) > .pane-alt > .arrow-inline--yellow.arrow-inline > .Head
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.41 (foreground color: #ffffff, background color: #cba200, font size: 21.0pt (28px), font weight: normal). Expected contrast ratio of 3:1 .NEMoudule:nth-child(4) > .pane-alt > .arrow-inline--yellow.arrow-inline > .Head

2. <span class="Head">College of Science &amp; Health Professions - DECLARED STUDENTS</span>

   Element selector:

   .NEMoudule:nth-child(7) > .pane-alt > .arrow-inline--yellow.arrow-inline > .Head
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.41 (foreground color: #ffffff, background color: #cba200, font size: 21.0pt (28px), font weight: normal). Expected contrast ratio of 3:1 .NEMoudule:nth-child(7) > .pane-alt > .arrow-inline--yellow.arrow-inline > .Head

3. <span>How can I help you?</span>

   Element selector:

   .ivy-input > span:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.48 (foreground color: #9fa0a3, background color: #f9f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .ivy-input

Ensures aria-hidden elements are not focusable nor contain focusable elements. Axe Reference

1. <li class="global__item" aria-hidden="true"><button id="searchToggle" class="global__button global__button--search" type="button" data-toggledropdown="searchDropdown"><span class="icon-search-toggle"></span>
   Search</button></li>

   Element selector:

   .global__item[aria-hidden="true"]
   Failing checks (All of these should pass)

   • Focusable content should be disabled or be removed from the DOM #searchToggle

2. <button aria-hidden="true" class="btn-select" data-toggledropdown="sectionNav" type="button">Explore this Section</button>

   Element selector:

   .btn-select
   Failing checks (All of these should pass)

   • Focusable content should be disabled or be removed from the DOM .btn-select

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

1. <a href="https://degreeworks.nsuok.edu/" target="_blank" rel="noopener">Degree Works Audit</a>

   Element selector:

   a[href$="degreeworks.nsuok.edu/"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.8:1 with the surrounding text. (Minimum contrast is 3:1, link text: #31774f, surrounding text: #444444) .box > div > p:nth-child(1)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .box > div > p:nth-child(1)

2. <a href="mailto:advising@nsuok.edu">advising@nsuok.edu</a>

   Element selector:

   a[href$="mailto:advising@nsuok.edu"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.8:1 with the surrounding text. (Minimum contrast is 3:1, link text: #31774f, surrounding text: #444444) .box > div > p:nth-child(2)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .box > div > p:nth-child(2)

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <h2>Gather Here. Go Far</h2>

   Element selector:

   .slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap .slick-current

2. <p>

   Element selector:

   .slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .slick-current > .flex.flex-left > .one-col.no-bg > .shaded-wrap .slick-current

3. <div class=" ivy-welcome">Rowdy Bot</div>

   Element selector:

   .ivy-welcome
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .ivy-popup .slick-current

4. <p>Hi I'm Rowdy Bot! I'm a virtual assistant and can help answer questions and connect you to our resources.</p>

   Element selector:

   .ivy-intro > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements