Page Scan Results:

What Our Graduates Are Saying

Ensures buttons have discernible text. Axe Reference

1. <button type="button" role="presentation" class="owl-prev" tabindex="0"><i class="fa fa-angle-left" aria-label="Click to make previous news article summary visible" aria-hidden="true"></i><span style="display:none;">Previous News Item</span></button>

   Element selector:

   .news-carousel > .owl-nav > .owl-prev[role="presentation"][type="button"]
   Failing checks (At least one of these should pass)

   • Element does not have inner 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
   • Element's role is not presentational because it is focusable

2. <button type="button" role="presentation" class="owl-next" tabindex="0"><span style="display:none;">Next News Item</span><i class="fa fa-angle-right" aria-label="Click to make next news article summary visible" aria-hidden="true"></i></button>

   Element selector:

   .news-carousel > .owl-nav > .owl-next[role="presentation"][type="button"]
   Failing checks (At least one of these should pass)

   • Element does not have inner 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
   • Element's role is not presentational because it is focusable

Ensures every ARIA input field has an accessible name. Axe Reference

1. <div class="news-carousel owl-carousel owl-loaded owl-drag" role="listbox" tabindex="0" data-owl-access-keyup="1" data-owl-carousel-focusable="1">

   Element selector:

   .news-carousel
   Failing checks (At least one of these should pass)

   • 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

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

1. <div class="news-carousel owl-carousel owl-loaded owl-drag" role="listbox" tabindex="0" data-owl-access-keyup="1" data-owl-carousel-focusable="1">

   Element selector:

   .news-carousel
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: [role=presentation], div[aria-hidden] .news-carousel > .owl-nav > .owl-prev[role="presentation"][type="button"] .news-carousel > .owl-nav > .owl-next[role="presentation"][type="button"] .active.owl-item[aria-hidden="false"]:nth-child(6) .active.owl-item[aria-hidden="false"]:nth-child(7)
   • Element uses aria-busy="true" while showing a loader

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px;" data-gtm-yt-inspected-11="true"></iframe>

   Element selector:

   iframe[src="javascript:false"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

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

1. <h1>What Our Graduates Are Saying</h1>

   Element selector:

   .hidden-xs.row > .testimonial-heading.col-sm-12 > h1
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .home-section3

2. <a title="Video interview from Kati Robbins." href="https://vimeo.com/groups/816836/videos/821322666" target="_blank" rel="noopener">Learn more about Kati.</a>

   Element selector:

   .row:nth-child(2) > .no-padding.col-sm-4:nth-child(1) > .flip-container > .flipper > .back > p > span > a[rel="noopener"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

3. <span style="font-size: 12px;">

   Element selector:

   .no-padding.col-sm-4:nth-child(3) > .flip-container > .flipper > .back > p > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

4. <p>

   Element selector:

   .row:nth-child(3) > .no-padding.col-sm-4:nth-child(1) > .flip-container > .flipper > .back > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

5. <p>"My dream is to continue my sheep ranching career and start my own herd and I want
   to open my own feed company one day. My favorite accomplishment is finding a dream
   internship."</p>

   Element selector:

   .row:nth-child(3) > .no-padding.col-sm-4:nth-child(3) > .flip-container > .flipper > .back > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

6. <span>

   Element selector:

   .row:nth-child(4) > .no-padding.col-sm-4:nth-child(1) > .flip-container > .flipper > .back > p > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

7. <a title="Video interview from Delaney Medcalf." href="https://vimeo.com/groups/816836/videos/821321719" target="_blank" rel="noopener">Learn more about Delaney.</a>

   Element selector:

   .row:nth-child(4) > .no-padding.col-sm-4:nth-child(1) > .flip-container > .flipper > .back > p > span > a[rel="noopener"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

8. <p>

   Element selector:

   .row:nth-child(4) > .no-padding.col-sm-4:nth-child(2) > .flip-container > .flipper > .back > p
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

9. <div class="back">

   Element selector:

   .row:nth-child(4) > .no-padding.col-sm-4:nth-child(3) > .flip-container > .flipper > .back
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it partially overlaps other elements

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

1. <input type="search" id="search-q" class="form-control" name="q" title="Search Form">

   Element selector:

   .header-right-top-wrap > .header-right-search-wrap > form > input
   Failing checks (At least one of these should pass)

   • Document has multiple elements referenced with ARIA with the same id attribute: search-q .device-form > .header-right-search-wrap > form > input