Page Scan Results:
Red River Technology Center
https://www.rrtc.edu/
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:#mainmenuFailing 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:#mainmenuFailing 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
ARIA attributes must conform to valid values
Ensures all ARIA attributes have valid values. Axe Reference
-
<button aria-current="active" class="square button-action" style="background-color:#474747;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 1 (current)</span></div></button>Element selector:button[aria-current="active"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="active"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 2</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(2) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 3</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(3) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 4</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(4) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 5</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(5) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 6</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(6) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 7</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(7) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 8</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(8) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 9</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(9) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
-
<button aria-current="inactive" class="square button-action" style="background-color:#fff;" data-v-60eeef64=""><div tabindex="-1" class="button-action-content" data-v-60eeef64=""><span class="sr-only" data-v-60eeef64="">Image 10</span></div></button>Element selector:div[data-v-60eeef64=""]:nth-child(10) > .square.button-action[aria-current="inactive"]Failing checks (All of these should pass)
- ARIA attribute value is invalid and will be treated as "aria-current=true": aria-current="inactive"
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[data-v-c40be308=""][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-893658
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(2) > .m4--drawer-element-title[data-v-2e278acc=""] > .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[data-v-2e278acc=""] > .m4--drawer-element-title-text.light[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[data-v-2e278acc=""] > .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"][data-v-2e278acc=""]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"][data-v-2e278acc=""]
-
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[data-v-2e278acc=""] > .m4--drawer-element-title-text.light[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[data-v-2e278acc=""] > .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"][data-v-2e278acc=""]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"][data-v-2e278acc=""]
-
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[data-v-c40be308=""][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-894967
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(3) > .m4--drawer-element-title[data-v-2e278acc=""] > .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[data-v-c40be308=""][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-894998
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(4) > .m4--drawer-element-title[data-v-2e278acc=""] > .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[data-v-c40be308=""][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-895091
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(5) > .m4--drawer-element-title[data-v-2e278acc=""] > .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[data-v-c40be308=""][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-895251
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(6) > .m4--drawer-element-title[data-v-2e278acc=""] > .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[data-v-c40be308=""][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-895262
.mobile-element.m4--drawer-element[data-v-19e126c1=""]:nth-child(7) > .m4--drawer-element-title[data-v-2e278acc=""] > .m4--drawer-element-title-text[role="button"]
-
Document has multiple elements referenced with ARIA with the same id attribute: menu-button-895262