Page Scan Results:
Red River Technology Center
https://www.rrtc.edu/page/pre-engineering-academy
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
Known Issues on This Page
Elements must only use supported ARIA attributes
Ensures an element's role supports its ARIA attributes. Axe Reference
-
<div id="mainmenu" aria-labelledby="menubutton" aria-modal="true" class="m4-menu--mobile" data-v-26a3390e="">
Element selector:#mainmenu
Failing checks (All of these should pass)
- ARIA attribute is not allowed: aria-modal="true"
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<div id="mainmenu" aria-labelledby="menubutton" aria-modal="true" class="m4-menu--mobile" data-v-26a3390e="">
Element selector:#mainmenu
Failing checks (All of these should pass)
- aria-labelledby attribute cannot be used on a div with no valid role attribute.
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
Needs Review on This Page
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<button id="menu-button-893658" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Program Offerings </span></button>
Element selector:div[display-text="Program Offerings"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-893658
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(2) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-893658
-
<button id="menu-button-898183" role="button" class="m4--drawer-element-title-text light" data-v-2e278acc=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-2e278acc=""> Full-Time Programs </span></button>
Element selector:#drawer-893658 > .m4-menu--drawer-content-wrapper[data-v-0951953c=""] > .m4--drawer-element[data-v-0951953c=""][role="menuitem"]:nth-child(1) > .m4--drawer-element-title > .light.m4--drawer-element-title-text[role="button"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-898183
#\38 93658-collapsible > .mobile-element.child-element.m4--drawer-element:nth-child(1) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-898183
-
<div id="898183-collapsible" aria-labelledby="menu-button-898183" class="m4--drawer-children" style="display:none;" data-v-2e278acc="">
Element selector:.m4--drawer-element[data-v-0951953c=""][role="menuitem"]:nth-child(1) > .m4--drawer-children[aria-labelledby="menu-button-898183"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: 898183-collapsible
.mobile-element.child-element.m4--drawer-element:nth-child(1) > .m4--drawer-children[aria-labelledby="menu-button-898183"]
-
Document has multiple elements referenced with ARIA with the same id attribute: 898183-collapsible
-
<button id="menu-button-898188" role="button" class="m4--drawer-element-title-text light" data-v-2e278acc=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-2e278acc=""> Short-Term Programs </span></button>
Element selector:#drawer-893658 > .m4-menu--drawer-content-wrapper[data-v-0951953c=""] > .m4--drawer-element[data-v-0951953c=""][role="menuitem"]:nth-child(2) > .m4--drawer-element-title > .light.m4--drawer-element-title-text[role="button"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-898188
#\38 93658-collapsible > .mobile-element.child-element.m4--drawer-element:nth-child(2) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-898188
-
<div id="898188-collapsible" aria-labelledby="menu-button-898188" class="m4--drawer-children" style="display:none;" data-v-2e278acc="">
Element selector:.m4--drawer-element[data-v-0951953c=""][role="menuitem"]:nth-child(2) > .m4--drawer-children[aria-labelledby="menu-button-898188"]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: 898188-collapsible
.mobile-element.child-element.m4--drawer-element:nth-child(2) > .m4--drawer-children[aria-labelledby="menu-button-898188"]
-
Document has multiple elements referenced with ARIA with the same id attribute: 898188-collapsible
-
<button id="menu-button-894967" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Assessment Center </span></button>
Element selector:div[display-text="Assessment Center"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-894967
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(3) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-894967
-
<button id="menu-button-894998" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Workforce And Economic Development </span></button>
Element selector:div[item-id="894998"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-894998
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(4) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-894998
-
<button id="menu-button-895091" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Student Resources </span></button>
Element selector:div[display-text="Student Resources"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895091
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(5) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895091
-
<button id="menu-button-895251" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Enrollment Processes </span></button>
Element selector:div[display-text="Enrollment Processes"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895251
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(6) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895251
-
<button id="menu-button-895262" role="button" class="m4--menu-item-text light" data-v-c40be308=""><span tabindex="-1" class="m4--menu-item-focusable" data-v-59bdbb32="" data-v-c40be308=""> Tech Center Info </span></button>
Element selector:div[display-text="Tech Center Info"] > .m4--menu-item-text.light[data-v-c40be308=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895262
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(7) > .m4--drawer-element-title > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895262