Discussions List

ID:: discussions-list
Automated score:: 92.8
URL:: https://stackoverflow.com/beta/discussions

10 violations: Light: 2Dark: 4HC Light: 2HC Dark: 2

image-alt

Dark Critical Go to issue image-alt-dark

Ensure <img> elements have alternative text or a role of none or presentation. Images must have alternative text. Help URL

HTML

<img loading="lazy" width="19px" height="15px" style="background:transparent !important; margin:0; padding:0; border:none; position:absolute; right:0px; top:0px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAA5klEQVR42mP4////JmphBnSBvHMPbnCtPfNfYcuFr703n5+jyDCLPVdfgwyDYRB//ZN3RykyrPbyk8sJJ+/eRTb06sdvu8kyDOYakAHIrg06evsRLkMJGuZ64MYzkAtBfFA4guRENpz7BQrbl99/bSPJMJAmEIbJg7wPMgxmKHIkETQM5BqQ65DVzLv36hRyWBJtGLIGkLdAroS5DGTRoVefDpBkmPaOyx+QDQHRIO+SHAHIaQ5XwCMbtgybYaAYBNkO44OSBC5DkA2LxJcDSMpOIABkTEDPm6RkIxTDoAZGonuZVAwAF5yynwxek6cAAAAASUVORK5CYII=">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon,img[width="19px"]

Summary

Fix any of the following:

Element does not have an alt attribute
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"

HTML

<img src="https://nym1-ib.adnxs-simple.com/it?an_audit=0&amp;" width="1" height="1" style="position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#gcc_7opWZ8fIMuK4nboPp4684AU > iframe,img

Summary

Fix any of the following:

Element does not have an alt attribute
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"

HTML

<img width="0" height="0" style="display: block; margin: 0px; padding: 0px; width: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img

Summary

Fix any of the following:

Element does not have an alt attribute
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"

image-alt

HC Light Critical Go to issue image-alt-light-highcontrast

Ensure <img> elements have alternative text or a role of none or presentation. Images must have alternative text. Help URL

HTML

<img loading="lazy" width="19px" height="15px" style="background:transparent !important; margin:0; padding:0; border:none; position:absolute; right:0px; top:0px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAA5klEQVR42mP4////JmphBnSBvHMPbnCtPfNfYcuFr703n5+jyDCLPVdfgwyDYRB//ZN3RykyrPbyk8sJJ+/eRTb06sdvu8kyDOYakAHIrg06evsRLkMJGuZ64MYzkAtBfFA4guRENpz7BQrbl99/bSPJMJAmEIbJg7wPMgxmKHIkETQM5BqQ65DVzLv36hRyWBJtGLIGkLdAroS5DGTRoVefDpBkmPaOyx+QDQHRIO+SHAHIaQ5XwCMbtgybYaAYBNkO44OSBC5DkA2LxJcDSMpOIABkTEDPm6RkIxTDoAZGonuZVAwAF5yynwxek6cAAAAASUVORK5CYII=">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon,img[width="19px"]

Summary

Fix any of the following:

Element does not have an alt attribute
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"

HTML

<img src="https://nym1-ib.adnxs-simple.com/it?an_audit=0&amp;" width="1" height="1" style="position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#gcc_7opWZ8fIMuK4nboPp4684AU > iframe,img

Summary

Fix any of the following:

Element does not have an alt attribute
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"

HTML

<img width="0" height="0" style="display: block; margin: 0px; padding: 0px; width: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img

Summary

Fix any of the following:

Element does not have an alt attribute
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"

image-alt

HC Dark Critical Go to issue image-alt-dark-highcontrast

Ensure <img> elements have alternative text or a role of none or presentation. Images must have alternative text. Help URL

HTML

<img loading="lazy" width="19px" height="15px" style="background:transparent !important; margin:0; padding:0; border:none; position:absolute; right:0px; top:0px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAA5klEQVR42mP4////JmphBnSBvHMPbnCtPfNfYcuFr703n5+jyDCLPVdfgwyDYRB//ZN3RykyrPbyk8sJJ+/eRTb06sdvu8kyDOYakAHIrg06evsRLkMJGuZ64MYzkAtBfFA4guRENpz7BQrbl99/bSPJMJAmEIbJg7wPMgxmKHIkETQM5BqQ65DVzLv36hRyWBJtGLIGkLdAroS5DGTRoVefDpBkmPaOyx+QDQHRIO+SHAHIaQ5XwCMbtgybYaAYBNkO44OSBC5DkA2LxJcDSMpOIABkTEDPm6RkIxTDoAZGonuZVAwAF5yynwxek6cAAAAASUVORK5CYII=">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon,img[width="19px"]

Summary

Fix any of the following:

Element does not have an alt attribute
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"

HTML

<img width="0" height="0" style="display: block; margin: 0px; padding: 0px; width: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img

Summary

Fix any of the following:

Element does not have an alt attribute
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"

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

<span class="s-btn--number">0</span>

Target

.s-btn--number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 56.46Lc (foreground color: #ffffff, background color: #9da0a2, 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

<span class="s-btn--number">0</span>

Target

.s-btn--number

Summary

Fix all of the following:

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

frame-title

Dark Serious Go to issue frame-title-dark

Ensure <iframe> and <frame> elements have an accessible name. Frames must have an accessible name. Help URL

HTML

<iframe id="te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon" frameborder="0" scrolling="no" style="cursor: pointer; display: block; position: absolute; overflow: hidden; margin: 0px; padding: 0px; pointer-events: auto; transform: none !important; background: transparent !important; opacity: 0.8; z-index: 100002; width: 19px; height: 15px; left: 279px; top: 2px; visibility: visible;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

HTML

<iframe src="data:text/html,%0A%20%20%20%20%20%20%3Chtml%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Chead%3E%3C%2Fhead%3E%0A%20%20%20%20%20%20%20%20%3Cbody%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fsecure.adnxs.com%2Fpsa%3Fformat%3Djs%26size%3D300x250%22%3E%3C%2Fscript%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbody%3E%0A%20%20%20%20%20%20%3C%2Fhtml%3E" style="border: 0px; height: 250px; width: 300px; overflow: hidden;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#gcc_7opWZ8fIMuK4nboPp4684AU > iframe

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

frame-title

HC Light Serious Go to issue frame-title-light-highcontrast

Ensure <iframe> and <frame> elements have an accessible name. Frames must have an accessible name. Help URL

HTML

<iframe id="te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon" frameborder="0" scrolling="no" style="cursor: pointer; display: block; position: absolute; overflow: hidden; margin: 0px; padding: 0px; pointer-events: auto; transform: none !important; background: transparent !important; opacity: 0.8; z-index: 100002; width: 19px; height: 15px; left: 279px; top: 2px; visibility: visible;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

HTML

<iframe src="data:text/html,%0A%20%20%20%20%20%20%3Chtml%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Chead%3E%3C%2Fhead%3E%0A%20%20%20%20%20%20%20%20%3Cbody%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fsecure.adnxs.com%2Fpsa%3Fformat%3Djs%26size%3D300x250%22%3E%3C%2Fscript%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbody%3E%0A%20%20%20%20%20%20%3C%2Fhtml%3E" style="border: 0px; height: 250px; width: 300px; overflow: hidden;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#gcc_7opWZ8fIMuK4nboPp4684AU > iframe

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

frame-title

HC Dark Serious Go to issue frame-title-dark-highcontrast

Ensure <iframe> and <frame> elements have an accessible name. Frames must have an accessible name. Help URL

HTML

<iframe id="te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon" frameborder="0" scrolling="no" style="cursor: pointer; display: block; position: absolute; overflow: hidden; margin: 0px; padding: 0px; pointer-events: auto; transform: none !important; background: transparent !important; opacity: 0.8; z-index: 100002; width: 19px; height: 15px; left: 279px; top: 2px; visibility: visible;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-abe23ccc-8a46-4861-8cfe-a77512c24955-icon

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

HTML

<iframe src="data:text/html,%0A%20%20%20%20%20%20%3Chtml%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Chead%3E%3C%2Fhead%3E%0A%20%20%20%20%20%20%20%20%3Cbody%20style%3D%22margin%3A0%3B%20padding%3A0%3B%20overflow%3Ahidden%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fsecure.adnxs.com%2Fpsa%3Fformat%3Djs%26size%3D300x250%22%3E%3C%2Fscript%3E%0A%20%20%20%20%20%20%20%20%3C%2Fbody%3E%0A%20%20%20%20%20%20%3C%2Fhtml%3E" style="border: 0px; height: 250px; width: 300px; overflow: hidden;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#gcc_7opWZ8fIMuK4nboPp4684AU > iframe

Summary

Fix any of the following:

Element has no title attribute
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's default semantics were not overridden with role="none" or role="presentation"

link-in-text-block

Light Serious Go to issue link-in-text-block-light

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/discussions-guidelines" target="_blank">See full Discussions guidelines</a>

Target

#guideline-1 > .s-expandable--content.mt12 > a[target="_blank"]

Summary

Fix any of the following:

The link has insufficient color contrast of 1.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #1b75d0, surrounding text: #636b74)
The link has no styling (such as underline) to distinguish it from the surrounding text

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/discussions-guidelines" target="_blank">See full Discussions guidelines</a>

Target

#guideline-1 > .s-expandable--content.mt12 > a[target="_blank"]

Summary

Fix any of the following:

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