Page Scan Results:

Alumni

Ensures links have discernible text. Axe Reference

1. <a href="https://www.facebook.com/snualumni1899" rel="nofollow noopener" target="_blank"></a>

   Element selector:

   h3 > a[rel="nofollow noopener"][target="_blank"]
   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/snualumni1899" class="wp-block-social-link-anchor" rel="nofollow noopener" target="_blank">

   Element selector:

   .wp-social-link-facebook > .wp-block-social-link-anchor[rel="nofollow noopener"][target="_blank"]
   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.instagram.com/snualumni/" class="wp-block-social-link-anchor" rel="nofollow noopener" target="_blank">

   Element selector:

   .wp-social-link-instagram > .wp-block-social-link-anchor[rel="nofollow noopener"][target="_blank"]
   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.youtube.com/user/SNUVideo" class="wp-block-social-link-anchor" rel="nofollow noopener" target="_blank">

   Element selector:

   .wp-social-link-youtube > .wp-block-social-link-anchor[rel="nofollow noopener"][target="_blank"]
   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.linkedin.com/groups/140930/" class="wp-block-social-link-anchor" rel="nofollow noopener" target="_blank">

   Element selector:

   .wp-social-link-linkedin > .wp-block-social-link-anchor[rel="nofollow noopener"][target="_blank"]
   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. <a href="https://www.snu.edu">Home</a>

   Element selector:

   .item:nth-child(1) > a[href$="www.snu.edu"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.47 (foreground color: #777777, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 body

2. <li class="item-current item">Alumni</li>

   Element selector:

   .item-current
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.09 (foreground color: #b3b3b3, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 body

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

1. <h2 class="wp-block-heading has-white-color has-text-color">Alumni Relations</h2>

   Element selector:

   .has-white-color.has-text-color:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .wp-block-cover__background .wp-block-cover__image-background

2. <p class="has-white-color has-text-color">Connect with the thousands of Alumni who have graduated from Southern Nazarene University.&nbsp; Whether you graduated with your Bachelor’s or Master’s degree we hope you stay connected with the university and with one another.</p>

   Element selector:

   .has-white-color.has-text-color:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .wp-block-cover__background .wp-block-cover__image-background

3. <a href="#"><img src="/wp-content/plugins/gtranslate/flags/svg/en-us.svg" height="24" width="24" alt="en"> English</a>

   Element selector:

   .gt_selected > a[href="#"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .gt_selected

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <div class="wp-block-navigation__responsive-dialog" aria-label="Menu">

   Element selector:

   .wp-block-navigation__responsive-dialog
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported on a div with no valid role attribute.