Page Scan Results:

Financial Aid

Ensures links have discernible text. Axe Reference

1. <a href="https://www.mscok.edu/ardmore"><img alt="" height="50" src="/Content/Uploads/Murray State College/images/button(4).png" style="margin: 1px;" width="300"></a>

   Element selector:

   p:nth-child(4) > a[href$="ardmore"]
   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://www.facebook.com/murraystatecollege/">
   <i class="fa fa-facebook-square fblogo" aria-hidden="true" alt="facebook icon"></i>
   </a>

   Element selector:

   .socialbar > 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

3. <a href="https://twitter.com/MurrayStateOK">
   <i class="fa fa-twitter-square twlogo" aria-hidden="true" alt="twitter icon"></i>
   </a>

   Element selector:

   .socialbar > 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

4. <a href="https://www.instagram.com/murraystatecollege/">
   <i class="fa fa-instagram iglogo" aria-hidden="true" alt="instagram icon"></i>
   </a>

   Element selector:

   .socialbar > 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

5. <a href="https://www.youtube.com/channel/UCUoSvSoOI1BtVvlMrkExYbQ?view_as=subscriber??">
   <i class="fa fa-youtube-square ytlogo" aria-hidden="true" alt="youtube icon"></i>
   </a>

   Element selector:

   .socialbar > a:nth-child(4)
   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

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

1. <a href="http://studentaid.ed.gov/sa/fafsa">FAFSA</a>

   Element selector:

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

   • The link has insufficient color contrast of 1.87:1 with the surrounding text. (Minimum contrast is 3:1, link text: #294b97, surrounding text: #212529) p:nth-child(8)
   • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(8)

2. <a href="mailto:financialaid@mscok.edu">financialaid@mscok.edu​</a>

   Element selector:

   p:nth-child(17) > a[href="mailto:financialaid@mscok.edu"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.87:1 with the surrounding text. (Minimum contrast is 3:1, link text: #294b97, surrounding text: #212529) p:nth-child(17)
   • The link has no styling (such as underline) to distinguish it from the surrounding text p:nth-child(17)

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="669" scrolling="no" src="https://www.youtube.com/embed/3_A0uR6mcX8" width="650"></iframe>

   Element selector:

   iframe[allowfullscreen=""]
   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"

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

1. <h2>Future Students</h2>

   Element selector:

   .inner-banner > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element