Page Scan Results:

CU Online

Ensures that lists are structured correctly. Axe Reference

1. <ul class="filters filters-tag text-center">
   Graduate
   
   </ul>

   Element selector:

   .grad.item.CSharp:nth-child(1) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

2. <ul class="filters filters-tag text-center">
   Undergraduate
   
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(2) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

3. <ul class="filters filters-tag text-center">
   Undergraduate
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(3) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

4. <ul class="filters filters-tag text-center">
   Graduate
   </ul>

   Element selector:

   .grad.item.CSharp:nth-child(4) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

5. <ul class="filters filters-tag text-center">
   Undergraduate
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(5) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

6. <ul class="filters filters-tag text-center">
   Undergraduate
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(6) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

7. <ul class="filters filters-tag text-center">
   Undergraduate
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(7) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

8. <ul class="filters filters-tag text-center">
   Graduate
   </ul>

   Element selector:

   .grad.item.CSharp:nth-child(8) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

9. <ul class="filters filters-tag text-center">
   Undergraduate
   </ul>

   Element selector:

   .under.item.CSharp:nth-child(9) > .project > .project-body.text-center > .filters-tag.filters
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: #text

10. <ul class="filters filters-tag text-center">
    Undergraduate
    </ul>

    Element selector:

    .under.item.CSharp:nth-child(10) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

11. <ul class="filters filters-tag text-center">
    Undergraduate
    </ul>

    Element selector:

    .under.item.CSharp:nth-child(11) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

12. <ul class="filters filters-tag text-center">
    Graduate
    </ul>

    Element selector:

    .grad.item.CSharp:nth-child(12) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

13. <ul class="filters filters-tag text-center">
    Undergraduate
    </ul>

    Element selector:

    .under.item.CSharp:nth-child(13) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

14. <ul class="filters filters-tag text-center">
    Graduate
    </ul>

    Element selector:

    .grad.item.CSharp:nth-child(14) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

15. <ul class="filters filters-tag text-center">
    Undergraduate
    </ul>

    Element selector:

    .under.item.CSharp:nth-child(15) > .project > .project-body.text-center > .filters-tag.filters
    Failing checks (All of these should pass)

    • List element has direct children that are not allowed: #text

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

1. <a class="get-a-quote" href="https://cameron.elluciancrmrecruit.com/Apply/Account/Login">Apply Now</a>

   Element selector:

   .get-a-quote
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.58 (foreground color: #ffffff, background color: #fec52e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .get-a-quote

2. <a href="https://cameron.elluciancrmrecruit.com/Apply/Account/Login" style="color: #fec52e;">application</a>

   Element selector:

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

   • Element has insufficient color contrast of 1.58 (foreground color: #fec52e, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1 body

Ensures links have discernible text. Axe Reference

1. <a href="index.html" class="logo d-flex align-items-center">
   <!-- Uncomment the line below if you also wish to use an image logo -->
   <!-- <img src="assets/img/logo.png" alt=""> -->
   <h1>CU Online</h1>
   </a>

   Element selector:

   a[href="index.html"]
   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 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. <button type="submit" class="btn btn-primary"><a href="https://www.cameron.edu/admissions">Take a Closer Look at CU Admissions</a></button>

   Element selector:

   .btn-primary
   Failing checks (At least one of these should pass)

   • Element has focusable descendants .btn-primary > a

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

1. <a href="https://www.cameron.edu/public-affairs/web-management/cu-online#contact" style="color: #fff;">Request Information</a>

   Element selector:

   #navbar > ul > li:nth-child(1) > a
   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 #navbar > ul html

2. <h2 data-aos="fade-up" class="aos-init aos-animate"><span style="color: #fec52e;">Online Excellence, Offline Results.</span><br>CU Online</h2>

   Element selector:

   .order-2 > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #hero

3. <span style="color: #fec52e;">Online Excellence, Offline Results.</span>

   Element selector:

   h2 > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #hero

4. <p data-aos="fade-up" data-aos-delay="100" class="aos-init aos-animate">

   Element selector:

   .order-2 > .aos-init[data-aos-delay="100"][data-aos="fade-up"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image #hero

5. <h5>Affordable Excellence</h5>

   Element selector:

   .aos-init[data-aos-delay="100"][data-aos="fade-up"] > div > h5
   Failing checks (At least one of these should pass)

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

6. <p>Cameron University's online courses offer a remarkable combination of affordability and top-notch education. You can save on tuition while gaining a valuable academic experience.</p>

   Element selector:

   ul > .aos-init[data-aos-delay="100"][data-aos="fade-up"] > div > p
   Failing checks (At least one of these should pass)

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

7. <h5>No Compromise on Quality</h5>

   Element selector:

   .aos-init[data-aos-delay="200"][data-aos="fade-up"] > div > h5
   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. <p>Despite our low rates, we ensure that the quality of education remains uncompromised. You'll receive the same level of instruction and support as on-campus students.</p>

   Element selector:

   ul > .aos-init[data-aos-delay="200"][data-aos="fade-up"] > div > p
   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. <h5>Financial Freedom for Success</h5>

   Element selector:

   li[data-aos-delay="300"] > div > h5
   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. <p>With Cameron University's online courses, you can pursue your educational aspirations without the burden of overwhelming financial debt, giving you the freedom to focus on your academic achievements.</p>

    Element selector:

    li[data-aos-delay="300"] > div > p
    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. <a href="#!" style="outline: none;"><i class="fas fa-star-of-life" aria-hidden="true"></i> All</a>

    Element selector:

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

12. <a href="#!" style="outline: none;"><i class="fas fa-laptop-code" aria-hidden="true"></i> Graduate Online Programs</a>

    Element selector:

    li[data-filter=".grad"] > 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

13. <h3>Explore Scholarship Opportunities</h3>

    Element selector:

    .col-lg-8 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #call-to-action

14. <p>

    Element selector:

    .col-lg-8 > p
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #call-to-action

15. <a class="cta-btn" href="https://cameron.academicworks.com/">Find Out About CU Scholarships</a>

    Element selector:

    .cta-btn
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient #call-to-action

16. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1" aria-expanded="false">
    <i class="bi bi-question-circle question-icon"></i>Is Cameron University accredited?
    </button>

    Element selector:

    button[data-bs-target="#faq-content-1"]
    Failing checks (At least one of these should pass)

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

17. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-2"]
    Failing checks (At least one of these should pass)

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

18. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-3"]
    Failing checks (At least one of these should pass)

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

19. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-4"]
    Failing checks (At least one of these should pass)

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

20. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-5" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-5"]
    Failing checks (At least one of these should pass)

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

21. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-6" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-6"]
    Failing checks (At least one of these should pass)

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

22. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-7" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-7"]
    Failing checks (At least one of these should pass)

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

23. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-8" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-8"]
    Failing checks (At least one of these should pass)

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

24. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-9" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-9"]
    Failing checks (At least one of these should pass)

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

25. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-10" aria-expanded="false">

    Element selector:

    button[data-bs-target="#faq-content-10"]
    Failing checks (At least one of these should pass)

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