Page Scan Results:

Constitution and Citizenship Day

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

1. <a href="https://www.archives.gov/founding-docs/declaration-transcript">The Declaration of Independence</a>

   Element selector:

   .et_pb_text_inner > ul:nth-child(2) > li:nth-child(1) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

2. <a href="https://www.archives.gov/founding-docs/constitution-transcript">The Constitution of the United States</a>

   Element selector:

   .et_pb_text_inner > ul:nth-child(2) > li:nth-child(2) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

3. <a href="https://www.archives.gov/founding-docs/bill-of-rights-transcript">The Bill of Rights</a>

   Element selector:

   .et_pb_text_inner > ul:nth-child(2) > li:nth-child(3) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

4. <a href="https://www.archives.gov/founding-docs/amendments-11-27">The Constitution: Amendments 11-27</a>

   Element selector:

   .et_pb_text_inner > ul:nth-child(2) > li:nth-child(4) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

5. <a href="https://www.archives.gov/founding-docs/constitution-q-and-a">Constitution questions and answers</a>

   Element selector:

   .et_pb_text_inner > ul:nth-child(2) > li:nth-child(5) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

6. <a href="https://www.loc.gov/teachers/classroommaterials/lessons/#topic190">Lesson Plans</a>

   Element selector:

   ul:nth-child(5) > li > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

7. <a href="https://www.history.com/topics/united-states-constitution/constitution">Constitution</a>

   Element selector:

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

   • Element has insufficient color contrast of 3.97 (foreground color: #cd5c5c, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

8. <h3 class="et_pb_gallery_title">Constitution Day 2022</h3>

   Element selector:

   .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(1) > h3
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.17 (foreground color: #fae9e9, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

9. <p class="et_pb_gallery_caption">
   Join Professor Kevin Neal for a lecture at 1 p.m. Sept. 23 in CCH 109. Neal will present on Constitution Day and what that means as well as the history of the American Constitution. There may also be some raffle prizes for those who attend! 
   </p>

   Element selector:

   .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(1) > .et_pb_gallery_caption
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

10. <h3 class="et_pb_gallery_title">CONSTITUTION DAY 2021</h3>

    Element selector:

    .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(2) > h3
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.17 (foreground color: #fae9e9, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

11. <p class="et_pb_gallery_caption">

    Element selector:

    .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(2) > .et_pb_gallery_caption
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

12. <h3 class="et_pb_gallery_title">Constitution Day 2020</h3>

    Element selector:

    .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(3) > h3
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.17 (foreground color: #fae9e9, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

13. <p class="et_pb_gallery_caption">
    We had a great time during Medicine Hour today, celebrating Constitution Day, playing trivia games, and giving away great prizes! Thank you to everyone for participating, and special thanks to “Uncle Sam,” the Criminal Justice Club, and the SGA!
    </p>

    Element selector:

    .et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light:nth-child(3) > .et_pb_gallery_caption
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.24 (foreground color: #e6e6e6, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .et_pb_section

14. <h4 class="title">Bacone College</h4>

    Element selector:

    h4
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.34 (foreground color: #991b1e, background color: #3b3b3b, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 #main-footer

15. <div id="footer-info">© 2019 Bacone College</div>

    Element selector:

    #footer-info
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.56 (foreground color: #666666, background color: #282828, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 #footer-bottom #main-footer

Ensures links have discernible text. Axe Reference

1. <a href="https://www.guidestar.org/profile/73-0590036" target="_blank" rel="noopener noreferrer"><img src="https://widgets.guidestar.org/gximage2?o=8089197&amp;l=v4"></a>

   Element selector:

   a[rel="noopener noreferrer"]
   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/baconecollege/" class="icon">
   <span>Facebook</span>
   </a>

   Element selector:

   .et-social-facebook > .icon
   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/baconecollege" class="icon">
   <span>Twitter</span>
   </a>

   Element selector:

   .et-social-twitter > .icon
   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.bacone.edu/feed/" class="icon">
   <span>RSS</span>
   </a>

   Element selector:

   .icon[href$="feed/"]
   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 <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe loading="lazy" width="150" height="166" src="https://cdn.yoshki.com/iframe/54732.html" style="border:0px; margin:0px; padding:0px; backgroundColor:transparent;"></iframe>

   Element selector:

   iframe
   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 <img> elements have alternate text or a role of none or presentation. Axe Reference

1. <img src="https://widgets.guidestar.org/gximage2?o=8089197&amp;l=v4">

   Element selector:

   a[rel="noopener noreferrer"] > 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 <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

   Element selector:

   meta[name="viewport"]
   Failing checks (At least one of these should pass)

   • user-scalable on <meta> tag disables zooming on mobile devices