Page Scan Results:

Office of International Student Services

Ensures <li> elements are used semantically. Axe Reference

1. <li class="dropdown expanded below">

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded: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>
   <a href="/immigration-documents-and-visa-process" data-drupal-link-system-path="node/12874">Immigration Documents and Visa Process</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .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"

3. <li>
   <a href="https://myecu.ecok.edu/ICS/Admissions/" target="_blank" title="This link will take you to MyECU">Online International Student Application</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li: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"

4. <li>
   <a href="/pre-arrival-information" data-drupal-link-system-path="node/434">Pre-arrival Information</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li: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"

5. <li>
   <a href="/english-second-language" data-drupal-link-system-path="node/436">English As a Second Language</a>
   </li>

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .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"

6. <li>
   <a href="/city-ada" data-drupal-link-system-path="node/12829">The City of Ada</a>
   </li>

   Element selector:

   .below.dropdown.expanded:nth-child(1) > .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"

7. <li class="dropdown expanded below">

   Element selector:

   .below.dropdown.expanded: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"

8. <li>
   <a href="/maintaining-immigration-status" data-drupal-link-system-path="node/432">Maintaining Immigration Status</a>
   </li>

   Element selector:

   .below.dropdown.expanded:nth-child(2) > .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"

9. <li>
   <a href="/services-employment" data-drupal-link-system-path="node/431">Employment</a>
   </li>

   Element selector:

   .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li: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"

10. <li>
    <a href="/ssn-and-drivers-license" data-drupal-link-system-path="node/428">SSN and Driver's License</a>
    </li>

    Element selector:

    .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li: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"

11. <li>
    <a href="/travel-information-0" data-drupal-link-system-path="node/426">Travel Information</a>
    </li>

    Element selector:

    .below.dropdown.expanded:nth-child(2) > .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"

12. <li>
    <a href="/international-payments" data-drupal-link-system-path="node/19064">International Payments</a>
    </li>

    Element selector:

    .below.dropdown.expanded:nth-child(2) > .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"

13. <li>
    <a href="/current-students/student-services/office-international-student-services/student-healthcare-insurance" data-drupal-link-system-path="node/430">Student Healthcare Insurance</a>
    </li>

    Element selector:

    .open > .sub-menu[role="menu"] > li: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"

14. <li>
    <a href="/current-students/student-services/office-international-student-services/forms-and-resources" data-drupal-link-system-path="node/439">Forms and Resources</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"

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

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] .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) .below.dropdown.expanded:nth-child(2) .open > .sub-menu[role="menu"] > li:nth-child(3) .open > .sub-menu[role="menu"] > li:nth-child(4)
   • Element uses aria-busy="true" while showing a loader

2. <ul class="sub-menu" role="menu">

   Element selector:

   .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .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.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li:nth-child(1) .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li:nth-child(2) .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li:nth-child(3) .sub-menu[role="menu"] > .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li:nth-child(4) .below.dropdown.expanded:nth-child(1) > .sub-menu[role="menu"] > li:nth-child(5)
   • Element uses aria-busy="true" while showing a loader

3. <ul class="sub-menu" role="menu">

   Element selector:

   .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"]
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: li[tabindex] .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li:nth-child(1) .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li:nth-child(2) .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li:nth-child(3) .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li:nth-child(4) .below.dropdown.expanded:nth-child(2) > .sub-menu[role="menu"] > li:nth-child(5)
   • Element uses aria-busy="true" while showing a loader

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

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

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

1. <h4>Welcome,</h4>

   Element selector:

   .col-1 > .field--name-field-copy.field--type-text-long.clearfix > h4
   Failing checks (At least one of these should pass)

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

2. <strong>International Students</strong>

   Element selector:

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

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

3. <a class="btn btn-primary btn-sm" href="/sites/default/files/ECU%20Int'l%20Student%20App%20Packet%202023.pdf" target="_blank">International Application Packet</a>

   Element selector:

   .column.col-sm-4:nth-child(1) > .field__items > div > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > .text-align-center > .btn.btn-primary.btn-sm
   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. <a class="btn btn-primary btn-sm" href="https://myecu.ecok.edu/ICS/Admissions/International_Admissions/" target="_blank">International Admissions E-Forms</a>

   Element selector:

   .column.col-sm-4:nth-child(2) > .field__items > div > .paragraph--type--content.paragraph.paragraph--view-mode--default > .field--name-field-copy.field--type-text-long.clearfix > .text-align-center > .btn.btn-primary.btn-sm
   Failing checks (At least one of these should pass)

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

5. <p>International Student Programs and Services Office<br>
   East Central University<br>
   1100 East 14th Street, PMB E-1<br>
   Ada, Oklahoma 74820<br>
   USA</p>

   Element selector:

   .content > .field--name-field-copy.field--type-text-long.clearfix > p:nth-child(4)
   Failing checks (At least one of these should pass)

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