Collectives Overview

ID:
collectives-overview
Automated score:
95.7
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

<a href="/collectives/aws?tab=overview" class="s-navigation--item is-selected js-gps-track" data-gps-track="collectives_nav_tab_clicked({ collectives_slug: aws, nav_tab: 2, has_activity_notification: False })">
                    Overview
                </a>

Target

.is-selected

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: 400). 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-uwtc1lek">

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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

Target

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

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