Page Scan Results:

ABOUT PAWNEE NATION COLLEGE

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

1. <span class="button_label" style="white-space: nowrap;">DOWNLOAD APPLICATION</span>

   Element selector:

   a[download="Application for Admission"] > .button_label
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.47 (foreground color: #e3d0d0, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1 a[download="Application for Admission"]

2. <span class="button_label" style="white-space: nowrap;">APPLY ONLINE</span>

   Element selector:

   a[href$="apply-online/"] > .button_label
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.47 (foreground color: #e3d0d0, background color: #ffffff, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1 a[href$="apply-online/"]

3. <h2 class="title">MISSION STATEMENT</h2>

   Element selector:

   .mcb-column-inner-ddfff784c > .mfn-icon-box.mfn-icon-box-top.mfn-icon-box-center > .desc-wrapper > .title
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.48 (foreground color: #d4d4d6, background color: #ffffff, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1 .mcb-section-179b47693

4. <div class="desc">

   Element selector:

   .mcb-column-inner-ddfff784c > .mfn-icon-box.mfn-icon-box-top.mfn-icon-box-center > .desc-wrapper > .desc
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-179b47693

5. <h2 class="title">VISION STATEMENT</h2>

   Element selector:

   .mcb-column-inner-npzhibt1c > .mfn-icon-box.mfn-icon-box-top.mfn-icon-box-center > .desc-wrapper > .title
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.48 (foreground color: #d4d4d6, background color: #ffffff, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1 .mcb-section-179b47693

6. <h2 class="dark-maroon-color bold-900 h2-style">Our History</h2>

   Element selector:

   .mcb-column-inner-0dk6axzxg > .column_attr.mfn-inline-editor.clearfix > .dark-maroon-color.h2-style.bold-900
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.45 (foreground color: #cbb6b6, background color: #e1dfdf, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1 .mcb-section-nzwkpzcxi

7. <h2 class="dark-maroon-color bold-900 h2-style">The campus’ historical context</h2>

   Element selector:

   .mcb-column-inner-7z0nnu36u > .column_attr.mfn-inline-editor.clearfix > .dark-maroon-color.h2-style.bold-900
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.47 (foreground color: #e3d0d0, background color: #ffffff, font size: 36.0pt (48px), font weight: bold). Expected contrast ratio of 3:1 .mcb-section-zigqnsshn

8. <p>

   Element selector:

   .mcb-column-inner-7z0nnu36u > .column_attr.mfn-inline-editor.clearfix > p:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

9. <a href="http://nps.gov" target="_blank" rel="noopener">National Park Service’s website</a>

   Element selector:

   a[href$="nps.gov"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.47 (foreground color: #e3d0d0, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

10. <p>Unfortunately, part of the school’s instructional policies included oppressive measures such as not allowing Indian students to:</p>

    Element selector:

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

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

11. <li>Speak their first (native) languages;</li>

    Element selector:

    .column_attr.mfn-inline-editor.clearfix > ul > li:nth-child(1)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

12. <li>Practice their religious ceremonies; and, otherwise,</li>

    Element selector:

    .column_attr.mfn-inline-editor.clearfix > ul > li:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

13. <li>Adhere to their traditional lifestyle.</li>

    Element selector:

    .column_attr.mfn-inline-editor.clearfix > ul > li:nth-child(3)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

14. <p>

    Element selector:

    p:nth-child(5)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

15. <p>

    Element selector:

    p:nth-child(6)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

16. <p>

    Element selector:

    p:nth-child(7)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 1.29 (foreground color: #e2e2e2, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .mcb-section-zigqnsshn

17. <a href="/contact-us/" class="action_button">contact us today</a>

    Element selector:

    .extras > .action_button[href$="contact-us/"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.36 (foreground color: #747474, background color: #f7f7f7, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .extras > .action_button[href$="contact-us/"]

Ensures links have discernible text. Axe Reference

1. <a href="https://www.facebook.com/PawneeNationCollege/" target="_blank"><i class="icon-facebook"></i></a>

   Element selector:

   .mhb-custom--Vib3SWna > ul > li:nth-child(1) > 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

2. <a href="https://twitter.com/PNCollege" target="_blank"><i class="icon-twitter"></i></a>

   Element selector:

   .mhb-custom--Vib3SWna > ul > li:nth-child(2) > a[href$="PNCollege"][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

3. <a href="https://www.instagram.com/pawneenationcollege/" target="_blank"><i class="icon-instagram"></i></a>

   Element selector:

   .mhb-custom--Vib3SWna > ul > li:nth-child(3) > 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

4. <a class="mobile-menu-toggle" href="#"><i class="icon-menu-fine"></i></a>

   Element selector:

   .mhb-custom-cXc6oo1XO > .tabletMobile.mhb-item-inner > .mobile-menu-toggle[href="#"]
   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

5. <a href="/">

   Element selector:

   a[href="/"]
   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

6. <a id="back_to_top" class="button button_js in_footer" href=""><i class="icon-up-open-big"></i></a>

   Element selector:

   #back_to_top
   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 ARIA attributes are not prohibited for an element's role. Axe Reference

1. <i class="icon-facebook" aria-label="Facebook icon"></i>

   Element selector:

   i[aria-label="Facebook icon"]
   Failing checks (All of these should pass)

   • aria-label attribute cannot be used on a i with no valid role attribute.

2. <i class="icon-twitter" aria-label="Twitter icon"></i>

   Element selector:

   i[aria-label="Twitter icon"]
   Failing checks (All of these should pass)

   • aria-label attribute cannot be used on a i with no valid role attribute.

3. <i class="icon-instagram" aria-label="Instagram icon"></i>

   Element selector:

   i[aria-label="Instagram icon"]
   Failing checks (All of these should pass)

   • aria-label attribute cannot be used on a i with no valid role attribute.

4. <i class="icon-email" aria-label=" icon"></i>

   Element selector:

   i[aria-label=" icon"]
   Failing checks (All of these should pass)

   • aria-label attribute cannot be used on a i with no valid role attribute.

Ensures <li> elements are used semantically. Axe Reference

1. <li class="facebook"><a target="_blank" rel="nofollow" href="https://www.facebook.com/PawneeNationCollege/" title="Facebook"><i class="icon-facebook" aria-label="Facebook icon"></i></a></li>

   Element selector:

   .facebook
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

2. <li class="twitter"><a target="_blank" rel="nofollow" href="https://twitter.com/PNCollege" title="Twitter"><i class="icon-twitter" aria-label="Twitter icon"></i></a></li>

   Element selector:

   .twitter
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

3. <li class="instagram"><a target="_blank" rel="nofollow" href="https://www.instagram.com/pawneenationcollege/" title="Instagram"><i class="icon-instagram" aria-label="Instagram icon"></i></a></li>

   Element selector:

   .instagram
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

4. <li class="custom"><a target="_blank" rel="nofollow" href="/contact-us/" title=""><i class="icon-email" aria-label=" icon"></i></a></li>

   Element selector:

   .custom
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

1. <a href="http://nps.gov" target="_blank" rel="noopener">National Park Service’s website</a>

   Element selector:

   a[href$="nps.gov"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 1.14:1 with the surrounding text. (Minimum contrast is 3:1, link text: #e3d0d0, surrounding text: #e2e2e2) .mcb-column-inner-7z0nnu36u > .column_attr.mfn-inline-editor.clearfix > p:nth-child(2)
   • The link has no styling (such as underline) to distinguish it from the surrounding text .mcb-column-inner-7z0nnu36u > .column_attr.mfn-inline-editor.clearfix > p:nth-child(2)

Ensures that lists are structured correctly. Axe Reference

1. <ul>

   Element selector:

   .mhb-custom--Vib3SWna > ul
   Failing checks (All of these should pass)

   • List element has direct children that are not allowed: ul .mhb-custom--Vib3SWna > ul > ul

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

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

   Element selector:

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

   • maximum-scale 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. <h1 class="h1-style white-color bold-900">ABOUT PAWNEE NATION COLLEGE</h1>

   Element selector:

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

2. <span class="hero-subheader">Are you looking for an affordable college in a convenient location? Look no further than Pawnee Nation College! To find out more about us, read the information below.</span>

   Element selector:

   .hero-subheader
   Failing checks (At least one of these should pass)

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

3. <span class="bold-600" style="font-size: 20px;">NOW ENROLLING FOR THE 2024 SPRING SEMESTER - APPLY NOW!</span>

   Element selector:

   p > .bold-600
   Failing checks (At least one of these should pass)

   • Element has a 1:1 contrast ratio with the background .mcb-section-179b47693

4. <div class="desc">

   Element selector:

   .mcb-column-inner-npzhibt1c > .mfn-icon-box.mfn-icon-box-top.mfn-icon-box-center > .desc-wrapper > .desc
   Failing checks (At least one of these should pass)

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

5. <p>

   Element selector:

   .mcb-column-inner-0dk6axzxg > .column_attr.mfn-inline-editor.clearfix > 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

6. <p>

   Element selector:

   p:nth-child(8)
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements