Page Scan Results:

Home

https://www.metrotech.edu/ Scanned Sep. 17, 2023 at 9:05 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

<li> elements must be contained in a <ul> or <ol>: 3
ARIA attributes must conform to valid values: 1
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 1

Known Issues on This Page

<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="feed-item j-facebook j-facebook-bg image-post MetroTechOKC is-not-youTube" data-id="474702192" data-source="facebook" style="margin-bottom: 20px; zoom: 1; opacity: 1;">

Element selector:

.image-post

Failing checks (At least one of these should pass)

List item does not have a <ul>, <ol> parent element

<li class="feed-item j-facebook j-facebook-bg j-video MetroTechOKC is-not-youTube" data-id="474668534" data-source="facebook" style="margin-bottom: 20px; zoom: 1; opacity: 1;">

Element selector:

li[data-id="474668534"]

Failing checks (At least one of these should pass)

List item does not have a <ul>, <ol> parent element

<li class="feed-item j-youtube j-youtube-bg j-video metrotechokc " data-id="474650386" data-source="youtube" style="margin-bottom: 20px; zoom: 1; opacity: 1;">

Element selector:

.j-youtube-bg

Failing checks (At least one of these should pass)

List item does not have a <ul>, <ol> parent element

ARIA attributes must conform to valid values

critical

Ensures all ARIA attributes have valid values. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<fieldset aria-controls="slideshow" aria-label="slideshow controls" class="fsElementSlideshowControls">
```
Element selector:
fieldset
Failing checks (All of these should pass)
- Invalid ARIA attribute value: aria-controls="slideshow"

<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 class="juicer-feed j-initialized j-modern j-desktop user loaded" data-columns="3" data-feed-id="347426" data-filter="693148,688503" data-per="3" data-style="user">
```
Element selector:
.juicer-feed
Failing checks (All of these should pass)
- List element has direct children that are not allowed: div, a .j-stacker-wrapper #clear01kib .j-paginate

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

IDs used in ARIA and labels must be unique: 32
Elements must meet minimum color contrast ratio thresholds: 2

Needs Review on This Page

IDs used in ARIA and labels must be unique

critical

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<div class="fsTitle " id="fsArticle_10081_262">
Short Term
</div>
```
Element selector:
.slick-current[data-post-id="262"][aria-labelledby="fsArticle_10081_262"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_262 .slick-current[data-post-id="262"][aria-labelledby="fsArticle_10081_262"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_264">
Aircraft Maintenance
</div>
```
Element selector:
article[data-post-id="264"][aria-labelledby="fsArticle_10081_264"][data-slick-index="1"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_264 article[data-post-id="264"][aria-labelledby="fsArticle_10081_264"][data-slick-index="1"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_300">
Accounting Services
</div>
```
Element selector:
article[data-post-id="300"][aria-labelledby="fsArticle_10081_300"][data-slick-index="2"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_300 article[data-post-id="300"][aria-labelledby="fsArticle_10081_300"][data-slick-index="2"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_261">
Auto Body Repair
</div>
```
Element selector:
.fsCategory-61[data-post-id="261"][aria-labelledby="fsArticle_10081_261"]:nth-child(6) > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_261 .fsCategory-61[data-post-id="261"][aria-labelledby="fsArticle_10081_261"]:nth-child(6) > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_268">
Auto Service
</div>
```
Element selector:
article[data-post-id="268"][aria-labelledby="fsArticle_10081_268"][data-slick-index="4"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_268 article[data-post-id="268"][aria-labelledby="fsArticle_10081_268"][data-slick-index="4"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_308">
Barbering
</div>
```
Element selector:
article[data-post-id="308"][aria-labelledby="fsArticle_10081_308"][data-slick-index="5"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_308 article[data-post-id="308"][aria-labelledby="fsArticle_10081_308"][data-slick-index="5"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_317">
Biomedical Sciences Academy
</div>
```
Element selector:
article[data-post-id="317"][aria-labelledby="fsArticle_10081_317"][data-slick-index="6"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_317 article[data-post-id="317"][aria-labelledby="fsArticle_10081_317"][data-slick-index="6"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_301">
Business Office Administration
</div>
```
Element selector:
article[data-post-id="301"][aria-labelledby="fsArticle_10081_301"][data-slick-index="7"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_301 article[data-post-id="301"][aria-labelledby="fsArticle_10081_301"][data-slick-index="7"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_318">
Computer Science Academy
</div>
```
Element selector:
article[data-slick-index="8"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_318 article[data-slick-index="8"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_266">
Construction Trades
</div>
```
Element selector:
article[data-slick-index="9"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_266 article[data-slick-index="9"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_309">
Cosmetology
</div>
```
Element selector:
article[data-slick-index="10"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_309 article[data-slick-index="10"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_310">
Culinary Arts
</div>
```
Element selector:
article[data-slick-index="11"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_310 article[data-slick-index="11"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_320">
Digital Cinema
</div>
```
Element selector:
article[data-slick-index="12"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_320 article[data-slick-index="12"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_304">
Early Childhood Development
</div>
```
Element selector:
article[data-slick-index="13"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_304 article[data-slick-index="13"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_306">
Electrical Technology
</div>
```
Element selector:
article[data-slick-index="14"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_306 article[data-slick-index="14"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_302">
Entrepreneurship
</div>
```
Element selector:
article[data-slick-index="15"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_302 article[data-slick-index="15"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_315">
Firefighter Services
</div>
```
Element selector:
article[data-slick-index="16"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_315 article[data-slick-index="16"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_321">
Graphic Design
</div>
```
Element selector:
article[data-slick-index="17"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_321 article[data-slick-index="17"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_265">
Heat &amp; Air (HVAC/R)
</div>
```
Element selector:
article[data-slick-index="18"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_265 article[data-slick-index="18"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_314">
Information Support Services
</div>
```
Element selector:
article[data-slick-index="19"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_314 article[data-slick-index="19"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_316">
Law Enforcement Services
</div>
```
Element selector:
article[data-slick-index="20"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_316 article[data-slick-index="20"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_125">
Medical Assisting
</div>
```
Element selector:
article[data-slick-index="21"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_125 article[data-slick-index="21"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_303">
Medical Office Technology
</div>
```
Element selector:
article[data-slick-index="22"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_303 article[data-slick-index="22"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_311">
Practical Nursing
</div>
```
Element selector:
article[data-slick-index="23"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_311 article[data-slick-index="23"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_319">
Pre-Engineering
</div>
```
Element selector:
article[data-slick-index="24"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_319 article[data-slick-index="24"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_313">
Radiologic Technology
</div>
```
Element selector:
article[data-slick-index="25"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_313 article[data-slick-index="25"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_267">
Surgical Technology
</div>
```
Element selector:
article[data-slick-index="26"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_267 article[data-slick-index="26"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_307">
Welding
</div>
```
Element selector:
article[data-slick-index="27"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_307 article[data-slick-index="27"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_782">
Safety Training
</div>
```
Element selector:
article[data-slick-index="28"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_782 article[data-slick-index="28"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_783">
Software Training
</div>
```
Element selector:
article[data-slick-index="29"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_783 article[data-slick-index="29"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_1187">
MetroFit
</div>
```
Element selector:
article[data-slick-index="30"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_1187 article[data-slick-index="30"] > .fsBody > .fsTitle
```
<div class="fsTitle " id="fsArticle_10081_263">
Customized Training
</div>
```
Element selector:
article[data-slick-index="31"] > .fsTitle
Failing checks (At least one of these should pass)
- Document has multiple elements referenced with ARIA with the same id attribute: fsArticle_10081_263 article[data-slick-index="31"] > .fsBody > .fsTitle

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

```
<button class="mobile-toggle" type="button">
Mobile toggle
</button>
```
Element selector:
#fsEl_8435 > .fsElementContent > .mobile-toggle[type="button"]
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="fsTitle fsResourceTitle">Hispanic Heritage Month</div>
```
Element selector:
.slick-current.fsResource[data-slick-index="0"] > figure > figcaption > .holder > .fsResourceTitle.fsTitle
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element .slick-current.fsResource[data-slick-index="0"] > figure > figcaption > .holder > .fsResourceTitle.fsTitle

Page Scan Results: Home

Known Issues Summary

Known Issues on This Page

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

ARIA attributes must conform to valid values

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

Needs Review Summary

Needs Review on This Page

IDs used in ARIA and labels must be unique

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

Home