Page Scan Results:
Red River Technology Center
https://www.rrtc.edu/documents/student-resources/financial-aid/423415
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
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<span class="mobile-table" data-v-c72f8896="">Name:</span>
Element selector:.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(1) > .img.first-col.col > .mobile-table[data-v-c72f8896=""]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(1) > .img.first-col.col
-
Element's background color could not be determined due to a background image
-
<a href="https://core-docs.s3.amazonaws.com/documents/asset/uploaded_file/3695/RRTC/2824970/Financial_Aid_Brochure.pdf" target="_blank" rel="noopener noreferrer" data-cy="document-link" data-v-c72f8896="">ScholarshipFinAid 2023-24 </a>
Element selector:.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(1) > .img.first-col.col > a[rel="noopener noreferrer"][data-cy="document-link"][target="_blank"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(1) > .img.first-col.col
-
Element's background color could not be determined due to a background image
-
<span class="mobile-table" data-v-c72f8896="">Name:</span>
Element selector:.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(2) > .img.first-col.col > .mobile-table[data-v-c72f8896=""]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(2) > .img.first-col.col
-
Element's background color could not be determined due to a background image
-
<a href="https://core-docs.s3.amazonaws.com/documents/asset/uploaded_file/3695/RRTC/2824971/Financial_Aid_Policies_and_Procedures_2023_-_2024.pdf" target="_blank" rel="noopener noreferrer" data-cy="document-link" data-v-c72f8896="">Financial Aid Policies-and-Procedures-2023-2024 </a>
Element selector:.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(2) > .img.first-col.col > a[rel="noopener noreferrer"][data-cy="document-link"][target="_blank"]
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
.row[data-cy="document-item"][data-v-c72f8896=""]:nth-child(2) > .img.first-col.col
-
Element's background color could not be determined due to a background image