Page Scan Results:

DEGREES & MAJORS

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 title="majors assessment" href="https://nsuok.mymajors.com/quiz/" target="_blank" rel="noopener">https://nsuok.mymajors.com/quiz/?</a>

   Element selector:

   a[title="majors assessment"]
   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) .container-block > p
   • The link has no styling (such as underline) to distinguish it from the surrounding text .container-block > p

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-left.flex > .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-left.flex > .one-col.no-bg > .shaded-wrap .slick-current

2. <p>

   Element selector:

   .slick-current > .flex-left.flex > .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-left.flex > .one-col.no-bg > .shaded-wrap .slick-current

3. <span class="Head">by campus</span>

   Element selector:

   .content-third:nth-child(1) > .NEMoudule > .pane > .arrow-below.arrow-below--green > .Head
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .content-third:nth-child(1) > .NEMoudule > .pane > .arrow-below.arrow-below--green

4. <span class="Head">undergraduate</span>

   Element selector:

   .content-third:nth-child(2) > .NEMoudule > .pane > .arrow-below.arrow-below--green > .Head
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .content-third:nth-child(2) > .NEMoudule > .pane > .arrow-below.arrow-below--green

5. <span class="Head">graduate</span>

   Element selector:

   .content-third:nth-child(3) > .NEMoudule > .pane > .arrow-below.arrow-below--green > .Head
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .content-third:nth-child(3) > .NEMoudule > .pane > .arrow-below.arrow-below--green

6. <span class="Head">optometry</span>

   Element selector:

   .content-half:nth-child(1) > .NEMoudule > .pane > .arrow-below.arrow-below--green > .Head
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .content-half:nth-child(1) > .NEMoudule > .pane > .arrow-below.arrow-below--green