Discussions Page

17 violations: Light: 5Dark: 4HC Light: 4HC Dark: 4

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-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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"

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-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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"

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-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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"

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-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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"

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="ml4 s-badge s-badge__xs as-center fc-blue-600 bg-blue-300 bc-blue-300">
                    Author
                </span>

Target

#js-reply-77389139-body > .d-inline-flex.ai-center > .s-badge__xs.as-center.fc-blue-600

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.28Lc (foreground color: #0c3b6a, background color: #92c2f2, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="ml4 s-badge s-badge__xs as-center fc-blue-600 bg-blue-300 bc-blue-300">
                    Author
                </span>

Target

#js-reply-77393612-body > .d-inline-flex.ai-center > .s-badge__xs.as-center.fc-blue-600

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.28Lc (foreground color: #0c3b6a, background color: #92c2f2, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="ml4 s-badge s-badge__xs as-center fc-blue-600 bg-blue-300 bc-blue-300">
                    Author
                </span>

Target

#js-reply-77393615-body > .d-inline-flex.ai-center > .s-badge__xs.as-center.fc-blue-600

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.28Lc (foreground color: #0c3b6a, background color: #92c2f2, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="ml4 s-badge s-badge__xs as-center fc-blue-600 bg-blue-300 bc-blue-300">
                    Author
                </span>

Target

#js-reply-77402435-body > .d-inline-flex.ai-center > .s-badge__xs.as-center.fc-blue-600

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.28Lc (foreground color: #0c3b6a, background color: #92c2f2, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="ml4 s-badge s-badge__xs as-center fc-blue-600 bg-blue-300 bc-blue-300">
                    Author
                </span>

Target

#js-reply-77443479-body > .d-inline-flex.ai-center > .s-badge__xs.as-center.fc-blue-600

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.28Lc (foreground color: #0c3b6a, background color: #92c2f2, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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 href="/users/14115434/hind-sagar-biswas" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.s-user-card__highlighted > .s-user-card--info > .s-user-card--link.lh-lg[itemtype="http://schema.org/Person"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.68 (foreground color: #145799, background color: #edf5fd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

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 href="/users/14115434/hind-sagar-biswas" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.s-user-card__highlighted > .s-user-card--info > .s-user-card--link.lh-lg[itemtype="http://schema.org/Person"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.87 (foreground color: #8cbff2, background color: #22313f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

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

HTML

<iframe id="te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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: 1000001; width: 19px; height: 15px; left: 281px; top: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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 data-creative-load-listener="" id="200_281_express_html_inpage_0.if" src="https://s0.2mdn.net/sadbundle/11290891634618812005/AUDCON_DEV-Innovation_USA_300x600_BAN_NA_NA_NA_Standard_ANI_LEA_NA_1/index.html?ev=01_253" width="300" height="600" frameborder="0" scrolling="no" allowfullscreen="true" style="width: 300px; height: 600px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if

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"

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

HTML

<iframe id="te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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: 1000001; width: 19px; height: 15px; left: 281px; top: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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 data-creative-load-listener="" id="200_281_express_html_inpage_0.if" src="https://s0.2mdn.net/sadbundle/11290891634618812005/AUDCON_DEV-Innovation_USA_300x600_BAN_NA_NA_NA_Standard_ANI_LEA_NA_1/index.html?ev=01_253" width="300" height="600" frameborder="0" scrolling="no" allowfullscreen="true" style="width: 300px; height: 600px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if

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"

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

HTML

<iframe id="te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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: 1000001; width: 19px; height: 15px; left: 281px; top: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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 data-creative-load-listener="" id="200_281_express_html_inpage_0.if" src="https://s0.2mdn.net/sadbundle/11290891634618812005/AUDCON_DEV-Innovation_USA_300x600_BAN_NA_NA_NA_Standard_ANI_LEA_NA_1/index.html?ev=01_253" width="300" height="600" frameborder="0" scrolling="no" allowfullscreen="true" style="width: 300px; height: 600px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if

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"

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

HTML

<iframe id="te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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: 1000001; width: 19px; height: 15px; left: 281px; top: 0px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#te-clr1-9a35d6cf-55fb-4e1e-abf0-5e1dc2afe505-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 data-creative-load-listener="" id="200_281_express_html_inpage_0.if" src="https://s0.2mdn.net/sadbundle/11290891634618812005/AUDCON_DEV-Innovation_USA_300x600_BAN_NA_NA_NA_Standard_ANI_LEA_NA_1/index.html?ev=01_253" width="300" height="600" frameborder="0" scrolling="no" allowfullscreen="true" style="width: 300px; height: 600px;">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if

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"

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

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://www.php-fig.org/psr/" rel="nofollow noreferrer">https://www.php-fig.org/psr/</a>

Target

a[href$="psr/"]

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

HTML

<a href="https://stackoverflow.com/users/19261487/pankaj-dhameliya">Pankaj</a>

Target

#js-reply-78622943-content > p > a:nth-child(1)

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

HTML

<a href="https://stackoverflow.com/users/15400699/zidanpragata">https://stackoverflow.com/users/15400699/zidanpragata</a>

Target

#js-reply-78622943-content > p > a:nth-child(2)

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

HTML

<a href="https://en.wikipedia.org/wiki/Timeline_of_programming_languages#2010s" rel="nofollow noreferrer">some recent programming languages</a>

Target

p:nth-child(4) > a[rel="nofollow noreferrer"]

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

HTML

<a href="https://survey.StackOverflow.co" rel="nofollow noreferrer">SODS</a>

Target

p:nth-child(6) > a[rel="nofollow noreferrer"]

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

HTML

<a href="https://youtu.be/WsnHWxO7Krw" rel="nofollow noreferrer">this video</a>

Target

a[href$="WsnHWxO7Krw"]

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

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

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

HTML

<a href="javascript:void(window.open(clickTag))">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if,a

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

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

HTML

<a href="javascript:void(window.open(clickTag))">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if,a

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

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

HTML

<a href="javascript:void(window.open(clickTag))">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if,a

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

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

HTML

<a href="javascript:void(window.open(clickTag))">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#\32 00_281_express_html_inpage_0\.if,a

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