Page Scan Results:

Truly A Community College

Ensures links have discernible text. Axe Reference

1. <a class="extraLink-link" href="/nav/community-outreach/dental-hygiene-clinic/"></a>

   Element selector:

   .extraLink-slide.col-sm-12.col-xs-24:nth-child(1) > .extraLink-link
   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 class="extraLink-link" href="/nav/community-outreach/centers-events/"></a>

   Element selector:

   .extraLink-slide.col-sm-12.col-xs-24:nth-child(2) > .extraLink-link
   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 target="_blank" href="https://www.hlcommission.org/HLC-Institutions/mark-of-affiliation-verification.html?104108099+118097108105100097116105111110+108111103111046112110103+104116116112115058047047119119119046114111115101046101100117047099111110116101110116047110101119115045101118101110116115047101118101110116045099101110116101114115047114111115101045115116097116101045099111108108101103101045104117100105098117114103045099104101118114111108101116045099101110116101114&amp;UGxEQk3X8u9aZVh41%2fcZQ9tlKCyBK80%2fYQJHySrFYObaqYJf%2fDtfpgnuvcb8xfgcopQvRsUoljq9puC0MOBmO6lCzq9Ny3qK0AHNRLQ1%2bJ5o007xp6hY6prtriPNjnm6IWkztyE42o0%3d">

   Element selector:

   .extra-logos > a[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 every ARIA input field has an accessible name. Axe Reference

1. <div class="slick-track" role="listbox" style="opacity: 1; width: 4800px; transform: translate3d(-800px, 0px, 0px);">

   Element selector:

   .slick-track
   Failing checks (At least one of these should pass)

   • 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

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

1. <iframe frameborder="0" scrolling="no" allowtransparency="true" width="150" height="166" src="https://cdn.yoshki.com/iframe/54732.html" style="border:0px; margin:0px; padding:0px; margin-left: 15px; backgroundColor:transparent;"></iframe>

   Element selector:

   iframe[frameborder="0"]
   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 interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 800px;">

   Element selector:

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

   • Element has focusable descendants .slick-current > .slide-content > .marquee-content > .cta > a

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

1. <a href="#body-content">Skip Navigation</a>

   Element selector:

   a[href$="#body-content"]
   Failing checks (At least one of these should pass)

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

2. <button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" role="button" style="display: block;">Previous</button>

   Element selector:

   .slick-prev
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .slick-current > .marquee-overlay.hidden-xs

3. <h2 class="title">Reaching Out To Those In Need</h2>

   Element selector:

   .slick-current > .slide-content > .marquee-content > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .slick-current > .marquee-overlay.hidden-xs

4. <div class="subtitle">Rose State's Adopted School Program is helping at-risk schools and students</div>

   Element selector:

   .slick-current > .slide-content > .marquee-content > .subtitle
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .slick-current > .marquee-overlay.hidden-xs

5. <a href="http://www.rose.edu/nav/community-outreach/adopted-school-program/" tabindex="0">Learn More</a>

   Element selector:

   .slick-current > .slide-content > .marquee-content > .cta > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .slick-current > .marquee-overlay.hidden-xs

6. <button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button" style="display: block;">Next</button>

   Element selector:

   .slick-next
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background gradient .slick-current > .marquee-overlay.hidden-xs

7. <a href="/">Home</a>

   Element selector:

   li:nth-child(1) > a[href="/"]
   Failing checks (At least one of these should pass)

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

8. <li class="active">Community Outreach</li>

   Element selector:

   ol > .active
   Failing checks (At least one of these should pass)

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

9. <h2 class="headline">Dental Hygiene Clinic</h2>

   Element selector:

   .extraLink-slide.col-sm-12.col-xs-24:nth-child(1) > .extraLink-slide-content > .extraLink-text > .headline
   Failing checks (At least one of these should pass)

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

10. <a class="btn" href="/nav/community-outreach/dental-hygiene-clinic/">More</a>

    Element selector:

    .extraLink-slide.col-sm-12.col-xs-24:nth-child(1) > .extraLink-slide-content > .link > .btn
    Failing checks (At least one of these should pass)

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

11. <h2 class="headline">Centers &amp; Events</h2>

    Element selector:

    .extraLink-slide.col-sm-12.col-xs-24:nth-child(2) > .extraLink-slide-content > .extraLink-text > .headline
    Failing checks (At least one of these should pass)

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

12. <a class="btn" href="/nav/community-outreach/centers-events/">More</a>

    Element selector:

    .extraLink-slide.col-sm-12.col-xs-24:nth-child(2) > .extraLink-slide-content > .link > .btn
    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 class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 800px;">

   Element selector:

   .slick-current
   Failing checks (All of these should pass)

   • ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide00"