Page Scan Results:
EMPLOYMENT
https://pawneenationcollege.org/employment/
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
- Elements must meet minimum color contrast ratio thresholds
-
12
- 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
- <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
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<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.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1
a[download="Application for Admission"]
-
Element has insufficient color contrast of 1.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1
a[href$="apply-online/"]
-
Element has insufficient color contrast of 1.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 13.2pt (17.6px), font weight: normal). Expected contrast ratio of 4.5:1
-
<strong>Current Employment Opportunities</strong>
Element selector:h2 > strong
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.06 (foreground color: #dad8d9, background color: #e1dfdf, font size: 22.5pt (30px), font weight: bold). Expected contrast ratio of 3:1
.mcb-section-c5492daf5
-
Element has insufficient color contrast of 1.06 (foreground color: #dad8d9, background color: #e1dfdf, font size: 22.5pt (30px), font weight: bold). Expected contrast ratio of 3:1
-
<h3>Use the toggles below to see details of the current job openings available at Pawnee Nation College.</h3>
Element selector:h3
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.06 (foreground color: #dad8d9, background color: #e1dfdf, font size: 18.8pt (25px), font weight: normal). Expected contrast ratio of 3:1
.mcb-section-c5492daf5
-
Element has insufficient color contrast of 1.06 (foreground color: #dad8d9, background color: #e1dfdf, font size: 18.8pt (25px), font weight: normal). Expected contrast ratio of 3:1
-
<p>Check back for additional updates.</p>
Element selector:.mcb-column-inner-d70c5c48e > .column_attr.mfn-inline-editor.clearfix > p
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.03 (foreground color: #dddbdb, background color: #e1dfdf, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
.mcb-section-c5492daf5
-
Element has insufficient color contrast of 1.03 (foreground color: #dddbdb, background color: #e1dfdf, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<span class="button_label">PNC Application for Employment</span>
Element selector:.button_size_4 > .button_label
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1
.button_size_4
-
Element has insufficient color contrast of 1.06 (foreground color: #ded9d9, background color: #e2e0e0, font size: 14.4pt (19.2px), font weight: normal). Expected contrast ratio of 4.5:1
-
<p>Please send all documents via:</p>
Element selector:.mcb-column-inner-987cefb3c > .column_attr.mfn-inline-editor.clearfix > p:nth-child(3)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#Footer
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<li>Email: <a href="mailto:president@pawneenationcollege.org">president@pawneenationcollege.org</a>, or</li>
Element selector:li > ul > li:nth-child(1)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#Footer
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<li>Mail: President Staci Burns, Pawnee Nation College, P.O. Box 390. Pawnee, OK, 74058</li>
Element selector:li > ul > li:nth-child(2)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#Footer
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<p>For additional information, or to apply, please call: <a href="tel:+19187623343">918-762-3343</a></p>
Element selector:p:nth-child(5)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#Footer
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="tel:+19187623343">918-762-3343</a>
Element selector:a[href="tel:+19187623343"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#Footer
-
Element has insufficient color contrast of 1.01 (foreground color: #220303, background color: #200000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<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/"]
-
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
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<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
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<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>
Ensures <li> elements are used semantically. Axe Reference
-
<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"
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly. Axe Reference
-
<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
-
List element has direct children that are not allowed: ul
Zooming and scaling must not be disabled
Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference
-
<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
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<h1 class="h1-style white-color bold-900">EMPLOYMENT</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
-
Element's background color could not be determined because it's partially obscured by another element
-
<span class="bold-600" style="font-size: 20px;">NOW ACCEPTING COURSE REGISTRATIONS 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-c5492daf5
-
Element has a 1:1 contrast ratio with the background
-
<a href="mailto:president@pawneenationcollege.org">president@pawneenationcollege.org</a>
Element selector:li > ul > li:nth-child(1) > a
Failing checks (At least one of these should pass)
-
Element has a 1:1 contrast ratio with the background
#Footer
-
Element has a 1:1 contrast ratio with the background
-
<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
-
<a href="/about-pnc/">About PNC</a>
Element selector:div:nth-child(1) > a[href$="about-pnc/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="/news/">News</a>
Element selector:div:nth-child(2) > a[href$="news/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
-
<a href="https://policies.hibuwebsites.com/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>
Element selector:div:nth-child(3) > a[rel="noopener"][target="_blank"]:nth-child(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