Ask Question

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

11 violations: Light: 3Dark: 4HC Light: 2HC Dark: 2

aria-allowed-attr

Light Critical Go to issue aria-allowed-attr-light

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-details > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-results > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

aria-allowed-attr

Dark Critical Go to issue aria-allowed-attr-dark

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-details > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-results > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

aria-allowed-attr

HC Light Critical Go to issue aria-allowed-attr-light-highcontrast

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-details > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-results > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

aria-allowed-attr

HC Dark Critical Go to issue aria-allowed-attr-dark-highcontrast

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-details > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

HTML

<div class="ps-relative z-base s-textarea overflow-auto hmn2 w100 p0 d-flex fd-column s-editor-resizable" readonly="" aria-readonly="true">

Target

#problem-results > .z-base[readonly=""][aria-readonly="true"]

Summary

Fix all of the following:

ARIA attribute is not allowed: aria-readonly="true"

color-contrast-apca-custom

Light Serious Go to issue color-contrast-apca-custom-light

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

<label for="problem-details" class="d-block s-label c-not-allowed">

Target

label[for="problem-details"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.85Lc (foreground color: #c4c6c7, background color: #ffffff, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mt2 mb6">Introduce the problem and expand on what you put in the title. Minimum 20 characters.</p>

Target

label[for="problem-details"] > .mb6.mt2.s-description

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 23.6Lc (foreground color: #d0d3d5, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<label for="problem-results" class="d-block s-label c-not-allowed">

Target

label[for="problem-results"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.85Lc (foreground color: #c4c6c7, background color: #ffffff, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mt2 mb6">Describe what you tried, what you expected to happen, and what actually resulted. Minimum 20 characters.</p>

Target

label[for="problem-results"] > .mb6.mt2.s-description

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 23.6Lc (foreground color: #d0d3d5, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-label mb2">
                                        Review questions already on Stack Overflow to see if your question is a duplicate.
                                    </p>

Target

.mb2.s-label

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.85Lc (foreground color: #c4c6c7, background color: #ffffff, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mb0">
                                        Clicking on these questions will open them in a new tab for you to review. Your progress here will be saved so you can come back and continue.
                                    </p>

Target

.s-description.mb0

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 23.6Lc (foreground color: #d0d3d5, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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

<label for="problem-details" class="d-block s-label c-not-allowed">

Target

label[for="problem-details"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 17.32Lc (foreground color: #5e6061, background color: #252627, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mt2 mb6">Introduce the problem and expand on what you put in the title. Minimum 20 characters.</p>

Target

label[for="problem-details"] > .mb6.mt2.s-description

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 14.12Lc (foreground color: #56585a, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<label for="problem-results" class="d-block s-label c-not-allowed">

Target

label[for="problem-results"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 17.32Lc (foreground color: #5e6061, background color: #252627, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mt2 mb6">Describe what you tried, what you expected to happen, and what actually resulted. Minimum 20 characters.</p>

Target

label[for="problem-results"] > .mb6.mt2.s-description

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 14.12Lc (foreground color: #56585a, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-label mb2">
                                        Review questions already on Stack Overflow to see if your question is a duplicate.
                                    </p>

Target

.mb2.s-label

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 17.32Lc (foreground color: #5e6061, background color: #252627, font size: 11.3pt (15px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-description mb0">
                                        Clicking on these questions will open them in a new tab for you to review. Your progress here will be saved so you can come back and continue.
                                    </p>

Target

.s-description.mb0

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 14.12Lc (foreground color: #56585a, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

link-in-text-block

Dark Serious Go to issue link-in-text-block-dark

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="https://stackoverflow.com/help/what-is-staging-ground" target="_blank">Learn more</a>

Target

.ta-center.fs-body2 > a[target="_blank"]

Summary

Fix any of the following:

The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
The link has no styling (such as underline) to distinguish it from the surrounding text

scrollable-region-focusable

Light Serious Go to issue scrollable-region-focusable-light

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<div class="s-expandable overflow-auto hmx2 js-question-summary-scroll  d-block" id="js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86">

Target

#js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86

Summary

Fix any of the following:

Element should have focusable content
Element should be focusable

scrollable-region-focusable

Dark Serious Go to issue scrollable-region-focusable-dark

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<div class="s-expandable overflow-auto hmx2 js-question-summary-scroll  d-block" id="js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86">

Target

#js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86

Summary

Fix any of the following:

Element should have focusable content
Element should be focusable

scrollable-region-focusable

HC Light Serious Go to issue scrollable-region-focusable-light-highcontrast

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<div class="s-expandable overflow-auto hmx2 js-question-summary-scroll  d-block" id="js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86">

Target

#js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86

Summary

Fix any of the following:

Element should have focusable content
Element should be focusable

scrollable-region-focusable

HC Dark Serious Go to issue scrollable-region-focusable-dark-highcontrast

Ensure elements that have scrollable content are accessible by keyboard. Scrollable region must have keyboard access. Help URL

HTML

<div class="s-expandable overflow-auto hmx2 js-question-summary-scroll  d-block" id="js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86">

Target

#js-similar-questions-expandable-_e81c5658-7c6a-48d4-975a-134bf9cdf4f4-91A38A714A5C67772506685E0AEF4D86

Summary

Fix any of the following:

Element should have focusable content
Element should be focusable