Page Scan Results:

(No H1 element on page)

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

1. <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Campus Safety</h3>

   Element selector:

   li:nth-child(1) > .epkb-category-level-2-3 > h3
   Failing checks (At least one of these should pass)

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

2. <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Academic</h3>

   Element selector:

   li:nth-child(2) > .epkb-category-level-2-3 > h3
   Failing checks (At least one of these should pass)

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

3. <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Disclosures</h3>

   Element selector:

   li:nth-child(3) > .epkb-category-level-2-3 > h3
   Failing checks (At least one of these should pass)

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

4. <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Financial Aid</h3>

   Element selector:

   li:nth-child(4) > .epkb-category-level-2-3 > h3
   Failing checks (At least one of these should pass)

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

5. <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Athletics</h3>

   Element selector:

   li:nth-child(5) > .epkb-category-level-2-3 > h3
   Failing checks (At least one of these should pass)

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

6. <span class="epkb-show-text">
   Show all articles ( 1 )
   </span>

   Element selector:

   .epkb-main-category.epkb-articles > .epkb-show-all-articles > .epkb-show-text
   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 #epkb_cat_5

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

8. <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 an element's role supports its ARIA attributes. Axe Reference

1. <div class="epkb-category-level-2-3" aria-expanded="false">
   <span class="ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon" style="color: #868686;"></span>
   <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Campus Safety</h3>
   </div>

   Element selector:

   li:nth-child(1) > .epkb-category-level-2-3
   Failing checks (All of these should pass)

   • ARIA attribute is not allowed: aria-expanded="false"

2. <div class="epkb-category-level-2-3" aria-expanded="false">
   <span class="ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon" style="color: #868686;"></span>
   <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Academic</h3>
   </div>

   Element selector:

   li:nth-child(2) > .epkb-category-level-2-3
   Failing checks (All of these should pass)

   • ARIA attribute is not allowed: aria-expanded="false"

3. <div class="epkb-category-level-2-3" aria-expanded="false">
   <span class="ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon" style="color: #868686;"></span>
   <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Disclosures</h3>
   </div>

   Element selector:

   li:nth-child(3) > .epkb-category-level-2-3
   Failing checks (All of these should pass)

   • ARIA attribute is not allowed: aria-expanded="false"

4. <div class="epkb-category-level-2-3" aria-expanded="false">
   <span class="ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon" style="color: #868686;"></span>
   <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Financial Aid</h3>
   </div>

   Element selector:

   li:nth-child(4) > .epkb-category-level-2-3
   Failing checks (All of these should pass)

   • ARIA attribute is not allowed: aria-expanded="false"

5. <div class="epkb-category-level-2-3" aria-expanded="false">
   <span class="ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon" style="color: #868686;"></span>
   <h3 class="epkb-category-level-2-3__cat-name" tabindex="0" style="color: #868686;">Athletics</h3>
   </div>

   Element selector:

   li:nth-child(5) > .epkb-category-level-2-3
   Failing checks (All of these should pass)

   • ARIA attribute is not allowed: aria-expanded="false"

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 that lists are structured correctly. Axe Reference

1. <ul class="epkb-main-category epkb-articles" style="padding-left: 10px;">

   Element selector:

   #epkb_cat_5 > .epkb-section-body > .epkb-main-category.epkb-articles
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: button .epkb-main-category.epkb-articles > .epkb-show-all-articles

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

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

1. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Catalogs</h2>

   Element selector:

   #epkb_cat_1 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_1 > .section-head

2. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Calendars</h2>

   Element selector:

   #epkb_cat_2 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_2 > .section-head

3. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Course Information</h2>

   Element selector:

   #epkb_cat_3 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_3 > .section-head

4. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Handbooks</h2>

   Element selector:

   #epkb_cat_4 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_4 > .section-head

5. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Consumer Information</h2>

   Element selector:

   #epkb_cat_5 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_5 > .section-head

6. <h2 class="epkb-cat-name" style="color: #ce2127; font-size:21px;">Policy</h2>

   Element selector:

   #epkb_cat_6 > .section-head > .epkb-category-level-1.epkb-category--top-cat-icon > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #epkb_cat_6 > .section-head

7. <li class="epkb-articles-coming-soon">Articles coming soon</li>

   Element selector:

   .epkb-articles-coming-soon
   Failing checks (At least one of these should pass)

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

Ensures all ARIA attributes have valid values. Axe Reference

1. <div id="epkb-main-page-container" role="main" aria-labelledby="Knowledge Base" class="epkb-css-full-reset epkb-basic-template eckb_mp_active_theme_Divi">

   Element selector:

   #epkb-main-page-container
   Failing checks (All of these should pass)

   • ARIA attribute element ID does not exist on the page: aria-labelledby="Knowledge Base"