Page Scan Results:

(No H1 element on page)

https://www.langston.edu/academics/programs-centers Scanned Sep. 17, 2023 at 8:32 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

Elements must meet minimum color contrast ratio thresholds: 4
Images must have alternate text: 2
Links must have discernible text: 2
<html> element must have a lang attribute: 1
Zooming and scaling must not be disabled: 1

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

```
<div class="title">Degree Programs</div>
```
Element selector:
.even.field-item > .field-collection-view.view-mode-full.clearfix > .row > .col > .copy > a > .title
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item
```
<p>We offer numerous educational opportunities in undergraduate programs, graduate studies, and a comprehensive adult degree completion program.</p>
```
Element selector:
.even.field-item > .field-collection-view.view-mode-full.clearfix > .row > .col > .copy > .body > a:nth-child(1) > p
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.95 (foreground color: #ffffff, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item
```
<a href="/academics/programs-centers/degree-programs">Learn More...</a>
```
Element selector:
.even.field-item > .field-collection-view.view-mode-full.clearfix > .row > .col > .copy > .body > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.93 (foreground color: #183964, background color: #ff6500, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .field-name-field-landing-shortcut > .field-items > .even.field-item
```
<a href="/academics/programs-centers/edwin-p-mccabe-honors-program">Learn More...</a>
```
Element selector:
.field-collection-view-final > .row > .col > .copy > .body > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.93 (foreground color: #ff6500, background color: #183964, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .odd

Images must have alternate text

critical

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT

```
<img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/ChemistryGirls.jpg?itok=tF7NccRr">
```
Element selector:
.even.field-item > .field-collection-view.view-mode-full.clearfix > .row > .col > a > .landing-shortcut > img
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"
```
<img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/IMG_0326.JPG?itok=Ke1WQps9">
```
Element selector:
.field-collection-view-final > .row > .col > a > .landing-shortcut > img
Failing checks (At least one of these should pass)
- Element does not have an alt attribute
- 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
- Element's default semantics were not overridden with role="none" or role="presentation"

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="/academics/programs-centers/degree-programs">
<div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/ChemistryGirls.jpg?itok=tF7NccRr"></div>
</a>
```
Element selector:
.even.field-item > .field-collection-view.view-mode-full.clearfix > .row > .col > a
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="/academics/programs-centers/edwin-p-mccabe-honors-program">
<div class="landing-shortcut"><img src="https://www.langston.edu/sites/default/files/styles/shortcut-bg/public/IMG_0326.JPG?itok=Ke1WQps9"></div>
</a>
```
Element selector:
.field-collection-view-final > .row > .col > a
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

<html> element must have a lang attribute

serious

Ensures every HTML document has a lang attribute. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 3.1.1, EN-301-549, EN-9.3.1.1, ACT

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" class="js">

Element selector:

html

Failing checks (At least one of these should pass)

The xml:lang attribute is not valid on HTML pages, use the lang attribute.

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.0, maximum-scale = 1.0, viewport-fit=cover">
```
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: 40
Links must be distinguishable without relying on color: 2

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

```
<input title="Enter the terms you wish to search for." type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text">
```
Element selector:
#edit-search-block-form--2
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #edit-search-block-form--2
```
<span>News</span>
```
Element selector:
a[href$="news"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node img[alt="Home"]
```
<span>Events</span>
```
Element selector:
.menu-595[href$="events"][title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node img[alt="Home"]
```
<span>Directory</span>
```
Element selector:
.menu-596[href$="campus-directory"][title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node img[alt="Home"]
```
<span>Careers</span>
```
Element selector:
.menu-1321[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because element contains an image node img[alt="Home"]
```
<span>Athletics</span>
```
Element selector:
.menu-597[href$="www.langstonsports.com"][title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Alumni</span>
```
Element selector:
a[href$="alumni"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Give Now</span>
```
Element selector:
.menu-1100[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Site Index</span>
```
Element selector:
.menu-1284[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Logins</span>
```
Element selector:
.menu-603.depth-1.leaf > a[href$="logins"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Make A Payment</span>
```
Element selector:
.menu-1795[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .menu-1795[title=""]
```
<span>Academics</span>
```
Element selector:
.block-content > ul > .menu-148.active-trail.depth-1 > .menu-148.active-trail[href$="academics"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-148.active-trail.depth-1 > .menu-148.active-trail[href$="academics"]
```
<span>Future Students</span>
```
Element selector:
.block-content > ul > .menu-404.depth-1.expanded > .menu-404[href$="future-students"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-404.depth-1.expanded > .menu-404[href$="future-students"]
```
<span>Graduate Programs</span>
```
Element selector:
.block-content > ul > .menu-912.depth-1.leaf > .menu-912 > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Campus Life</span>
```
Element selector:
.block-content > ul > .menu-405.depth-1.expanded > .menu-405[href$="student-life"][title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-405.depth-1.expanded > .menu-405[href$="student-life"][title=""]
```
<span>Undergraduate Programs</span>
```
Element selector:
.menu-910.collapsed.depth-1 > .menu-910 > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Lion Camp</span>
```
Element selector:
.block-content > ul > .menu-1316.depth-1.leaf > .menu-1316[href$="lion-camp"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>OKC</span>
```
Element selector:
.block-content > ul > .menu-406.depth-1.expanded > .menu-406[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-406.depth-1.expanded > .menu-406[title=""]
```
<span>Tulsa</span>
```
Element selector:
.block-content > ul > .menu-407.depth-1.expanded > .menu-407[href$="tulsa"][title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-407.depth-1.expanded > .menu-407[href$="tulsa"][title=""]
```
<span>Faculty &amp; Staff</span>
```
Element selector:
.block-content > ul > .menu-408.depth-1.expanded > .menu-408[href$="faculty-staff"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-408.depth-1.expanded > .menu-408[href$="faculty-staff"]
```
<span>Library</span>
```
Element selector:
.block-content > ul > .menu-982.depth-1.leaf > .menu-982[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>About Us</span>
```
Element selector:
.block-content > ul > .menu-409.depth-1.expanded > .menu-409[href$="about-us"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .block-content > ul > .menu-409.depth-1.expanded > .menu-409[href$="about-us"]
```
<span>Apply Now</span>
```
Element selector:
.block-content > ul > .menu-604.depth-1.leaf > .menu-604[title=""] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Money Management Tools</span>
```
Element selector:
.block-content > ul > .menu-905.depth-1.leaf > .menu-905 > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<span>Student Portal</span>
```
Element selector:
.block-content > ul > .menu-1315.depth-1.last > .menu-1315[href$="new-student-portal-banner"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .page-header-wrapper .main-hero-overlay .main-hero-bg
```
<div class="breadcrumb-title">Programs &amp; Centers</div>
```
Element selector:
.breadcrumb-title
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .breadcrumb-title .main-hero-overlay .main-hero-bg
```
<div class="breadcrumb"><a href="/">Home</a> » <a href="/academics">Academics</a> » <a href="/academics/programs-centers" class="active">Programs &amp; Centers</a></div>
```
Element selector:
.breadcrumb
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg
```
<a href="/">Home</a>
```
Element selector:
.breadcrumb > a[href="/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg
```
<a href="/academics">Academics</a>
```
Element selector:
.breadcrumb > a[href$="academics"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg
```
<a href="/academics/programs-centers" class="active">Programs &amp; Centers</a>
```
Element selector:
.breadcrumb > .active[href$="programs-centers"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .breadcrumb .main-hero-overlay .main-hero-bg
```
<span>Schools</span>
```
Element selector:
.menu-block-1 > ul > .menu-mlid-410.menu-410.depth-2 > .menu-410[href$="schools"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .menu-block-1 > ul > .menu-mlid-410.menu-410.depth-2 > .menu-410[href$="schools"] > span
```
<span>Programs &amp; Centers</span>
```
Element selector:
.menu-block-1 > ul > .menu-mlid-411.active.menu-411 > .menu-411.active[href$="programs-centers"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
```
<span>Resources</span>
```
Element selector:
.menu-block-1 > ul > .menu-mlid-412.menu-412.depth-2 > .menu-412[href$="academic-resources"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .menu-block-1 > ul > .menu-mlid-412.menu-412.depth-2 > .menu-412[href$="academic-resources"] > span
```
<span>Services</span>
```
Element selector:
.menu-block-1 > ul > .menu-mlid-413.menu-413.depth-2 > .menu-413[href$="academic-services"] > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .menu-block-1 > ul > .menu-mlid-413.menu-413.depth-2 > .menu-413[href$="academic-services"] > span
```
<div class="field-item even">Programs &amp; Centers</div>
```
Element selector:
.field-name-field-hero-title > .field-items > .even.field-item
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<div class="field-item even">Langston maintains the highest standards and accreditations, and offers a variety of respected academic programs and support services.</div>
```
Element selector:
.field-name-field-hero-copy > .field-items > .even.field-item
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

<p>2020 Langston University / PO BOX 1500 / Langston, OK 73050 / 1.877.466.2231 / <a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a> / <a href="/privacy-policy">Privacy Policy</a></p>

Element selector:

.block-content > p: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 .footer

```
<a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a>
```
Element selector:
p:nth-child(1) > a: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 .footer
```
<a href="/privacy-policy">Privacy Policy</a>
```
Element selector:
a[href$="privacy-policy"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .footer
```
<p>Langston.edu is currently being updated. Check back soon to explore our new site.</p>
```
Element selector:
p: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 .footer

Links must be distinguishable without relying on color

serious

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

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1

```
<a href="mailto:luwebmaster@langston.edu">luwebmaster@langston.edu</a>
```
Element selector:
p:nth-child(1) > a:nth-child(1)
Failing checks (At least one of these should pass)
- Element's contrast ratio could not be determined due to a background image .block-content > p:nth-child(1)
```
<a href="/privacy-policy">Privacy Policy</a>
```
Element selector:
a[href$="privacy-policy"]
Failing checks (At least one of these should pass)
- Element's contrast ratio could not be determined due to a background image .block-content > p:nth-child(1)

Page Scan Results: (No H1 element on page)

Known Issues Summary

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

Images must have alternate text

Links must have discernible text

<html> element must have a lang attribute

Zooming and scaling must not be disabled

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Links must be distinguishable without relying on color

Page Scan Results:

(No H1 element on page)