Page Scan Results:
Harland C. Stonecipher School of Business

https://www.ecok.edu/academics/colleges-and-schools/harland-c-stonecipher-school-business

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 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
  1. <li class="dropdown collapsed">
    <a href="/academics/find-major-program" data-drupal-link-system-path="academics/find-major-program">Find a Major/Program</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1)
    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"
  2. <li class="dropdown expanded active below">
    Element selector:
    .open > .sub-menu[role="menu"] > .below.active.expanded
    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"
  3. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/college-education-and-psychology" data-drupal-link-system-path="node/153">College of Education and Psychology</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1)
    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"
  4. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/college-health-and-sciences" data-drupal-link-system-path="node/154">College of Health and Sciences</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2)
    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"
  5. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/college-liberal-arts-and-social-sciences" data-drupal-link-system-path="node/155">College of Liberal Arts and Social Sciences</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3)
    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"
  6. <li class="dropdown expanded active below">
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded
    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"
  7. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/accreditation" data-drupal-link-system-path="node/12863">Accreditation</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(1)
    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"
  8. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/department-accounting" data-drupal-link-system-path="node/360">Department of Accounting</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2)
    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"
  9. <li class="dropdown collapsed">
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3)
    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"
  10. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/business-scholar-program" data-drupal-link-system-path="node/479">Business Scholar Program</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(4)
    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"
  11. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/certificates-business" data-drupal-link-system-path="node/4300">Certificates in Business</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(5)
    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"
  12. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/study-abroad" data-drupal-link-system-path="node/4299">Study Abroad</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(6)
    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"
  13. <li>
    <a href="/scholarships/department-scholarships/accounting-scholarships" data-drupal-link-system-path="node/14106">Accounting Scholarships</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(7)
    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"
  14. <li>
    <a href="/scholarships/department-scholarships/business-administration-scholarships" data-drupal-link-system-path="node/14110">Business Administration Scholarships</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(8)
    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"
  15. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/oklahoma-business-week" data-drupal-link-system-path="node/19135">Oklahoma Business Week</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > li:nth-child(9)
    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"
  16. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/student-organizations" data-drupal-link-system-path="node/222">Student Organizations</a>
    </li>
    Element selector:
    .collapsed.dropdown:nth-child(10)
    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"
  17. <li class="dropdown collapsed">
    Element selector:
    .collapsed.dropdown:nth-child(11)
    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"
  18. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/parker-ethics-center" data-drupal-link-system-path="node/463">Parker Ethics Center</a>
    </li>
    Element selector:
    .collapsed.dropdown:nth-child(12)
    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"
  19. <li>
    <a href="/academics/colleges-and-schools/harland-c-stonecipher-school-business/resources" data-drupal-link-system-path="node/389">Resources</a>
    </li>
    Element selector:
    li:nth-child(13)
    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"
  20. <li class="dropdown collapsed">
    <a href="/academics/colleges-and-schools/school-graduate-studies" data-drupal-link-system-path="node/157">School of Graduate Studies</a>
    </li>
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5)
    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"
  21. <li class="dropdown collapsed">
    <a href="/academics/honors-program" target="_self" data-drupal-link-system-path="node/275">Honors Program</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3)
    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"
  22. <li>
    <a href="https://www.ecok.edu/current-students/student-services/office-international-student-services">International Students</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > li:nth-child(4)
    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"
  23. <li class="dropdown collapsed">
    <a href="/academics/distance-education" data-drupal-link-system-path="node/279">Online Degrees</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5)
    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"
  24. <li>
    <a href="/academics/catalog" data-drupal-link-system-path="node/123">Catalog</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > li:nth-child(6)
    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"
  25. <li>
    <a href="https://selfservice.ecok.edu/Student/Courses">Course Schedule</a>
    </li>
    Element selector:
    .open > .sub-menu[role="menu"] > li:nth-child(7)
    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"
  26. <li class="dropdown collapsed">
    <a href="/academics/study-abroadstudy-away" data-drupal-link-system-path="node/15582">Study Abroad/Study Away</a>
    </li>
    Element selector:
    .collapsed.dropdown:nth-child(8)
    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"

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
  1. <a href="/directory/stacey-bolin" hreflang="en">Stacey Bolin</a>
    Element selector:
    a[href$="stacey-bolin"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(2)
  2. <a href="tel:{ field_phone }">580-559-5596</a>
    Element selector:
    tr:nth-child(2) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(2)
  3. <a href="mailto:sbolin@ecok.edu">sbolin@ecok.edu</a>
    Element selector:
    a[href$="mailto:sbolin@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(2)
  4. <a href="/directory/michael-scott" hreflang="en">Michael Scott</a>
    Element selector:
    tr:nth-child(4) > td > strong > a[href$="michael-scott"][hreflang="en"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(4)
  5. <a href="tel:{ field_phone }">580-559-5649</a>
    Element selector:
    tr:nth-child(4) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(4)
  6. <a href="mailto:mscott@ecok.edu">mscott@ecok.edu</a>
    Element selector:
    tr:nth-child(4) > td > a[href$="mailto:mscott@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(4)
  7. <a href="/directory/maddison-brasher" hreflang="en">Maddison Brasher</a>
    Element selector:
    a[href$="maddison-brasher"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(6)
  8. <a href="mailto:madkbra3@ecok.edu">madkbra3@ecok.edu</a>
    Element selector:
    a[href$="mailto:madkbra3@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(6)
  9. <a href="/directory/julie-lee" hreflang="en">Julie Lee</a>
    Element selector:
    a[href$="julie-lee"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(8)
  10. <a href="tel:{ field_phone }">580-559-5300</a>
    Element selector:
    tr:nth-child(8) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(8)
  11. <a href="mailto:juldlee@ecok.edu">juldlee@ecok.edu</a>
    Element selector:
    a[href$="mailto:juldlee@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(8)
  12. <a href="/directory/germain-n-pichop" hreflang="en">Germain N. Pichop</a>
    Element selector:
    a[href$="germain-n-pichop"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(10)
  13. <a href="tel:{ field_phone }">580-559-5271 / 405-413-1063</a>
    Element selector:
    tr:nth-child(10) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(10)
  14. <a href="mailto:gpichop@ecok.edu">gpichop@ecok.edu</a>
    Element selector:
    a[href$="mailto:gpichop@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(10)
  15. <a href="/directory/dwight-hite" hreflang="en">Dwight Hite</a>
    Element selector:
    a[href$="dwight-hite"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(12)
  16. <a href="tel:{ field_phone }">580-559-5194</a>
    Element selector:
    tr:nth-child(12) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(12)
  17. <a href="mailto:dhite@ecok.edu">dhite@ecok.edu</a>
    Element selector:
    td > a[href$="mailto:dhite@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(12)
  18. <a href="/directory/danielle-mcclellan" hreflang="en">Danielle McClellan</a>
    Element selector:
    a[href$="danielle-mcclellan"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(14)
  19. <a href="tel:{ field_phone }">580-559-5527</a>
    Element selector:
    tr:nth-child(14) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(14)
  20. <a href="mailto:dmcclellan@ecok.edu">dmcclellan@ecok.edu</a>
    Element selector:
    a[href="mailto:dmcclellan@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(14)
  21. <a href="/directory/amy-childers-elliott" hreflang="en">Amy Childers-Elliott</a>
    Element selector:
    tr:nth-child(16) > td > strong > a[hreflang="en"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1 tr:nth-child(16)
  22. <a href="tel:{ field_phone }">580-559-5274</a>
    Element selector:
    tr:nth-child(16) > td > a[href$="tel:{ field_phone }"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(16)
  23. <a href="mailto:amycell@ecok.edu">amycell@ecok.edu</a>
    Element selector:
    a[href$="mailto:amycell@ecok.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.32 (foreground color: #dd3810, background color: #fafafa, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 tr:nth-child(16)

Certain ARIA roles must contain particular children

critical

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

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <ul class="sub-menu" role="menu">
    Element selector:
    .open > .sub-menu[role="menu"]
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: li[tabindex] .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1) .open > .sub-menu[role="menu"] > .below.active.expanded .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .open > .sub-menu[role="menu"] > li:nth-child(4) .open > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5) .open > .sub-menu[role="menu"] > li:nth-child(6) .open > .sub-menu[role="menu"] > li:nth-child(7) .collapsed.dropdown:nth-child(8)
    • Element uses aria-busy="true" while showing a loader
  2. <ul class="sub-menu" role="menu">
    Element selector:
    .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"]
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: li[tabindex] .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(1) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2) .open > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(5)
    • Element uses aria-busy="true" while showing a loader
  3. <ul class="sub-menu" role="menu">
    Element selector:
    .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"]
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: li[tabindex] .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(1) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(2) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .collapsed.dropdown:nth-child(3) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(4) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(5) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(6) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(7) .sub-menu[role="menu"] > .below.active.expanded > .sub-menu[role="menu"] > li:nth-child(8) .sub-menu[role="menu"] > li:nth-child(9) .collapsed.dropdown:nth-child(10) .collapsed.dropdown:nth-child(11) .collapsed.dropdown:nth-child(12) li:nth-child(13)
    • Element uses aria-busy="true" while showing a loader

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  1. <iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/RYafdfkveCc?autoplay=1&amp;mute=0" width="560"></iframe>
    Element selector:
    iframe[allow="autoplay; encrypted-media"]
    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"

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
  1. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    Element selector:
    meta[name="viewport"]:nth-child(30)
    Failing checks (At least one of these should pass)
    • user-scalable=no on <meta> tag disables zooming on mobile devices