Page Scan Results:

STUDENT SERVICES

https://pawneenationcollege.org/student-services/ Scanned Sep. 17, 2023 at 8:49 PM

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 Summary

Links must have discernible text: 6
Elements must only use permitted ARIA attributes: 4
<li> elements must be contained in a <ul> or <ol>: 4
Elements must meet minimum color contrast ratio thresholds: 3
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 1
Zooming and scaling must not be disabled: 1

Known Issues on This Page

Links must have discernible text

serious

Ensures links have discernible text. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 2.4.4, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.2.4.4, EN-9.4.1.2, ACT

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

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

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

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

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

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

```
<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"

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

```
<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.36 (foreground color: #e6d6d6, 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/"]
```
<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: #482221, background color: #422727, 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/"]
```
<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/"]

<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

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

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

Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.

Needs Review Summary

Elements must meet minimum color contrast ratio thresholds: 38

Needs Review 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

```
<h1 class="h1-style white-color bold-900">STUDENT SERVICES</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
```
<span class="hero-subheader">Student Handbook &amp; Policies</span>
```
Element selector:
.hero-subheader
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-33de3deea
```
<h2 class="dark-maroon-color bold-900 h2-style" style="margin-bottom: 60px;">Student Handbook</h2>
```
Element selector:
.dark-maroon-color
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 .mcb-section-f7a905ae2
```
<span class="button_label">View/Download Complete Student Handbook </span>
```
Element selector:
.button_size_4 > .button_label
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<h2 class="white-color bold-900 h2-style" style="margin-bottom: 40px; text-align: center;">COURSE OFFERINGS</h2>
```
Element selector:
.mcb-column-inner-73d844070 > .column_attr.mfn-inline-editor.clearfix > h2
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<p style="text-align: center;">
```
Element selector:
.mcb-column-inner-73d844070 > .column_attr.mfn-inline-editor.clearfix > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<legend class="text-center">ASSOCIATE DEGREE PROGRAMS </legend>
```
Element selector:
.academics-col:nth-child(1) > fieldset > legend
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Arts: Business Emphasis<br>
<ul style="list-style: disc outside;">
<li>Business Administration</li>
<li>Entrepreneurship</li>
</ul>
</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Business Administration</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(1) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Entrepreneurship</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(1) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Arts: Early Childhood Education</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Arts: Native American Studies Emphasis<br>
<ul style="list-style: disc outside;">
<li>History &amp; Traditional Culture</li>
<li>Contemporary Tribal Leadership</li>
</ul>
</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>History &amp; Traditional Culture</li>
```
Element selector:
.academics-col:nth-child(1) > fieldset > ul > li:nth-child(3) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Contemporary Tribal Leadership</li>
```
Element selector:
li:nth-child(3) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Arts: General Liberal Arts</li>
```
Element selector:
fieldset > ul > li:nth-child(4)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Arts: Human Services Emphasis<br>
<ul style="list-style: disc outside;">
<li>Community Counseling</li>
<li>Alcohol &amp; Drug Counseling</li>
</ul>
</li>
```
Element selector:
fieldset > ul > li:nth-child(5)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Community Counseling</li>
```
Element selector:
li:nth-child(5) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Alcohol &amp; Drug Counseling</li>
```
Element selector:
li:nth-child(5) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Associate of Science: General Science Studies</li>
```
Element selector:
fieldset > ul > li:nth-child(6)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Bachelor Degree in Business Administration and Tribal Nation Building</li>
```
Element selector:
fieldset > ul > li:nth-child(7)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<legend class="text-center">CERTIFICATION PROGRAMS</legend>
```
Element selector:
.academics-col:nth-child(2) > fieldset > legend
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02

<li>Healthcare Certifications:
<ul>
<li>Long Term Care Nurse Aide (CNA)</li>
<li>Certified Medication Aide (CMA)</li>
<li>Medical Coding Program</li>
<li>Anatomy &amp; Physiology</li>
<li>Medical Scribes Program</li>
<li>Phlebotomy</li>
</ul>
</li>

Element selector:

.academics-col:nth-child(2) > fieldset > ul > li:nth-child(1)

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .mcb-section-c72198d02

```
<li>Long Term Care Nurse Aide (CNA)</li>
```
Element selector:
.academics-col:nth-child(2) > fieldset > ul > li:nth-child(1) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Certified Medication Aide (CMA)</li>
```
Element selector:
.academics-col:nth-child(2) > fieldset > ul > li:nth-child(1) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Medical Coding Program</li>
```
Element selector:
fieldset > ul > li:nth-child(1) > ul > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Anatomy &amp; Physiology</li>
```
Element selector:
li:nth-child(1) > ul > li:nth-child(4)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Medical Scribes Program</li>
```
Element selector:
li:nth-child(1) > ul > li:nth-child(5)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Phlebotomy</li>
```
Element selector:
li:nth-child(1) > ul > li:nth-child(6)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>
```
Element selector:
.academics-col:nth-child(2) > fieldset > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Adobe Certified Expert Certification&nbsp;(ACE)
<ul>
<li>Photoshop CC: Part 1 &amp; 2</li>
<li>InDesign CC: Part 1 &amp; 2</li>
<li>Illustrator CC: Part 1 &amp; 2</li>
</ul>
</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Photoshop CC: Part 1 &amp; 2</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(1) > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>InDesign CC: Part 1 &amp; 2</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(1) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Illustrator CC: Part 1 &amp; 2</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(1) > ul > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Comp TIA IT Fundamentals Certification</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Comp TIA A+</li>
```
Element selector:
li:nth-child(2) > ul > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Agriculture Studies:
<ul>
<li>Master Gardener Certification Program</li>
</ul>
</li>
```
Element selector:
.academics-col:nth-child(2) > fieldset > ul > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .mcb-section-c72198d02
```
<li>Master Gardener Certification Program</li>
```
Element selector:
.academics-col:nth-child(2) > fieldset > ul > li:nth-child(3) > ul > li
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
```
<h4>LINKS</h4>
```
Element selector:
#custom_html-2 > h4
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

Page Scan Results: STUDENT SERVICES

Known Issues Summary

Known Issues on This Page

Links must have discernible text

Elements must only use permitted ARIA attributes

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

Elements must meet minimum color contrast ratio thresholds

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

Zooming and scaling must not be disabled

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

STUDENT SERVICES