Ask Question

ID:: ask-question
Automated score:: 91.8
URL:: https://stackoverflow.com/questions/ask

10 violations: Light: 2Dark: 3HC Light: 2HC Dark: 3

aria-required-parent

Light Critical Go to issue aria-required-parent-light

Ensure elements with an ARIA role that require parent roles are contained by them. Certain ARIA roles must be contained by particular parents. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix any of the following:

Required ARIA parents role not present: menu, menubar, group

aria-required-parent

Dark Critical Go to issue aria-required-parent-dark

Ensure elements with an ARIA role that require parent roles are contained by them. Certain ARIA roles must be contained by particular parents. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix any of the following:

Required ARIA parents role not present: menu, menubar, group

aria-required-parent

HC Light Critical Go to issue aria-required-parent-light-highcontrast

Ensure elements with an ARIA role that require parent roles are contained by them. Certain ARIA roles must be contained by particular parents. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix any of the following:

Required ARIA parents role not present: menu, menubar, group

aria-required-parent

HC Dark Critical Go to issue aria-required-parent-dark-highcontrast

Ensure elements with an ARIA role that require parent roles are contained by them. Certain ARIA roles must be contained by particular parents. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix any of the following:

Required ARIA parents role not present: menu, menubar, group

color-contrast-apca-custom

Dark Serious Go to issue color-contrast-apca-custom-dark

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

HTML

<a class="js-gps-track" data-gps-track="askpage.welcome_search" href="/search" target="_blank">search the site</a>

Target

a[data-gps-track="askpage.welcome_search"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.31Lc (foreground color: #90c4f9, background color: #494d50, font size: 11.3pt (15px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<button class="flex--item s-btn js-modal-close js-dismiss-welcome js-gps-track" data-gps-track="qa_refresh.welcome_dismiss({dismiss_type: 3})" type="button">
                    Don’t show me this again
                </button>

Target

.js-dismiss-welcome

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.31Lc (foreground color: #90c4f9, background color: #494d50, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

color-contrast-enhanced

HC Dark Serious Go to issue color-contrast-enhanced-dark-highcontrast

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. Elements must meet enhanced color contrast ratio thresholds. Help URL

HTML

<a class="js-gps-track" data-gps-track="askpage.welcome_search" href="/search" target="_blank">search the site</a>

Target

a[data-gps-track="askpage.welcome_search"]

Summary

Fix any of the following:

Element has insufficient color contrast of 4.98 (foreground color: #8cbff2, background color: #424548, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="fs-body1 fc-black-400 mb0 md:d-none">You’ll find more tips in the sidebar.</p>

Target

.md\:d-none.fs-body1.mb0

Summary

Fix any of the following:

Element has insufficient color contrast of 5.97 (foreground color: #c8ccd0, background color: #424548, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="flex--item s-btn js-modal-close js-dismiss-welcome js-gps-track" data-gps-track="qa_refresh.welcome_dismiss({dismiss_type: 3})" type="button">
                    Don’t show me this again
                </button>

Target

.js-dismiss-welcome

Summary

Fix any of the following:

Element has insufficient color contrast of 4.98 (foreground color: #8cbff2, background color: #424548, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

link-name

Light Serious Go to issue link-name-light

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
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

link-name

Dark Serious Go to issue link-name-dark

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
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

link-name

HC Light Serious Go to issue link-name-light-highcontrast

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
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

link-name

HC Dark Serious Go to issue link-name-dark-highcontrast

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="#" class="s-topbar--menu-btn js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span></span></a>

Target

.s-topbar--menu-btn

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
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