Collectives Overview

ID:
collectives-overview
Automated score:
95.6
URL:
https://stackoverflow.com/collectives/aws?tab=overview
View JSON file

5 violations: Light: 1Dark: 2HC Light: 1HC Dark: 1

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-navigation--item-text" data-text="Overview">Overview</span>

Target

span[data-text="Overview"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.19Lc (foreground color: #252627, background color: #f8991c, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

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

HTML

<a href="/help/collectives-what-are" class="ml12">

Target

a[href$="collectives-what-are"]

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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://stackoverflow.com/contact?topic=15" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[data-controller="s-tooltip"]

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="/help/collectives-what-are" class="ml12">

Target

a[href$="collectives-what-are"]

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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://stackoverflow.com/contact?topic=15" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[data-controller="s-tooltip"]

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="/help/collectives-what-are" class="ml12">

Target

a[href$="collectives-what-are"]

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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://stackoverflow.com/contact?topic=15" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[data-controller="s-tooltip"]

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="/help/collectives-what-are" class="ml12">

Target

a[href$="collectives-what-are"]

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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://stackoverflow.com/contact?topic=15" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[data-controller="s-tooltip"]

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