Page Scan Results:

STUDENT STORIES

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

1. <span class="date">Jun 20, 2023</span>

   Element selector:

   .col-lg-3 > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .col-lg-3 > .article.card

2. <span class="date">May 03, 2023</span>

   Element selector:

   .row:nth-child(1) > .col-md-6:nth-child(1) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(1) > .col-md-6:nth-child(1) > .article.card

3. <span class="date">Apr 05, 2023</span>

   Element selector:

   .row:nth-child(1) > .col-md-6:nth-child(2) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(1) > .col-md-6:nth-child(2) > .article.card

4. <span class="date">Apr 05, 2023</span>

   Element selector:

   .row:nth-child(2) > .col-md-6:nth-child(1) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(2) > .col-md-6:nth-child(1) > .article.card

5. <span class="date">Apr 04, 2023</span>

   Element selector:

   .row:nth-child(2) > .col-md-6:nth-child(2) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(2) > .col-md-6:nth-child(2) > .article.card

6. <span class="date">Apr 04, 2023</span>

   Element selector:

   .row:nth-child(3) > .col-md-6:nth-child(1) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(3) > .col-md-6:nth-child(1) > .article.card

7. <span class="date">Apr 03, 2023</span>

   Element selector:

   .row:nth-child(3) > .col-md-6:nth-child(2) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(3) > .col-md-6:nth-child(2) > .article.card

8. <span class="date">Mar 29, 2023</span>

   Element selector:

   .row:nth-child(4) > .col-md-6:nth-child(1) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(4) > .col-md-6:nth-child(1) > .article.card

9. <span class="date">Mar 23, 2023</span>

   Element selector:

   .row:nth-child(4) > .col-md-6:nth-child(2) > .article.card > .card-body > h3 > .date
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.1 (foreground color: #c8b081, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .row:nth-child(4) > .col-md-6:nth-child(2) > .article.card

10. <a href="/admissions/apply.php?mtm_campaign=ongoing&amp;mtm_kwd=apply-now&amp;mtm_source=orustories&amp;mtm_medium=organic" class="btn btn-default btn-light-blue col mb-0">Apply Now</a>

    Element selector:

    .btn-light-blue.mb-0.col:nth-child(13)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .btn-light-blue.mb-0.col:nth-child(13)

11. <a href="/news/newsroom/index.php" class="btn btn-default btn-light-blue col mb-0">Newsroom</a>

    Element selector:

    .btn-light-blue.mb-0[href="/news/newsroom/index.php"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .btn-light-blue.mb-0[href="/news/newsroom/index.php"]

12. <a href="/student-profiles/index.php" class="btn btn-default btn-light-blue col mb-0">Student Profiles</a>

    Element selector:

    a[href="/student-profiles/index.php"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 a[href="/student-profiles/index.php"]

13. <a href="/news/oru-general-info-media-kit.php" target="_blank" rel="noopener" class="btn btn-default btn-light-blue">Media Kit</a>

    Element selector:

    a[rel="noopener"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.7 (foreground color: #ffffff, background color: #6da3cd, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 a[rel="noopener"]

Ensures all elements with a role attribute use a valid value. Axe Reference

1. <div class="row interior-hero" role="contenting" aria-label="Student Stories">

   Element selector:

   .interior-hero
   Failing checks (All of these should pass)

   • Role must be one of the valid ARIA roles: contenting

2. <div class="interior-hero-short-no-overlay" role="image" aria-label="Student Stories" style="background-image: url('/_resources/images/new-GC-update-hero-image.jpg');"></div>

   Element selector:

   .interior-hero-short-no-overlay
   Failing checks (All of these should pass)

   • Role must be one of the valid ARIA roles: image

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <div class="interior-hero-short-no-overlay" role="image" aria-label="Student Stories" style="background-image: url('/_resources/images/new-GC-update-hero-image.jpg');"></div>

   Element selector:

   .interior-hero-short-no-overlay
   Failing checks (All of these should pass)

   • aria-label attribute cannot be used with role "null".

Ensures links have discernible text. Axe Reference

1. <a href="#collapse-search" aria-controls="collapse-search" aria-expanded="false" data-toggle="collapse">
   <div class="search-title">Search</div><span class="fas fa-search" aria-hidden="true"></span></a>

   Element selector:

   a[aria-controls="collapse-search"]
   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

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <button onclick="set_lang_ch()" style="padding:none;">
   <a class="item-ch" target="_top" data-locale="zh_cn" href="?locale=zh_cn" title="漢語" aria-label="Translate to 漢語"> 
   <img src="https://uploads.bablic.com/flags/32/zh_cn.png" alt="漢語">
   </a>
   </button>

   Element selector:

   button[onclick="set_lang_ch()"]
   Failing checks (At least one of these should pass)

   • Element has focusable descendants .item-ch

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <div class="row interior-hero" role="contenting" aria-label="Student Stories">

   Element selector:

   .interior-hero
   Failing checks (All of these should pass)

   • aria-label attribute is not well supported with role "null".

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

1. <h2>Take the next step<br>toward your career.</h2>

   Element selector:

   .caption > h2
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image .overlay .cta-hero