Collectives Overview

ID:
collectives-overview
Automated score:
95.7
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://aws.amazon.com" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-website-tooltip">

Target

a[href$="aws.amazon.com"]

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="mailto:[email protected]" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[aria-describedby="collective-contact-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://twitter.com/awsdevelopers" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-twitter-tooltip">

Target

a[aria-describedby="collective-twitter-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://facebook.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-facebook-tooltip">

Target

a[aria-describedby="collective-facebook-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://instagram.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-instagram-tooltip">

Target

a[aria-describedby="collective-instagram-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://github.com/aws" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-repo-tooltip">

Target

a[aria-describedby="collective-repo-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

HTML

<a href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-silver-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-n33l6gs4">

Target

.fc-silver-300

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-9otsxipx">

Target

.fc-gold-300

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://aws.amazon.com" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-website-tooltip">

Target

a[href$="aws.amazon.com"]

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="mailto:[email protected]" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[aria-describedby="collective-contact-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://twitter.com/awsdevelopers" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-twitter-tooltip">

Target

a[aria-describedby="collective-twitter-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://facebook.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-facebook-tooltip">

Target

a[aria-describedby="collective-facebook-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://instagram.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-instagram-tooltip">

Target

a[aria-describedby="collective-instagram-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://github.com/aws" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-repo-tooltip">

Target

a[aria-describedby="collective-repo-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

HTML

<a href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-silver-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-n33l6gs4">

Target

.fc-silver-300

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-9otsxipx">

Target

.fc-gold-300

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://aws.amazon.com" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-website-tooltip">

Target

a[href$="aws.amazon.com"]

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="mailto:[email protected]" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[aria-describedby="collective-contact-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://twitter.com/awsdevelopers" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-twitter-tooltip">

Target

a[aria-describedby="collective-twitter-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://facebook.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-facebook-tooltip">

Target

a[aria-describedby="collective-facebook-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://instagram.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-instagram-tooltip">

Target

a[aria-describedby="collective-instagram-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://github.com/aws" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-repo-tooltip">

Target

a[aria-describedby="collective-repo-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

HTML

<a href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-silver-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-n33l6gs4">

Target

.fc-silver-300

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-9otsxipx">

Target

.fc-gold-300

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://aws.amazon.com" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-website-tooltip">

Target

a[href$="aws.amazon.com"]

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="mailto:[email protected]" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-contact-tooltip">

Target

a[aria-describedby="collective-contact-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://twitter.com/awsdevelopers" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-twitter-tooltip">

Target

a[aria-describedby="collective-twitter-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://facebook.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-facebook-tooltip">

Target

a[aria-describedby="collective-facebook-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://instagram.com/amazonwebservices" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-instagram-tooltip">

Target

a[aria-describedby="collective-instagram-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

HTML

<a class="s-link s-link__inherit ml12" target="_blank" href="https://github.com/aws" data-controller="s-tooltip" data-s-tooltip-placement="bottom" aria-describedby="collective-repo-tooltip">

Target

a[aria-describedby="collective-repo-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

HTML

<a href="/collectives/aws" class="ml4 va-text-bottom js-gps-track fc-silver-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-n33l6gs4">

Target

.fc-silver-300

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-9otsxipx">

Target

.fc-gold-300

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