Page Scan Results:

Career Management Center

Ensures links have discernible text. Axe Reference

1. <a href="https://www.facebook.com/SE-Career-Management-Center-148494509024228/"><i class="fa fa-facebook fa-2x "></i></a>

   Element selector:

   p:nth-child(6) > a:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

2. <a href="https://twitter.com/SECareerCenter"><i class="fa fa-twitter fa-2x "></i></a>

   Element selector:

   p:nth-child(6) > a:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

3. <a href="https://www.linkedin.com/school/southeastern-oklahoma-state-university/?viewAsMember=true"><i class="fa fa-linkedin fa-2x "></i></a>

   Element selector:

   p:nth-child(6) > a:nth-child(3)
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

4. <a href="https://www.linkedin.com/school/southeastern-oklahoma-state-university/?viewAsMember=true"></a>

   Element selector:

   p:nth-child(8) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

5. <a href="https://www.se.edu/careers/co-op/">

   Element selector:

   p:nth-child(9) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

6. <a class="ethics" href="https://secure.ethicspoint.com/domain/media/en/gui/30756/index.html"><img src="https://www.se.edu/wp-content/uploads/2019/09/eplogohome.png"></a>

   Element selector:

   .ethics
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

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

1. <strong>Follow us on social media!</strong>

   Element selector:

   .u-color-lighter-blue > strong
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #5d94e4, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

2. <span class="u-color-lighter-blue">Career Management Center Staff</span>

   Element selector:

   .c-wysiwyg.o-container:nth-child(11) > h4 > .u-color-lighter-blue
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #5d94e4, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img src="https://www.se.edu/wp-content/uploads/2019/09/eplogohome.png">

   Element selector:

   .ethics > img
   Failing checks (At least one of these should pass)

   • Element does not have an alt 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

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

1. <a href="/">
   Home </a>

   Element selector:

   a[href="/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element picture

2. <a href="https://www.se.edu/careers/">
   Career Management Center </a>

   Element selector:

   li:nth-child(2) > a[href$="careers/"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element picture

3. <p class="tw-text-sm tw-leading-tight tw-mb-2">Micro-credentials are short courses that allow for learners to upskill and re-skill in areas for possible advancement and placement within their respective career paths.</p>

   Element selector:

   .m-featured-program--reverse > .m-featured-program__container.md\:tw-flex > .m-featured-program__content.tw-bg-white.tw-p-2 > .tw-text-sm.tw-leading-tight.tw-mb-2
   Failing checks (At least one of these should pass)

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

4. <h5 class="c-h-section md:tw-text-white">Explore Further</h5>

   Element selector:

   .c-h-section
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #explore-further-7