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-s-tooltip-placement="bottom"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-31wzj1p9">

Target

a[aria-describedby="--stacks-s-tooltip-31wzj1p9"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-nf3fmihf">

Target

a[aria-describedby="--stacks-s-tooltip-nf3fmihf"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-6z42cztj">

Target

a[aria-describedby="--stacks-s-tooltip-6z42cztj"]

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-s-tooltip-placement="bottom"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-31wzj1p9">

Target

a[aria-describedby="--stacks-s-tooltip-31wzj1p9"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-nf3fmihf">

Target

a[aria-describedby="--stacks-s-tooltip-nf3fmihf"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-6z42cztj">

Target

a[aria-describedby="--stacks-s-tooltip-6z42cztj"]

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-s-tooltip-placement="bottom"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-31wzj1p9">

Target

a[aria-describedby="--stacks-s-tooltip-31wzj1p9"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-nf3fmihf">

Target

a[aria-describedby="--stacks-s-tooltip-nf3fmihf"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-6z42cztj">

Target

a[aria-describedby="--stacks-s-tooltip-6z42cztj"]

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-s-tooltip-placement="bottom"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-31wzj1p9">

Target

a[aria-describedby="--stacks-s-tooltip-31wzj1p9"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-nf3fmihf">

Target

a[aria-describedby="--stacks-s-tooltip-nf3fmihf"]

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 href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-gold-300" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-gps-track="subcommunity_link.click({ subcommunity_user_type: 0, subcommunity_slug: aws, link_source: 4 })" aria-describedby="--stacks-s-tooltip-6z42cztj">

Target

a[aria-describedby="--stacks-s-tooltip-6z42cztj"]

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