Page Scan Results:
ACADEMICS & COURSE INFORMATION

https://pawneenationcollege.org/academics/

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  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.1 (foreground color: #f5f0ef, background color: #fcfcfc, 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.1 (foreground color: #f5f0ef, background color: #fcfcfc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1 a[href$="apply-online/"]
  3. <span class="button_label">BROWSE PROGRAMS</span>
    Element selector:
    .academics-col:nth-child(1) > .fieldset-button.text-center > .button_size_3.button[href$="academics/"] > .button_label
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.1 (foreground color: #f5f0ef, background color: #fcfcfc, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1 .academics-col:nth-child(1) > .fieldset-button.text-center > .button_size_3.button[href$="academics/"]
  4. <span class="button_label">LEARN MORE</span>
    Element selector:
    .academics-col:nth-child(2) > .fieldset-button.text-center > .button_size_3.button[href$="academics/"] > .button_label
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.01 (foreground color: #2e0d0c, background color: #2b0d0d, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1 .academics-col:nth-child(2) > .fieldset-button.text-center > .button_size_3.button[href$="academics/"]
  5. <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/"]

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2
  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.

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  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"

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  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

Zooming and scaling must not be disabled

critical

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.4, EN-301-549, EN-9.1.4.4, ACT
  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