Page Scan Results:

Safety & Security

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

1. <h4>Location</h4>

   Element selector:

   .col-md-6:nth-child(1) > h4:nth-child(1)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 14.2pt (18.9px), font weight: normal). Expected contrast ratio of 4.5:1 #main-content

2. <h4>Resources</h4>

   Element selector:

   h4:nth-child(3)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 14.2pt (18.9px), font weight: normal). Expected contrast ratio of 4.5:1 #main-content

3. <h4>Contact Numbers</h4>

   Element selector:

   .col-md-6:nth-child(2) > h4
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.03 (foreground color: #ff6000, background color: #ffffff, font size: 14.2pt (18.9px), font weight: normal). Expected contrast ratio of 4.5:1 #main-content

Ensures links have discernible text. Axe Reference

1. <a href="https://osuokc.edu/security/work-order" style="text-align: center;"><img alt="" class="img-responsive" src="/sites/default/files/images/security/Security_Badge_Work_Order_Btn.png"></a>

   Element selector:

   .col-md-2 > 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

2. <a href="security/active-shooter-training"><img alt="" class="img-responsive" src="/sites/default/files/images/security/Active-Shooter-Video-Ad.jpg" style="width: 100%;"></a>

   Element selector:

   .col-md-6:nth-child(2) > 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