Page Scan Results:

Please fix the highlighted areas below before submitting.

Ensures links have discernible text. Axe Reference

1. <a href="/" class="school-logo">
   <img class="logo-image desktop-logo" src="/pics/school_logo.png" alt="">
   <img class="logo-image mobile-logo" src="/pics/mobile_logo.png" alt="">
   <div class="school-name-inner hidden">
   SouthernTech
   </div>
   </a>

   Element selector:

   a[href="/"]
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

2. <a href="https://www.facebook.com/southerntechok">

   Element selector:

   .bg-primary.links-list > .link-item.item-name:nth-child(1) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

3. <a href="https://twitter.com/SouthernTechOK">

   Element selector:

   .bg-primary.links-list > .link-item.item-name:nth-child(2) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

4. <a href="https://www.youtube.com/channel/UCTK0T8UFLtZxO9yNedsmVFw">

   Element selector:

   .bg-primary.links-list > .link-item.item-name:nth-child(3) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

5. <a href="https://www.linkedin.com/school/southerntech/">

   Element selector:

   .bg-primary.links-list > .link-item.item-name:nth-child(4) > a
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

6. <a href="http://www.edlio.com" class="powered-by-edlio-logo edlio-logo-horiz">

   Element selector:

   .powered-by-edlio-logo
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • 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 has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

Ensures buttons have discernible text. Axe Reference

1. <button id="sitenav_main_mobile_toggle" class="nav-mobile-toggle accessible-megamenu-toggle animated" aria-expanded="false" aria-pressed="false" aria-controls="accessible-megamenu-1694984935534-1"><span class="nav-mobile-toggle-inner"><span class="hidden">Main Menu Toggle</span></span></button>

   Element selector:

   #sitenav_main_mobile_toggle
   Failing checks (At least one of these should pass)

   • Element does not have inner text that is visible to screen readers
   • 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

2. <button type="submit" class="site-search-button">

   Element selector:

   .site-search-button
   Failing checks (At least one of these should pass)

   • Element does not have inner text that is visible to screen readers
   • 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 has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

1. <uniform-phone-number class="input" id="element_b6ba2e6b-88db-4953-954b-6c943be63179_input" name="element_b6ba2e6b-88db-4953-954b-6c943be63179_input" aria-labelledby="label-element_b6ba2e6b-88db-4953-954b-6c943be63179" placeholder="" data-countrycode="US" data-errormessage="Invalid phone number" ariarequired="true" value="" data-numberresult="">

   Element selector:

   #element_b6ba2e6b-88db-4953-954b-6c943be63179_input
   Failing checks (All of these should pass)

   • aria-labelledby attribute is not well supported on a uniform-phone-number with no valid role attribute.

2. <uniform-email class="input" id="confirmation-email" placeholder="" inputid="confirmation_email_field" name="confirmation_email" aria-labelledby="confirmation-email-label" data-errormessage="Invalid email address" required="" ariarequired="true">

   Element selector:

   #confirmation-email
   Failing checks (All of these should pass)

   • aria-labelledby attribute is not well supported on a uniform-email with no valid role attribute.

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

1. <textarea id="element_0de3b20c-ef7b-4365-b3c2-aafbb982ebf5_input" name="element_0de3b20c-ef7b-4365-b3c2-aafbb982ebf5_input" aria-labelledby="label-element_0de3b20c-ef7b-4365-b3c2-aafbb982ebf5" rows="4" aria-required="true"></textarea>

   Element selector:

   #element_0de3b20c-ef7b-4365-b3c2-aafbb982ebf5_input
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element #element_0de3b20c-ef7b-4365-b3c2-aafbb982ebf5_input