Discussions List

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

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

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

HTML

<img src="https://us-east-1.event.prod.bidr.io/log/imp/adx?sie=ChEIw_W8hAsQUxiQxvPJ4uyJAxISCgZpbmRlZWQQAhiY7QIg6v8GGgNhZHgghssBKABgAHiz_gaAAY0EkgEDYWR4qAEAwgEA2gEOMjAyNDExMjEwNTAwMDDiAToKDggDEAEQBBADEAIQBxAGEgQIAhABEgQIBxABEgQIBRABEgQIAxABEgQIBhABEgQIARABEgQIBBAB-gEA&amp;wp=Zz7PeAADQ7QE0BN0AB6dy2PB16wnd9wcV7a-fg&amp;fie=IIbLAUoUGMCWsQJCCzE2ODU2MjQ0Mzg4SAFqBhAAGAAgAHCGywGKAREKBgiGywEQAREAAAAAAADwP_IBAPgCAQ==&amp;" style="position: absolute;" width="0" height="0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img[width="0"]

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 src="https://us-east-1.event.prod.bidr.io/log/imp/adx?sie=ChEIw_W8hAsQUxiQxvPJ4uyJAxISCgZpbmRlZWQQAhiY7QIg6v8GGgNhZHgghssBKABgAHiz_gaAAY0EkgEDYWR4qAEAwgEA2gEOMjAyNDExMjEwNTAwMDDiAToKDggDEAEQBBADEAIQBxAGEgQIAhABEgQIBxABEgQIBRABEgQIAxABEgQIBhABEgQIARABEgQIBBAB-gEA&amp;wp=Zz7PeAADQ7QE0BN0AB6dy2PB16wnd9wcV7a-fg&amp;fie=IIbLAUoUGMCWsQJCCzE2ODU2MjQ0Mzg4SAFqBhAAGAAgAHCGywGKAREKBgiGywEQAREAAAAAAADwP_IBAPgCAQ==&amp;" style="position: absolute;" width="0" height="0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img[width="0"]

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 src="https://us-east-1.event.prod.bidr.io/log/imp/adx?sie=ChEIw_W8hAsQUxiQxvPJ4uyJAxISCgZpbmRlZWQQAhiY7QIg6v8GGgNhZHgghssBKABgAHiz_gaAAY0EkgEDYWR4qAEAwgEA2gEOMjAyNDExMjEwNTAwMDDiAToKDggDEAEQBBADEAIQBxAGEgQIAhABEgQIBxABEgQIBRABEgQIAxABEgQIBhABEgQIARABEgQIBBAB-gEA&amp;wp=Zz7PeAADQ7QE0BN0AB6dy2PB16wnd9wcV7a-fg&amp;fie=IIbLAUoUGMCWsQJCCzE2ODU2MjQ0Mzg4SAFqBhAAGAAgAHCGywGKAREKBgiGywEQAREAAAAAAADwP_IBAPgCAQ==&amp;" style="position: absolute;" width="0" height="0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,img[width="0"]

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="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

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

link-in-text-block

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

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

Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text. <svg> elements with an img role must have an alternative text. Help URL

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#previousArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#nextArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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 <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text. <svg> elements with an img role must have an alternative text. Help URL

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#previousArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#nextArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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 <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text. <svg> elements with an img role must have an alternative text. Help URL

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#previousArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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

HTML

<svg xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" fill="currentColor" viewBox="0 0 24 24" class="css-6hlnov eac13zx0">

Target

#google_ads_iframe_\/248424177\/stackoverflow\.com\/sb\/discussions_0,#nextArrow > svg

Summary

Fix any of the following:

  • Element has no child that is a title
  • 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