diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 94bf662ea0d..b3ca6359c1c 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -2,7 +2,7 @@
 name: Bug Report 🐛
 about: Something isn't working as expected? Here is the right place to report.
 labels: bug
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, RaphaelAmadeu, JennySanchez, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, andysherman2121, IgnacioBecerra
 ---
 
 <!-- Feel free to remove sections that aren't relevant.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index 20d38b4e188..ba439c22a36 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -3,7 +3,7 @@ name: Feature Request 💡
 about: Suggest a new idea for the project.
 title: ''
 labels: Feature request
-assignees: jeffchew, wonilsuhibm, RaphaelAmadeu, JennySanchez, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, andysherman2121, IgnacioBecerra
 ---
 
 <!-- replace _{{...}}_ with your own words -->
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
index f9bbfab67a3..f83b1017d98 100644
--- a/.github/ISSUE_TEMPLATE/question.md
+++ b/.github/ISSUE_TEMPLATE/question.md
@@ -2,7 +2,7 @@
 name: Question 🤔
 about: Usage question or discussion about Carbon for IBM.com.
 labels: question
-assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, RaphaelAmadeu, JennySanchez, IgnacioBecerra
+assignees: jeffchew, wonilsuhibm, ljcarot, RobertaJHahn, andysherman2121, IgnacioBecerra
 ---
 
 <!--
diff --git a/packages/react/src/components/LocaleModal/LocaleModalRegions.js b/packages/react/src/components/LocaleModal/LocaleModalRegions.js
index 9b765107d0e..5b95b16a8ae 100755
--- a/packages/react/src/components/LocaleModal/LocaleModalRegions.js
+++ b/packages/react/src/components/LocaleModal/LocaleModalRegions.js
@@ -150,14 +150,16 @@ export const addLocaleBackBtnListeners = (
         : returnButtonLabel
     );
 
-    btn.addEventListener('click', function click() {
+    btn.addEventListener('click', function click(e) {
       localeBackActive(btn, setIsFiltering, setClearResults);
       btn.removeEventListener('click', click);
+      e.preventDefault();
     });
     btn.addEventListener('keyup', function keyup(e) {
       if (e.keyCode === 32 || e.keyCode === 13) {
         localeBackActive(btn, setIsFiltering, setClearResults);
         btn.removeEventListener('keyup', keyup);
+        e.preventDefault();
       }
     });
   });
diff --git a/packages/web-components/examples/codesandbox/components/content-block-cards/index.html b/packages/web-components/examples/codesandbox/components/content-block-cards/index.html
index fef7ffc69fd..769ee608f01 100644
--- a/packages/web-components/examples/codesandbox/components/content-block-cards/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-block-cards/index.html
@@ -63,7 +63,7 @@
                 </dds-card-cta-footer>
               </dds-card-group-item>
             </dds-card-group>
-            <dds-card-cta slot="cta" cta-type="local" href="https://www.ibm.com">
+            <dds-card-cta slot="footer" cta-type="local" href="https://www.ibm.com">
               <p>Lorem ipsum dolor sit ametttt</p>
               <svg slot="footer" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
                 <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
diff --git a/packages/web-components/examples/codesandbox/components/content-block-headlines/index.html b/packages/web-components/examples/codesandbox/components/content-block-headlines/index.html
index 70e05579c35..2ae953e2bf1 100644
--- a/packages/web-components/examples/codesandbox/components/content-block-headlines/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-block-headlines/index.html
@@ -32,7 +32,7 @@
                 >Modernize mission-critical applications and infrastructure in a hybrid multicloud environment up to 25 percent
                 faster.</dds-content-item-copy
               >
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
                   Link text
                 </dds-link-list-item-cta>
@@ -44,7 +44,7 @@
                 >Modernize mission-critical applications and infrastructure in a hybrid multicloud environment up to 25 percent
                 faster.</dds-content-item-copy
               >
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
                   Link text
                 </dds-link-list-item-cta>
@@ -53,7 +53,7 @@
             <dds-content-block-headlines-item slot="content">
               <dds-content-block-headlines-heading>1.34M</dds-content-block-headlines-heading>
               <dds-content-item-copy slot="copy">Save 1.34M per year by optimizing your time and IT expenses.</dds-content-item-copy>
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
                   Link text
                 </dds-link-list-item-cta>
@@ -65,7 +65,7 @@
                 >Modernize mission-critical applications and infrastructure in a hybrid multicloud environment up to 25 percent
                 faster.</dds-content-item-copy
               >
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
                   Link text
                 </dds-link-list-item-cta>
diff --git a/packages/web-components/examples/codesandbox/components/content-block-segmented/index.html b/packages/web-components/examples/codesandbox/components/content-block-segmented/index.html
index ca3997b9668..06155e864df 100644
--- a/packages/web-components/examples/codesandbox/components/content-block-segmented/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-block-segmented/index.html
@@ -50,7 +50,7 @@
               </dds-image-with-caption>
               <dds-text-cta slot="footer" cta-type="local" icon-placement="right" href="https://example.com">Lorem Ipsum dolor sit</dds-text-cta>
             </dds-content-block-segmented-item>
-            <dds-card-cta slot="cta" cta-type="local" href="https://example.com">
+            <dds-card-cta slot="footer" cta-type="local" href="https://example.com">
               Lorem ipsum dolor
               <dds-card-cta-footer></dds-card-cta-footer>
             </dds-card-cta>
diff --git a/packages/web-components/examples/codesandbox/components/content-block-simple/index.html b/packages/web-components/examples/codesandbox/components/content-block-simple/index.html
index 5778b397b8c..3bc8571cdfe 100644
--- a/packages/web-components/examples/codesandbox/components/content-block-simple/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-block-simple/index.html
@@ -31,7 +31,7 @@
               <dds-image-item media="(min-width: 400px)" srcset="https://fpoimg.com/400x225?text=16:9&bg_color=ee5396&text_color=161616"></dds-image-item>
               <dds-image-item media="(min-width: 320px)" srcset="https://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616"></dds-image-item>
             </dds-image>
-            <dds-text-cta slot="cta" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
+            <dds-text-cta slot="footer" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
           </dds-content-block-simple>
         </div>
       </div>
diff --git a/packages/web-components/examples/codesandbox/components/content-group-horizontal/index.html b/packages/web-components/examples/codesandbox/components/content-group-horizontal/index.html
index 1832e7a8d83..bfcad68d276 100644
--- a/packages/web-components/examples/codesandbox/components/content-group-horizontal/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-group-horizontal/index.html
@@ -29,7 +29,7 @@
               <span slot="eyebrow">Lorem ipsum</span>
               <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>
               <dds-content-item-horizontal-copy>Lorem ipsum dolor sit amet, _consectetur_ adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin.</dds-content-item-horizontal-copy>
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta
                   icon-placement="right"
                   href="https://www.ibm.com"
diff --git a/packages/web-components/examples/codesandbox/components/content-group-pictograms/index.html b/packages/web-components/examples/codesandbox/components/content-group-pictograms/index.html
index d240c360080..70d915d9194 100644
--- a/packages/web-components/examples/codesandbox/components/content-group-pictograms/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-group-pictograms/index.html
@@ -56,7 +56,7 @@
               <dds-content-item-copy>
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non porttitor libero, in venenatis magna.
               </dds-content-item-copy>
-              <dds-link-with-icon href="https://www.example.com" slot="cta">
+              <dds-link-with-icon href="https://www.example.com" slot="footer">
                 Aliquam condimentum interdum
                 <svg id="icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32">
                   <defs>
diff --git a/packages/web-components/examples/codesandbox/components/content-item-horizontal/index.html b/packages/web-components/examples/codesandbox/components/content-item-horizontal/index.html
index 92a53cd7872..29d46ac5f11 100644
--- a/packages/web-components/examples/codesandbox/components/content-item-horizontal/index.html
+++ b/packages/web-components/examples/codesandbox/components/content-item-horizontal/index.html
@@ -27,7 +27,7 @@ <h1>Hello World! 👋</h1>
     <span slot="eyebrow">Lorem ipsum</span>
     <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>
     <dds-content-item-horizontal-copy>Lorem ipsum dolor sit amet, _consectetur_ adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin.</dds-content-item-horizontal-copy>
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
diff --git a/packages/web-components/examples/codesandbox/components/cta-section/index.html b/packages/web-components/examples/codesandbox/components/cta-section/index.html
index c1dc2a6d3e1..c0474b3e259 100644
--- a/packages/web-components/examples/codesandbox/components/cta-section/index.html
+++ b/packages/web-components/examples/codesandbox/components/cta-section/index.html
@@ -26,14 +26,14 @@
           <dds-cta-section>
             <dds-content-block-heading>Curabitur malesuada varius mi eu posuere</dds-content-block-heading>
             <dds-cta-section-copy>Want to discuss your options with a DevOps expert? Contact our sales team to evaluate your needs.</dds-cta-section-copy>
-            <dds-button-group slot='buttons'>
-                <dds-button-group-item href="https://example.com">
-                  Primary Button
-                </dds-button-group-item>
-                <dds-button-group-item href="https://example.com">
-                  Primary button
-                </dds-button-group-item>
-              </dds-button-group>
+            <dds-button-group slot="action">
+              <dds-button-group-item href="https://example.com">
+                Primary Button
+              </dds-button-group-item>
+              <dds-button-group-item href="https://example.com">
+                Primary button
+              </dds-button-group-item>
+            </dds-button-group>
           </dds-cta-section>
         </div>
       </div>
diff --git a/packages/web-components/examples/codesandbox/components/pictogram-item/index.html b/packages/web-components/examples/codesandbox/components/pictogram-item/index.html
index d20a2191118..db88b586b39 100644
--- a/packages/web-components/examples/codesandbox/components/pictogram-item/index.html
+++ b/packages/web-components/examples/codesandbox/components/pictogram-item/index.html
@@ -69,7 +69,7 @@ <h1>Hello World! 👋</h1>
     </svg>
     <dds-content-item-heading>Lorem ipsum dolor sit</dds-content-item-heading>
     <dds-content-item-copy>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</dds-content-item-copy>
-    <dds-link-with-icon slot="cta">
+    <dds-link-with-icon slot="footer">
       Lorem ipsum dolor
       <svg
         slot="icon"
diff --git a/packages/web-components/examples/codesandbox/usage/markdown-handlebars/index.hbs b/packages/web-components/examples/codesandbox/usage/markdown-handlebars/index.hbs
index 3443c238b08..e7a43f45172 100644
--- a/packages/web-components/examples/codesandbox/usage/markdown-handlebars/index.hbs
+++ b/packages/web-components/examples/codesandbox/usage/markdown-handlebars/index.hbs
@@ -59,7 +59,7 @@ LICENSE file in the root directory of this source tree.
             <dds-image-item media="(min-width: 320px)"
               srcset="https://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616"></dds-image-item>
           </dds-image>
-          <dds-text-cta slot="cta" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
+          <dds-text-cta slot="footer" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
         </dds-content-block-simple>
       </div>
     </div>
diff --git a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
index ee5ea8f21dd..a87bd45b8c6 100644
--- a/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
+++ b/packages/web-components/src/components/callout-quote/__stories__/callout-quote.stories.ts
@@ -29,7 +29,7 @@ export const Default = ({ parameters }) => {
       <span slot="sourceBottomCopy">
         ${sourceBottomCopy}
       </span>
-      <dds-link-with-icon slot="cta" href="https://example.com">
+      <dds-link-with-icon slot="footer" href="https://example.com">
         Link with Icon ${ArrowRight20({ slot: 'icon' })}
       </dds-link-with-icon>
     </dds-callout-quote>
diff --git a/packages/web-components/src/components/card/__stories__/README.stories.mdx b/packages/web-components/src/components/card/__stories__/README.stories.mdx
index df25df145d7..f4f9b874803 100644
--- a/packages/web-components/src/components/card/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/card/__stories__/README.stories.mdx
@@ -28,7 +28,17 @@ import '@carbon/ibmdotcom-web-components/es/components/card/card.js';
   <span slot="heading">Lorem ipsum dolor sit amet</span>
   <dds-card-footer slot="footer">
     Card cta text
-    <svg slot="icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
+    <svg
+      slot="icon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      aria-hidden="true"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+    >
       <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
     </svg>
   </dds-card-footer>
@@ -39,4 +49,12 @@ import '@carbon/ibmdotcom-web-components/es/components/card/card.js';
 
 <Props of="dds-card" />
 
+## Stable selectors
+
+See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/master/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+
+| Web Components selector | Compatibility selector    | Description |
+| ----------------------- | ------------------------- | ----------- |
+| `<dds-card>`            | `data-autoid="dds--card"` | Component   |
+
 <Description markdown={contributing} />
diff --git a/packages/web-components/src/components/card/card.ts b/packages/web-components/src/components/card/card.ts
index 9bedcac5cbb..ab81034867f 100644
--- a/packages/web-components/src/components/card/card.ts
+++ b/packages/web-components/src/components/card/card.ts
@@ -11,6 +11,7 @@ import { html, property, internalProperty, customElement, TemplateResult } from
 import settings from 'carbon-components/es/globals/js/settings';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import { BASIC_COLOR_SCHEME } from '../../globals/shared-enums';
+import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import DDSLink from '../../globals/internal/link';
 import DDSCardFooter from './card-footer';
 import styles from './card.scss';
@@ -37,7 +38,7 @@ const slotExistencePropertyNames = {
  * @slot footer - The footer content.
  */
 @customElement(`${ddsPrefix}-card`)
-class DDSCard extends DDSLink {
+class DDSCard extends StableSelectorMixin(DDSLink) {
   /**
    * `true` if there is eyebrow content.
    */
@@ -163,7 +164,7 @@ class DDSCard extends DDSLink {
    * A selector that will return the child footer.
    */
   static get selectorFooter() {
-    return `${ddsPrefix}-card-footer`;
+    return `${ddsPrefix}-card`;
   }
 
   static styles = styles;
diff --git a/packages/web-components/src/components/content-block-cards/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-cards/__stories__/README.stories.mdx
index aae9f5578ff..99e45fae191 100644
--- a/packages/web-components/src/components/content-block-cards/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-cards/__stories__/README.stories.mdx
@@ -71,7 +71,7 @@ import '@carbon/ibmdotcom-web-components/es/components/cta/video-cta-container.j
       </dds-card-cta-footer>
     </dds-card-group-item>
   </dds-card-group>
-  <dds-card-cta slot="cta" cta-type="local" href="https://www.ibm.com">
+  <dds-card-cta slot="footer" cta-type="local" href="https://www.ibm.com">
     <p>Lorem ipsum dolor sit ametttt</p>
     <svg slot="footer" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
       <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
diff --git a/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts b/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
index 3e0f7890e63..dbb5d6edf29 100644
--- a/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
+++ b/packages/web-components/src/components/content-block-cards/__stories__/content-block-cards.stories.ts
@@ -74,7 +74,7 @@ export const Default = ({ parameters }) => {
       <dds-card-group slot="content">
         ${cardGroupItem} ${cardGroupItem} ${cardGroupItem} ${cardGroupItem} ${cardGroupItem}
       </dds-card-group>
-      <dds-card-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
+      <dds-card-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
         <p>${ctaCopy}</p>
         ${ArrowRight20({ slot: 'footer' })}
       </dds-card-cta>
@@ -91,7 +91,7 @@ export const withImages = ({ parameters }) => {
         ${cardGroupItemWithImages} ${cardGroupItemWithImages} ${cardGroupItemWithImages} ${cardGroupItemWithImages}
         ${cardGroupItemWithImages}
       </dds-card-group>
-      <dds-card-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
+      <dds-card-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
         <p>${ctaCopy}</p>
         ${ArrowRight20({ slot: 'footer' })}
       </dds-card-cta>
@@ -108,7 +108,7 @@ export const withVideos = ({ parameters }) => {
         ${cardGroupItemWithVideos} ${cardGroupItemWithVideos} ${cardGroupItemWithVideos} ${cardGroupItemWithVideos}
         ${cardGroupItemWithVideos}
       </dds-card-group>
-      <dds-card-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
+      <dds-card-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
         <p>${ctaCopy}</p>
         ${ArrowRight20({ slot: 'footer' })}
       </dds-card-cta>
diff --git a/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts b/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
index 4813bab77f4..98bbbcc15b2 100644
--- a/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
+++ b/packages/web-components/src/components/content-block-cards/__tests__/content-block-cards.test.ts
@@ -18,7 +18,7 @@ const template = (props?) => {
     <dds-content-block-cards>
       <dds-content-block-heading>${heading}</dds-content-block-heading>
       <dds-card-group>${children}</dds-card-group>
-      <dds-card-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
+      <dds-card-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">
         <p>ctaCopy-foo</p>
         ${ArrowRight20({ slot: 'footer' })}
       </dds-card-cta>
diff --git a/packages/web-components/src/components/content-block-headlines/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-headlines/__stories__/README.stories.mdx
index 037d0ba4f1e..4e316192487 100755
--- a/packages/web-components/src/components/content-block-headlines/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-headlines/__stories__/README.stories.mdx
@@ -41,7 +41,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-item/content-item
       >Modernize mission-critical applications and infrastructure in a hybrid
       multicloud environment up to 25 percent faster.</dds-content-item-copy
     >
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
@@ -59,7 +59,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-item/content-item
       >Modernize mission-critical applications and infrastructure in a hybrid
       multicloud environment up to 25 percent faster.</dds-content-item-copy
     >
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
@@ -77,7 +77,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-item/content-item
       >Save 1.34M per year by optimizing your time and IT
       expenses.</dds-content-item-copy
     >
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
@@ -95,7 +95,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-item/content-item
       >Modernize mission-critical applications and infrastructure in a hybrid
       multicloud environment up to 25 percent faster.</dds-content-item-copy
     >
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
diff --git a/packages/web-components/src/components/content-block-headlines/__stories__/content-block-headlines.stories.ts b/packages/web-components/src/components/content-block-headlines/__stories__/content-block-headlines.stories.ts
index 69b020b1fe5..4d9fc39d4fb 100755
--- a/packages/web-components/src/components/content-block-headlines/__stories__/content-block-headlines.stories.ts
+++ b/packages/web-components/src/components/content-block-headlines/__stories__/content-block-headlines.stories.ts
@@ -23,7 +23,7 @@ const contentItemRow1 = html`
       >Modernize mission-critical applications and infrastructure in a hybrid multicloud environment up to 25 percent
       faster.</dds-content-item-copy
     >
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
         Link text
       </dds-link-list-item-cta>
@@ -35,7 +35,7 @@ const contentItemRow2 = html`
   <dds-content-block-headlines-item>
     <dds-content-block-headlines-heading>1.34M</dds-content-block-headlines-heading>
     <dds-content-item-copy slot="copy">Save 1.34M per year by optimizing your time and IT expenses.</dds-content-item-copy>
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
         Link text
       </dds-link-list-item-cta>
diff --git a/packages/web-components/src/components/content-block-headlines/content-block-headlines-item.ts b/packages/web-components/src/components/content-block-headlines/content-block-headlines-item.ts
index fa6a2e345cd..f1ce5d398b2 100755
--- a/packages/web-components/src/components/content-block-headlines/content-block-headlines-item.ts
+++ b/packages/web-components/src/components/content-block-headlines/content-block-headlines-item.ts
@@ -32,7 +32,7 @@ class DDSContentBlockHeadlinesItem extends StableSelectorMixin(DDSContentItem) {
     return html`
       <h4 class="bx--content-block-headlines__heading"><slot name="heading"></slot></h4>
       <p class="bx--content-block-headlines__copy"><slot name="copy"></slot></p>
-      <slot name="cta"></slot>
+      <slot name="footer"></slot>
     `;
   }
 
diff --git a/packages/web-components/src/components/content-block-mixed/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-mixed/__stories__/README.stories.mdx
index d78840ab185..52ebd69395b 100644
--- a/packages/web-components/src/components/content-block-mixed/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-mixed/__stories__/README.stories.mdx
@@ -80,7 +80,7 @@ import '@carbon/ibmdotcom-web-components/cta/card-cta-footer.js';
         </dds-card-cta-footer>
       </dds-card-group-item>
     </dds-card-group>
-    <dds-card-cta slot="cta" cta-type="local" href="https://www.ibm.com">
+    <dds-card-cta slot="footer" cta-type="local" href="https://www.ibm.com">
       <p>Lorem ipsum dolor sit ametttt</p>
       <svg slot="footer" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
         <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
@@ -97,7 +97,7 @@ import '@carbon/ibmdotcom-web-components/cta/card-cta-footer.js';
       </svg>
       <dds-content-item-heading>Lorem ipsum dolor sit amet</dds-content-item-heading>
       <dds-content-item-copy>Lorem ipsum dolor sit amet</dds-content-item-copy>
-      <dds-link-with-icon href="https://www.ibm.com/" slot="cta">
+      <dds-link-with-icon href="https://www.ibm.com/" slot="footer">
         Link text
         <svg slot="icon" ...>
           ...
diff --git a/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts b/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
index 398209168c6..6968323ba52 100644
--- a/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
+++ b/packages/web-components/src/components/content-block-mixed/__stories__/content-block-mixed.stories.ts
@@ -166,7 +166,7 @@ export const Default = ({ parameters }) => {
               </svg>
               <dds-content-item-heading>${itemHeading}</dds-content-item-heading>
               <dds-content-item-copy>${itemCopy}</dds-content-item-copy>
-              <dds-link-with-icon href="${linkWithIcon.href}" slot="cta">
+              <dds-link-with-icon href="${linkWithIcon.href}" slot="footer">
                 ${linkWithIcon.copy} ${ArrowRight20({ slot: 'icon' })}
               </dds-link-with-icon>
             </dds-pictogram-item>
diff --git a/packages/web-components/src/components/content-block-segmented/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-segmented/__stories__/README.stories.mdx
index d9eebe228c6..9abacb5f945 100644
--- a/packages/web-components/src/components/content-block-segmented/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-segmented/__stories__/README.stories.mdx
@@ -62,7 +62,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-block-segmented/c
         </dds-image-with-caption>
         <dds-text-cta slot="footer" cta-type="local" icon-placement="right" href="https://example.com">Lorem Ipsum dolor sit</dds-text-cta>
       </dds-content-block-segmented-item>
-      <dds-card-cta slot="cta" cta-type="local" href="https://example.com">
+      <dds-card-cta slot="footer" cta-type="local" href="https://example.com">
         Lorem ipsum dolor
         <dds-card-cta-footer></dds-card-cta-footer>
       </dds-card-cta>
diff --git a/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts b/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
index c230581523f..2689871b159 100644
--- a/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
+++ b/packages/web-components/src/components/content-block-segmented/__stories__/content-block-segmented.stories.ts
@@ -112,12 +112,12 @@ export const Default = ({ parameters }) => {
       </dds-content-block-segmented-item>
       ${ctaStyle === 'text'
         ? html`
-            <dds-text-cta slot="cta" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
+            <dds-text-cta slot="footer" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
               >Lorem ipsum dolor</dds-text-cta
             >
           `
         : html`
-            <dds-card-cta slot="cta" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
+            <dds-card-cta slot="footer" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
               Lorem ipsum dolor
               <dds-card-cta-footer></dds-card-cta-footer>
             </dds-card-cta>
@@ -150,12 +150,12 @@ export const withVideo = ({ parameters }) => {
       </dds-content-block-segmented-item>
       ${ctaStyle === 'text'
         ? html`
-            <dds-text-cta slot="cta" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
+            <dds-text-cta slot="footer" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
               >Lorem ipsum dolor</dds-text-cta
             >
           `
         : html`
-            <dds-card-cta slot="cta" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
+            <dds-card-cta slot="footer" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
               Lorem ipsum dolor
               <dds-card-cta-footer></dds-card-cta-footer>
             </dds-card-cta>
@@ -201,12 +201,12 @@ export const withAsideElements = ({ parameters }) => {
       </dds-content-block-complementary>
       ${ctaStyle === 'text'
         ? html`
-            <dds-text-cta slot="cta" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
+            <dds-text-cta slot="footer" cta-type=${ctaType} icon-placement="right" href=${hrefsForType[ctaType]}
               >Lorem ipsum dolor</dds-text-cta
             >
           `
         : html`
-            <dds-card-cta slot="cta" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
+            <dds-card-cta slot="footer" cta-type=${ctaType} href=${hrefsForType[ctaType]}>
               Lorem ipsum dolor
               <dds-card-cta-footer></dds-card-cta-footer>
             </dds-card-cta>
diff --git a/packages/web-components/src/components/content-block-segmented/__tests__/content-block-segmented.test.ts b/packages/web-components/src/components/content-block-segmented/__tests__/content-block-segmented.test.ts
index 23255a60781..01df615cd40 100644
--- a/packages/web-components/src/components/content-block-segmented/__tests__/content-block-segmented.test.ts
+++ b/packages/web-components/src/components/content-block-segmented/__tests__/content-block-segmented.test.ts
@@ -47,7 +47,7 @@ describe('dds-content-block-segmented', function() {
             ${image}
             <dds-content-block-segmented-item> </dds-content-block-segmented-item>
             <dds-content-block-complementary> </dds-content-block-complementary>
-            <dds-card-cta slot="cta" cta-type="local" href="https://example.com">
+            <dds-card-cta slot="footer" cta-type="local" href="https://example.com">
               Lorem ipsum dolor
             </dds-card-cta>
           `,
diff --git a/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx b/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
index 381e83e2850..c22b4e69599 100644
--- a/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-block-simple/__stories__/README.stories.mdx
@@ -45,7 +45,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-block-simple/cont
     <dds-image-item media="(min-width: 320px)" srcset="http://fpoimg.com/672x672?text=16:9&bg_color=ee5396&text_color=161616">
     </dds-image-item>
   </dds-image>
-  <dds-text-cta slot="cta" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
+  <dds-text-cta slot="footer" href="https://www.ibm.com/" type="local">Lorem ipsum dolor sit amet</dds-text-cta>
 </dds-content-block-simple>
 ```
 
diff --git a/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts b/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
index 69f9a208cb0..7a23c69208c 100644
--- a/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
+++ b/packages/web-components/src/components/content-block-simple/__stories__/content-block-simple.stories.ts
@@ -85,7 +85,7 @@ export const Default = ({ parameters }) => {
     <dds-content-block-simple>
       <dds-content-block-heading>${heading}</dds-content-block-heading>
       <dds-content-item-copy>${copy}</dds-content-item-copy>
-      <dds-text-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
+      <dds-text-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
     </dds-content-block-simple>
   `;
 };
@@ -98,7 +98,7 @@ export const WithImage = ({ parameters }) => {
       <dds-content-block-heading>${heading}</dds-content-block-heading>
       ${image}
       <dds-content-item-copy>${copy}</dds-content-item-copy>
-      <dds-text-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
+      <dds-text-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
     </dds-content-block-simple>
   `;
 };
@@ -111,7 +111,7 @@ export const WithVideo = ({ parameters }) => {
       <dds-content-block-heading>${heading}</dds-content-block-heading>
       <dds-content-item-copy>${copy}</dds-content-item-copy>
       <dds-video-player-container slot="media" video-id="1_9h94wo6b"></dds-video-player-container>
-      <dds-text-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
+      <dds-text-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
     </dds-content-block-simple>
   `;
 };
@@ -137,7 +137,7 @@ export const WithAsideElements = ({ parameters }) => {
           </dds-link-list-item-card-cta>
         </dds-link-list>
       </dds-content-block-complementary>
-      <dds-text-cta slot="cta" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
+      <dds-text-cta slot="footer" cta-type="${ifNonNull(ctaType)}" href="${ifNonNull(href)}">${ctaCopy}</dds-text-cta>
     </dds-content-block-simple>
   `;
 };
diff --git a/packages/web-components/src/components/content-block/content-block.ts b/packages/web-components/src/components/content-block/content-block.ts
index 823aaa4d4d0..e77a335186f 100644
--- a/packages/web-components/src/components/content-block/content-block.ts
+++ b/packages/web-components/src/components/content-block/content-block.ts
@@ -21,7 +21,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  */
 const slotExistencePropertyNames = {
   complementary: '_hasComplementary',
-  cta: '_hasCTA',
+  footer: '_haFooter',
 };
 
 /**
@@ -44,7 +44,7 @@ export enum CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME {
  * Content block.
  *
  * @slot heading - The heading content.
- * @slot cta - The footer (CTA) content.
+ * @slot footer - The footer (CTA) content.
  * @slot complementary - The complementary (aside) content.
  * @abstract
  */
@@ -56,10 +56,10 @@ class DDSContentBlock extends LitElement {
   protected _hasComplementary = false;
 
   /**
-   * `true` if there is CTA content.
+   * `true` if there is footer content.
    */
   @internalProperty()
-  protected _hasCTA = false;
+  protected _haFooter = false;
 
   /**
    * Handles `slotchange` event.
@@ -78,12 +78,12 @@ class DDSContentBlock extends LitElement {
    * @returns The content, that may be wrapped in a Carbon grid.
    */
   protected _renderBody(): TemplateResult | string | void {
-    const { _hasCTA: hasCTA } = this;
+    const { _haFooter: hasFooter } = this;
     return html`
       ${this._renderCopy()}${this._renderContent()}
-      <div ?hidden="${!hasCTA}" class="${prefix}--content-block__cta-row">
+      <div ?hidden="${!hasFooter}" class="${prefix}--content-block__cta-row">
         <div class="${prefix}--content-block__cta ${prefix}--content-block__cta-col">
-          <slot name="cta" @slotchange="${this._handleSlotChange}"></slot>
+          <slot name="footer" @slotchange="${this._handleSlotChange}"></slot>
         </div>
       </div>
     `;
diff --git a/packages/web-components/src/components/content-group-horizontal/__stories__/README.stories.mdx b/packages/web-components/src/components/content-group-horizontal/__stories__/README.stories.mdx
index 2e8f6078c02..ba93abc97d1 100644
--- a/packages/web-components/src/components/content-group-horizontal/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-group-horizontal/__stories__/README.stories.mdx
@@ -35,7 +35,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-item-horizontal/c
         <span slot="eyebrow">Lorem ipsum</span>
         <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>
         <dds-content-item-horizontal-copy>Lorem ipsum dolor sit amet, _consectetur_ adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin.</dds-content-item-horizontal-copy>
-        <dds-link-list slot="cta" type="vertical">
+        <dds-link-list slot="footer" type="vertical">
           <dds-link-list-item-cta
             icon-placement="right"
             href="https://www.ibm.com"
diff --git a/packages/web-components/src/components/content-group-horizontal/__stories__/content-group-horizontal.stories.ts b/packages/web-components/src/components/content-group-horizontal/__stories__/content-group-horizontal.stories.ts
index 083d9ab4269..17991994900 100644
--- a/packages/web-components/src/components/content-group-horizontal/__stories__/content-group-horizontal.stories.ts
+++ b/packages/web-components/src/components/content-group-horizontal/__stories__/content-group-horizontal.stories.ts
@@ -26,7 +26,7 @@ const linkListItem = html`
     <span slot="eyebrow">Lorem ipsum</span>
     <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>
     <dds-content-item-horizontal-copy>${copy}</dds-content-item-horizontal-copy>
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta icon-placement="right" href="https://www.ibm.com" cta-type="local">
         Link text
       </dds-link-list-item-cta>
diff --git a/packages/web-components/src/components/content-group-horizontal/__tests__/content-group-horizontal.test.ts b/packages/web-components/src/components/content-group-horizontal/__tests__/content-group-horizontal.test.ts
index 274c0d39f8b..8a2d0612b3e 100644
--- a/packages/web-components/src/components/content-group-horizontal/__tests__/content-group-horizontal.test.ts
+++ b/packages/web-components/src/components/content-group-horizontal/__tests__/content-group-horizontal.test.ts
@@ -39,7 +39,7 @@ describe('dds-content-group-horizontal', function() {
               <span slot="eyebrow">eyebrow-foo</span>
               <dds-content-item-heading>heading-foo</dds-content-item-heading>
               <dds-content-item-horizontal-copy>copy-foo</dds-content-item-horizontal-copy>
-              <dds-link-list slot="cta" type="vertical">
+              <dds-link-list slot="footer" type="vertical">
                 <dds-link-list-item-cta
                   icon-placement="${ICON_PLACEMENT.RIGHT}"
                   href="https://www.ibm.com"
diff --git a/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.mdx b/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.mdx
index c76c6fde5ab..8999816408b 100644
--- a/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-group-pictograms/__stories__/README.stories.mdx
@@ -42,7 +42,7 @@ import '@carbon/ibmdotcom-web-components/es/components/content-group/content-gro
       >Lorem ipsum dolor sit amet</dds-content-item-heading
     >
     <dds-content-item-copy>Lorem ipsum dolor sit amet</dds-content-item-copy>
-    <dds-link-with-icon href="https://www.ibm.com/" slot="cta">
+    <dds-link-with-icon href="https://www.ibm.com/" slot="footer">
       Link text
       <svg slot="icon" ...>
         ...
diff --git a/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.js b/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.js
index 7c35f4da797..49beb38741a 100644
--- a/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.js
+++ b/packages/web-components/src/components/content-group-pictograms/__stories__/content-group-pictograms.stories.js
@@ -103,7 +103,7 @@ export const Default = ({ parameters }) => {
             </svg>
             <dds-content-item-heading>${heading}</dds-content-item-heading>
             <dds-content-item-copy>${copy}</dds-content-item-copy>
-            <dds-link-with-icon href="${linkWithIcon.href}" slot="cta">
+            <dds-link-with-icon href="${linkWithIcon.href}" slot="footer">
               ${linkWithIcon.copy} ${ArrowRight20({ slot: 'icon' })}
             </dds-link-with-icon>
           </dds-pictogram-item>
diff --git a/packages/web-components/src/components/content-item-horizontal/__stories__/README.stories.mdx b/packages/web-components/src/components/content-item-horizontal/__stories__/README.stories.mdx
index 9517fc02e3d..04b6711d320 100644
--- a/packages/web-components/src/components/content-item-horizontal/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/content-item-horizontal/__stories__/README.stories.mdx
@@ -31,7 +31,7 @@ import '@carbon/ibmdotcom-web-components/es/components/cta/link-list-item-cta';
     <span slot="eyebrow">Lorem ipsum</span>
     <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>
     <dds-content-item-horizontal-copy>Lorem ipsum dolor sit amet, _consectetur_ adipiscing elit. Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit sollicitudin.</dds-content-item-horizontal-copy>
-    <dds-link-list slot="cta" type="vertical">
+    <dds-link-list slot="footer" type="vertical">
       <dds-link-list-item-cta
         icon-placement="right"
         href="https://www.ibm.com"
diff --git a/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts b/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
index d9c9371d860..ac17c984f80 100644
--- a/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
+++ b/packages/web-components/src/components/content-item-horizontal/__stories__/content-item-horizontal.stories.ts
@@ -33,7 +33,7 @@ export const Default = ({ parameters }) => {
       <span slot="eyebrow">${eyebrow}</span>
       <dds-content-item-heading>${heading}</dds-content-item-heading>
       <dds-content-item-horizontal-copy>${copy}</dds-content-item-horizontal-copy>
-      <dds-link-list slot="cta" type="vertical">
+      <dds-link-list slot="footer" type="vertical">
         <dds-link-list-item-cta
           icon-placement="${ICON_PLACEMENT.RIGHT}"
           href="${ifNonNull(href1)}"
diff --git a/packages/web-components/src/components/content-item-horizontal/__tests__/content-item-horizontal.test.ts b/packages/web-components/src/components/content-item-horizontal/__tests__/content-item-horizontal.test.ts
index 31cf81932a5..c499a6ff02c 100644
--- a/packages/web-components/src/components/content-item-horizontal/__tests__/content-item-horizontal.test.ts
+++ b/packages/web-components/src/components/content-item-horizontal/__tests__/content-item-horizontal.test.ts
@@ -41,7 +41,7 @@ describe('dds-content-item-horizontal', function() {
             <span slot="eyebrow">eyebrow-foo</span>
             <dds-content-item-heading>heading-foo</dds-content-item-heading>
             <dds-content-item-horizontal-copy>copy-foo</dds-content-item-horizontal-copy>
-            <dds-link-list slot="cta" type="vertical">
+            <dds-link-list slot="footer" type="vertical">
               <dds-link-list-item-cta
                 icon-placement="${ICON_PLACEMENT.RIGHT}"
                 href="https://www.ibm.com"
diff --git a/packages/web-components/src/components/content-item-horizontal/content-item-horizontal.ts b/packages/web-components/src/components/content-item-horizontal/content-item-horizontal.ts
index 610d7229075..ec5d16d2539 100644
--- a/packages/web-components/src/components/content-item-horizontal/content-item-horizontal.ts
+++ b/packages/web-components/src/components/content-item-horizontal/content-item-horizontal.ts
@@ -21,7 +21,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  */
 const slotExistencePropertyNames = {
   eyebrow: '_hasEyebrow',
-  cta: '_hasCTA',
+  footer: '_hasFooter',
 };
 
 /**
@@ -38,11 +38,11 @@ class DDSContentItemHorizontal extends DDSContentItem {
   protected _hasEyebrow = false;
 
   /**
-   * Handles `slotchange` event on the CTA slot.
+   * Handles `slotchange` event on the footer slot.
    *
    * @param event The event.
    */
-  protected _handleSlotchange({ target }: Event) {
+  protected _handleSlotChange({ target }: Event) {
     const { name } = target as HTMLSlotElement;
     const hasContent = (target as HTMLSlotElement)
       .assignedNodes()
@@ -56,12 +56,12 @@ class DDSContentItemHorizontal extends DDSContentItem {
       <div class="${prefix}--content-item-horizontal__row">
         <div class="${prefix}--content-item-horizontal__col">
           <p ?hidden="${!hasEyebrow}" class="${prefix}--content-item-horizontal__item--eyebrow">
-            <slot name="eyebrow" @slotchange="${this._handleSlotchange}"></slot>
+            <slot name="eyebrow" @slotchange="${this._handleSlotChange}"></slot>
           </p>
           <slot name="heading"></slot>
         </div>
         <div class="${prefix}--content-item-horizontal__col">
-          ${this._renderBody()}
+          ${this._renderBody()}${this._renderFooter()}
         </div>
       </div>
     `;
diff --git a/packages/web-components/src/components/content-item/__tests__/content-item.test.ts b/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
index 4d7ca414b2b..4f94bd14afc 100644
--- a/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
+++ b/packages/web-components/src/components/content-item/__tests__/content-item.test.ts
@@ -37,7 +37,7 @@ describe('dds-content-item', function() {
           children: html`
             <dds-video-player slot="media" duration="90" name="name-foo"></dds-video-player>
             <dds-content-item-copy>copy-foo</dds-content-item-copy>
-            <dds-text-cta slot="cta" type="local">copy-foo</dds-text-cta>
+            <dds-text-cta slot="footer" type="local">copy-foo</dds-text-cta>
           `,
         }),
         document.body
diff --git a/packages/web-components/src/components/content-item/content-item.ts b/packages/web-components/src/components/content-item/content-item.ts
index 0e38dc26ffd..d2d825aa113 100644
--- a/packages/web-components/src/components/content-item/content-item.ts
+++ b/packages/web-components/src/components/content-item/content-item.ts
@@ -20,7 +20,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  * The table mapping slot name with the private property name that indicates the existence of the slot content.
  */
 const slotExistencePropertyNames = {
-  cta: '_hasCTA',
+  footer: '_hasFooter',
 };
 
 /**
@@ -29,22 +29,22 @@ const slotExistencePropertyNames = {
  * @element dds-content-item
  * @slot media - The media content.
  * @slot heading - The heading content.
- * @slot cta - The footer (CTA) content.
+ * @slot footer - The footer (CTA) content.
  */
 @customElement(`${ddsPrefix}-content-item`)
 class DDSContentItem extends StableSelectorMixin(LitElement) {
   /**
-   * `true` if there is a CTA content.
+   * `true` if there is a footer content.
    */
   @internalProperty()
-  _hasCTA = false;
+  _hasFooter = false;
 
   /**
-   * Handles `slotchange` event on the CTA slot.
+   * Handles `slotchange` event.
    *
    * @param event The event.
    */
-  protected _handleSlotchange({ target }: Event) {
+  protected _handleSlotChange({ target }: Event) {
     const { name } = target as HTMLSlotElement;
     const hasContent = (target as HTMLSlotElement)
       .assignedNodes()
@@ -55,12 +55,21 @@ class DDSContentItem extends StableSelectorMixin(LitElement) {
   /**
    * @returns The body content.
    */
+  // eslint-disable-next-line class-methods-use-this
   protected _renderBody(): TemplateResult | string | void {
-    const { _hasCTA: hasCTA } = this;
     return html`
       <slot></slot>
-      <div ?hidden="${!hasCTA}" class="${prefix}--content-item__cta">
-        <slot name="cta" @slotchange="${this._handleSlotchange}"></slot>
+    `;
+  }
+
+  /**
+   * @returns The footer content.
+   */
+  protected _renderFooter(): TemplateResult | string | void {
+    const { _hasFooter: hasFooter } = this;
+    return html`
+      <div ?hidden="${!hasFooter}" class="${prefix}--content-item__cta">
+        <slot name="footer" @slotchange="${this._handleSlotChange}"></slot>
       </div>
     `;
   }
@@ -71,7 +80,7 @@ class DDSContentItem extends StableSelectorMixin(LitElement) {
       <div>
         <slot name="media"></slot>
       </div>
-      ${this._renderBody()}
+      ${this._renderBody()}${this._renderFooter()}
     `;
   }
 
diff --git a/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts b/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
index 9786325b05a..b2d9e28076b 100644
--- a/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
+++ b/packages/web-components/src/components/cta-section/__stories__/cta-section.stories.ts
@@ -39,7 +39,7 @@ export const Default = ({ parameters }) => {
       <dds-content-block-heading>${ifNonNull(heading)}</dds-content-block-heading>
       <dds-cta-section-copy>${copy}</dds-cta-section-copy>
 
-      <dds-button-group slot="cta">
+      <dds-button-group slot="action">
         <dds-button-group-item href="https://example.com">
           Secondary Button ${renderIcon}
         </dds-button-group-item>
@@ -58,7 +58,7 @@ export const WithContentItems = ({ parameters }) => {
       <dds-content-block-heading>${ifNonNull(heading)}</dds-content-block-heading>
       <dds-cta-section-copy>${ifNonNull(copy)}</dds-cta-section-copy>
 
-      <dds-button-group slot="cta">
+      <dds-button-group slot="action">
         <dds-button-group-item href="https://example.com">
           Secondary Button ${renderIcon}
         </dds-button-group-item>
@@ -67,19 +67,19 @@ export const WithContentItems = ({ parameters }) => {
         </dds-button-group-item>
       </dds-button-group>
 
-      <dds-cta-section-item slot="content-item">
+      <dds-cta-section-item>
         <dds-cta-section-item-heading>Get connected</dds-cta-section-item-heading>
         <dds-cta-section-item-copy
           >IBM DevOps partners have a wide range of expertise. Find one to build the right solution for
           you.</dds-cta-section-item-copy
         >
-        <dds-text-cta slot="cta" cta-type="local" icon-placement="right" href="example.com">Find a partner</dds-text-cta>
+        <dds-text-cta slot="footer" cta-type="local" icon-placement="right" href="example.com">Find a partner</dds-text-cta>
       </dds-cta-section-item>
 
-      <dds-cta-section-item slot="content-item">
+      <dds-cta-section-item>
         <dds-cta-section-item-heading>Learn how</dds-cta-section-item-heading>
         <dds-cta-section-item-copy>IBM DevOps partners have a wide range of expertise</dds-cta-section-item-copy>
-        <dds-text-cta slot="cta" cta-type="local" icon-placement="right" href="example.com">Browse tutorials</dds-text-cta>
+        <dds-text-cta slot="footer" cta-type="local" icon-placement="right" href="example.com">Browse tutorials</dds-text-cta>
       </dds-cta-section-item>
     </dds-cta-section>
   `;
@@ -92,7 +92,7 @@ export const WithLinkList = ({ parameters }) => {
       <dds-content-block-heading>${ifNonNull(heading)}</dds-content-block-heading>
       <dds-cta-section-copy>${ifNonNull(copy)}</dds-cta-section-copy>
 
-      <dds-button-group slot="cta">
+      <dds-button-group slot="action">
         <dds-button-group-item href="https://example.com">
           Secondary Button ${renderIcon}
         </dds-button-group-item>
diff --git a/packages/web-components/src/components/cta-section/__tests__/cta-section.test.ts b/packages/web-components/src/components/cta-section/__tests__/cta-section.test.ts
index 6b5fb339a44..359bc00b6c2 100644
--- a/packages/web-components/src/components/cta-section/__tests__/cta-section.test.ts
+++ b/packages/web-components/src/components/cta-section/__tests__/cta-section.test.ts
@@ -36,7 +36,7 @@ describe('dds-cta-section', function() {
           heading: 'heading-foo',
           copy: 'copy-foo',
           children: html`
-            <div slot="cta">cta-foo</div>
+            <div slot="action">action-foo</div>
             <div slot="footer">footer-foo</div>
           `,
         }),
diff --git a/packages/web-components/src/components/cta-section/cta-section-item.ts b/packages/web-components/src/components/cta-section/cta-section-item.ts
index 529be45da9b..5ecbfc5873c 100644
--- a/packages/web-components/src/components/cta-section/cta-section-item.ts
+++ b/packages/web-components/src/components/cta-section/cta-section-item.ts
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, css, customElement } from 'lit-element';
+import { html, property, css, customElement } from 'lit-element';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './cta-section.scss';
@@ -22,11 +22,17 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  */
 @customElement(`${ddsPrefix}-cta-section-item`)
 class DDSCTASectionItem extends StableSelectorMixin(DDSContentItem) {
+  /**
+   * The shadow slot this CTA section item should be in.
+   */
+  @property({ reflect: true })
+  slot = 'items';
+
   render() {
     return html`
       <slot name="heading"></slot>
       <slot></slot>
-      <slot name="cta"></slot>
+      <slot name="footer"></slot>
     `;
   }
 
diff --git a/packages/web-components/src/components/cta-section/cta-section.scss b/packages/web-components/src/components/cta-section/cta-section.scss
index f24fe0bdc8c..a7f3bdd5703 100644
--- a/packages/web-components/src/components/cta-section/cta-section.scss
+++ b/packages/web-components/src/components/cta-section/cta-section.scss
@@ -17,7 +17,7 @@
     padding-top: $carbon--layout-03;
   }
 
-  ::slotted([slot='cta']) {
+  ::slotted([slot='action']) {
     margin-top: $carbon--layout-01;
     padding-bottom: $carbon--layout-03;
 
diff --git a/packages/web-components/src/components/cta-section/cta-section.ts b/packages/web-components/src/components/cta-section/cta-section.ts
index c028ebcdb6d..f916515d24a 100644
--- a/packages/web-components/src/components/cta-section/cta-section.ts
+++ b/packages/web-components/src/components/cta-section/cta-section.ts
@@ -22,8 +22,8 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  * The table mapping slot name with the private property name that indicates the existence of the slot content.
  */
 const slotExistencePropertyNames = {
-  contentItems: '_hasContentItems',
-  linkList: '_hasLinkList',
+  action: '_hasAction',
+  items: '_hasItems',
 };
 
 /**
@@ -31,15 +31,21 @@ const slotExistencePropertyNames = {
  *
  * @element dds-cta-section
  * @slot heading - The text heading.
- * @slot buttons - The CTA Buttons.
+ * @slot action - The CTA Buttons.
  */
 @customElement(`${ddsPrefix}-cta-section`)
 class DDSCTASection extends StableSelectorMixin(DDSContentItem) {
   /**
-   * `true` if there is CTA content.
+   * `true` if there are CTA action in the content item area.
    */
   @internalProperty()
-  protected _hasFooter = false;
+  protected _hasAction = false;
+
+  /**
+   * `true` if there are CTA section items.
+   */
+  @internalProperty()
+  protected _hasItems = false;
 
   /**
    * Applies section attribute
@@ -56,35 +62,32 @@ class DDSCTASection extends StableSelectorMixin(DDSContentItem) {
    *
    * @param event The event.
    */
-  private _handleSlotChange({ target }: Event) {
+  protected _handleSlotChange({ target }: Event) {
     const { name } = target as HTMLSlotElement;
     const hasContent = (target as HTMLSlotElement)
       .assignedNodes()
       .some(node => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim());
-    this[slotExistencePropertyNames[name] || '_hasFooter'] = hasContent;
+    this[slotExistencePropertyNames[name] || '_hasDefaultContent'] = hasContent;
   }
 
   /**
    * @returns The footer content.
    */
   protected _renderFooter(): TemplateResult | string | void {
-    const { _hasFooter: hasFooter } = this;
+    const { _hasAction: hasAction, _hasItems: hasItems } = this;
     return html`
+      <div ?hidden="${!hasAction}" class="${prefix}--content-item__cta">
+        <slot name="action" @slotchange="${this._handleSlotChange}"></slot>
+      </div>
       <slot name="link-list"></slot>
-      <div ?hidden="${!hasFooter}" class="${prefix}--helper-wrapper">
+      <div ?hidden="${!hasItems}" class="${prefix}--helper-wrapper">
         <div class="${prefix}--content-item-wrapper">
-          <slot name="content-item" @slotchange="${this._handleSlotChange}"></slot>
+          <slot name="items" @slotchange="${this._handleSlotChange}"></slot>
         </div>
       </div>
     `;
   }
 
-  render() {
-    return html`
-      ${super.render()} ${this._renderFooter()}
-    `;
-  }
-
   static get stableSelector() {
     return `${ddsPrefix}--cta-section`;
   }
diff --git a/packages/web-components/src/components/feature-card/__stories__/README.stories.mdx b/packages/web-components/src/components/feature-card/__stories__/README.stories.mdx
index b687f4ddbd2..63f40662c5d 100644
--- a/packages/web-components/src/components/feature-card/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/feature-card/__stories__/README.stories.mdx
@@ -28,7 +28,17 @@ import '@carbon/ibmdotcom-web-components/es/components/feature-card/feature-card
   <img />
   <h3>Copy text</h3>
   <dds-feature-card-footer>
-    <svg slot="icon" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
+    <svg
+      slot="icon"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      aria-hidden="true"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+    >
       <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
     </svg>
   </dds-feature-card-footer>
@@ -39,4 +49,12 @@ import '@carbon/ibmdotcom-web-components/es/components/feature-card/feature-card
 
 <Props of="dds-feature-card" />
 
+## Stable selectors
+
+See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/master/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+
+| Web Components selector | Compatibility selector            | Description |
+| ----------------------- | --------------------------------- | ----------- |
+| `<dds-feature-card>`    | `data-autoid="dds--feature-card"` | Component   |
+
 <Description markdown={contributing} />
diff --git a/packages/web-components/src/components/footer/legal-nav-cookie-preferences-placeholder.ts b/packages/web-components/src/components/footer/legal-nav-cookie-preferences-placeholder.ts
index f1c98fccc3a..fffe17d3b54 100644
--- a/packages/web-components/src/components/footer/legal-nav-cookie-preferences-placeholder.ts
+++ b/packages/web-components/src/components/footer/legal-nav-cookie-preferences-placeholder.ts
@@ -26,7 +26,7 @@ class DDSLegalNavCookiePreferencesPlaceholder extends StableSelectorMixin(LitEle
   /**
    * Handles `slotchange` event.
    */
-  private _handleSlotchange(event: Event) {
+  private _handleSlotChange(event: Event) {
     // Finds new injected links
     const linkNodes = (event.target as HTMLSlotElement)
       .assignedNodes()
@@ -41,7 +41,7 @@ class DDSLegalNavCookiePreferencesPlaceholder extends StableSelectorMixin(LitEle
   }
 
   render() {
-    const { _handleSlotchange: handleSlotchange } = this;
+    const { _handleSlotChange: handleSlotchange } = this;
     return html`
       <slot @slotchange="${handleSlotchange}"></slot>
     `;
diff --git a/packages/web-components/src/components/link-list/__stories__/README.stories.mdx b/packages/web-components/src/components/link-list/__stories__/README.stories.mdx
index 1d0c803fe42..ac943d7adb1 100644
--- a/packages/web-components/src/components/link-list/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/link-list/__stories__/README.stories.mdx
@@ -26,12 +26,20 @@ import '@carbon/ibmdotcom-web-components/es/components/card-link/card-link.js';
 
 ```html
 <dds-link-list>
-  <dds-link-list-item>
-
-  </dds-link-list-item>
+  <dds-link-list-item></dds-link-list-item>
   <dds-card-link href="https://example.com">
     <p>Copy text</p>
-    <svg slot="footer" focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20">
+    <svg
+      slot="footer"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      aria-hidden="true"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+    >
       <path d="M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z"></path>
     </svg>
   </dds-card-link>
@@ -42,4 +50,12 @@ import '@carbon/ibmdotcom-web-components/es/components/card-link/card-link.js';
 
 <Props of="dds-link-list" />
 
+## Stable selectors
+
+See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/master/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+
+| Web Components selector | Compatibility selector       | Description |
+| ----------------------- | ---------------------------- | ----------- |
+| `<dds-link-list>`       | data-autoid="dds--link-list" | Component   |
+
 <Description markdown={contributing} />
diff --git a/packages/web-components/src/components/link-list/link-list.ts b/packages/web-components/src/components/link-list/link-list.ts
index 977e52af5d9..19c18b2abf6 100644
--- a/packages/web-components/src/components/link-list/link-list.ts
+++ b/packages/web-components/src/components/link-list/link-list.ts
@@ -10,6 +10,7 @@ import { customElement, html, LitElement, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings';
 import sameHeight from '@carbon/ibmdotcom-utilities/es/utilities/sameHeight/sameHeight';
+import StableSelectorMixin from '../../globals/mixins/stable-selector';
 import styles from './link-list.scss';
 
 const { prefix } = settings;
@@ -47,7 +48,7 @@ export enum LINK_LIST_TYPE {
  * @slot heading - The heading content.
  */
 @customElement(`${ddsPrefix}-link-list`)
-class DDSLinkList extends LitElement {
+class DDSLinkList extends StableSelectorMixin(LitElement) {
   static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
 
   private childItems;
diff --git a/packages/web-components/src/components/locale-modal/locale-modal.ts b/packages/web-components/src/components/locale-modal/locale-modal.ts
index fdcd2dbf1ad..5880286814f 100644
--- a/packages/web-components/src/components/locale-modal/locale-modal.ts
+++ b/packages/web-components/src/components/locale-modal/locale-modal.ts
@@ -45,8 +45,9 @@ class DDSLocaleModal extends DDSExpressiveModal {
   /**
    * Handles `click` event on the back button.
    */
-  private _handleClickBackButton() {
+  private _handleClickBackButton(e) {
     this._currentRegion = undefined;
+    e.preventDefault();
   }
 
   /**
@@ -92,7 +93,7 @@ class DDSLocaleModal extends DDSExpressiveModal {
   private _renderLocaleSelectorHeading() {
     const { headerTitle, _currentRegion: currentRegion, _handleClickBackButton: handleClickBackButton } = this;
     return html`
-      <dds-link-with-icon icon-placement="${ICON_PLACEMENT.LEFT}" href="#" ?disabled="false" @click="${handleClickBackButton}">
+      <dds-link-with-icon icon-placement="${ICON_PLACEMENT.LEFT}" href="#" @click="${handleClickBackButton}">
         ${headerTitle}${ArrowLeft20({ slot: 'icon', class: `${prefix}--locale-modal__label-arrow` })}
       </dds-link-with-icon>
       <p class="bx--modal-header__heading bx--type-beta" tabindex="0">${currentRegion}</p>
diff --git a/packages/web-components/src/components/logo-grid/logo-grid-link.ts b/packages/web-components/src/components/logo-grid/logo-grid-link.ts
index 68fc13ff9e1..ced17287564 100644
--- a/packages/web-components/src/components/logo-grid/logo-grid-link.ts
+++ b/packages/web-components/src/components/logo-grid/logo-grid-link.ts
@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css, customElement } from 'lit-element';
+import { css, property, customElement } from 'lit-element';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings';
 import styles from './logo-grid.scss';
 import DDSCardLink from '../card-link/card-link';
@@ -21,10 +21,11 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  */
 @customElement(`${ddsPrefix}-logo-grid-link`)
 class DDSLogoGridLink extends StableSelectorMixin(DDSCardLink) {
-  connectedCallback() {
-    this.setAttribute('slot', 'cta');
-    super.connectedCallback();
-  }
+  /**
+   * The shadow slot this link should be in.
+   */
+  @property({ reflect: true })
+  slot = 'footer';
 
   static get stableSelector() {
     return `${ddsPrefix}--logo-grid-link`;
diff --git a/packages/web-components/src/components/pictogram-item/__stories__/README.stories.mdx b/packages/web-components/src/components/pictogram-item/__stories__/README.stories.mdx
index 071912f2471..9c88c48b25d 100644
--- a/packages/web-components/src/components/pictogram-item/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/pictogram-item/__stories__/README.stories.mdx
@@ -37,7 +37,7 @@ import '@carbon/ibmdotcom-web-components/es/components/pictogram-item/pictogram-
   </svg>
   <span slot="heading">Lorem ipsum dolor sit</span>
   <dds-content-item-copy>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</dds-content-item-copy>
-  <dds-link-with-icon slot="cta">
+  <dds-link-with-icon slot="footer">
     Lorem ipsum dolor
     <svg
       slot="icon"
diff --git a/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts b/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
index 8f8f30fe009..acd8f63df6f 100644
--- a/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
+++ b/packages/web-components/src/components/pictogram-item/__stories__/pictogram-item.stories.ts
@@ -47,7 +47,7 @@ export const Default = ({ parameters }) => {
       </svg>
       <dds-content-item-heading>${heading}</dds-content-item-heading>
       <dds-content-item-copy>${copy}</dds-content-item-copy>
-      <dds-link-with-icon href="${href}" slot="cta">
+      <dds-link-with-icon href="${href}" slot="footer">
         ${linkCopy} ${ArrowRight20({ slot: 'icon' })}
       </dds-link-with-icon>
     </dds-pictogram-item>
diff --git a/packages/web-components/src/components/pictogram-item/pictogram-item.ts b/packages/web-components/src/components/pictogram-item/pictogram-item.ts
index 58c684bd0be..76375bd2863 100644
--- a/packages/web-components/src/components/pictogram-item/pictogram-item.ts
+++ b/packages/web-components/src/components/pictogram-item/pictogram-item.ts
@@ -22,7 +22,7 @@ const { stablePrefix: ddsPrefix } = ddsSettings;
  * @element dds-pictogram-item
  * @slot pictogram - The pictogram content.
  * @slot heading - The heading content.
- * @slot cta - The footer (CTA) content.
+ * @slot footer - The footer (CTA) content.
  */
 @customElement(`${ddsPrefix}-pictogram-item`)
 class DDSPictogramItem extends DDSContentItem {
diff --git a/packages/web-components/src/components/quote/__stories__/README.stories.mdx b/packages/web-components/src/components/quote/__stories__/README.stories.mdx
index 5b1500a73e1..9169b2f317f 100644
--- a/packages/web-components/src/components/quote/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/quote/__stories__/README.stories.mdx
@@ -37,7 +37,7 @@ import '@carbon/ibmdotcom-web-components/es/components/link-with-icon/link-with-
   <span slot="sourceBottomCopy">
     This is the third line of source
   </span>
-  <dds-link-with-icon slot="cta" href="https://example.com">
+  <dds-link-with-icon slot="footer" href="https://example.com">
     Link with Icon
     <svg
       slot="icon"
diff --git a/packages/web-components/src/components/quote/__stories__/quote.stories.ts b/packages/web-components/src/components/quote/__stories__/quote.stories.ts
index 1a7e6fa9319..c355e10142d 100644
--- a/packages/web-components/src/components/quote/__stories__/quote.stories.ts
+++ b/packages/web-components/src/components/quote/__stories__/quote.stories.ts
@@ -32,7 +32,7 @@ export const Default = ({ parameters }) => {
       <span slot="sourceBottomCopy">
         ${sourceBottomCopy}
       </span>
-      <dds-link-with-icon slot="cta" href="https://example.com">
+      <dds-link-with-icon slot="footer" href="https://example.com">
         Link with Icon ${ArrowRight20({ slot: 'icon' })}
       </dds-link-with-icon>
     </dds-quote>
diff --git a/packages/web-components/src/components/quote/quote.ts b/packages/web-components/src/components/quote/quote.ts
index 6a54e0b2b5d..952417fc228 100644
--- a/packages/web-components/src/components/quote/quote.ts
+++ b/packages/web-components/src/components/quote/quote.ts
@@ -52,7 +52,7 @@ const slotExistencePropertyNames = {
   sourceHeading: '_hasSourceHeading',
   sourceCopy: '_hasSourceCopy',
   sourceBottomCopy: '_hasSourceBottomCopy',
-  cta: '_hasCTA',
+  footer: '_hasFooter',
 };
 
 /**
@@ -60,7 +60,7 @@ const slotExistencePropertyNames = {
  *
  * @element dds-quote
  * @slot copy - The copy content.
- * @slot cta - The footer (CTA) content.
+ * @slot footer - The footer (CTA) content.
  */
 @customElement(`${ddsPrefix}-quote`)
 class DDSQuote extends StableSelectorMixin(LitElement) {
@@ -101,7 +101,7 @@ class DDSQuote extends StableSelectorMixin(LitElement) {
   /**
    * `true` if there is cta.
    */
-  protected _hasCTA = false;
+  protected _hasFooter = false;
 
   /**
    * Handles `slotchange` event.
@@ -184,12 +184,12 @@ class DDSQuote extends StableSelectorMixin(LitElement) {
     `;
   }
 
-  protected _renderCTA() {
-    const { _hasCTA: hasCTA, _handleSlotChange: handleSlotChange } = this;
+  protected _renderFooter() {
+    const { _hasFooter: hasFooter, _handleSlotChange: handleSlotChange } = this;
     return html`
-      <div ?hidden="${!hasCTA}" class="${prefix}--quote__footer">
+      <div ?hidden="${!hasFooter}" class="${prefix}--quote__footer">
         <dds-hr></dds-hr>
-        <slot name="cta" @slotchange="${handleSlotChange}"></slot>
+        <slot name="footer" @slotchange="${handleSlotChange}"></slot>
       </div>
     `;
   }
@@ -205,7 +205,7 @@ class DDSQuote extends StableSelectorMixin(LitElement) {
     return html`
       <div class="${prefix}--quote__container">
         <div class="${prefix}--quote__wrapper">
-          ${this._renderQuote()} ${this._renderSource()} ${this._renderCTA()}
+          ${this._renderQuote()}${this._renderSource()}${this._renderFooter()}
         </div>
       </div>
     `;
diff --git a/packages/web-components/src/components/video-player/__stories__/README.stories.mdx b/packages/web-components/src/components/video-player/__stories__/README.stories.mdx
index eac5f5368f5..9005c451c23 100644
--- a/packages/web-components/src/components/video-player/__stories__/README.stories.mdx
+++ b/packages/web-components/src/components/video-player/__stories__/README.stories.mdx
@@ -15,8 +15,7 @@ import '@carbon/ibmdotcom-web-components/es/components/video-player/video-player
 ### HTML
 
 ```html
-<dds-video-player-container id="my-video" video-id="1_9h94wo6b">
-</dds-video-player-container>
+<dds-video-player-container id="my-video" video-id="1_9h94wo6b"> </dds-video-player-container>
 ```
 
 ## Manual usage of Kaltura API
@@ -55,4 +54,12 @@ VideoPlayerAPI.checkScript().then(() => {
 
 <Props of="dds-video-player" />
 
+## Stable selectors
+
+See [our README](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/master/packages/web-components#stable-selectors-for-analytics-and-integratione2e-testing-in-web-components) to see how Web Components selector and `data-autoid` should be used.
+
+| Web Components selector | Compatibility selector | Description |
+| ----------------------- | ---------------------- | ----------- |
+| `<dds-video-player>`    | N/A                    | Component   |
+
 <Description markdown={contributing} />
diff --git a/packages/web-components/tests/snapshots/dds-callout-quote.md b/packages/web-components/tests/snapshots/dds-callout-quote.md
index 75cdb72e953..fe9235807ac 100644
--- a/packages/web-components/tests/snapshots/dds-callout-quote.md
+++ b/packages/web-components/tests/snapshots/dds-callout-quote.md
@@ -43,7 +43,7 @@
         >
           <dds-hr>
           </dds-hr>
-          <slot name="cta">
+          <slot name="footer">
           </slot>
         </div>
       </div>
diff --git a/packages/web-components/tests/snapshots/dds-callout-with-media.md b/packages/web-components/tests/snapshots/dds-callout-with-media.md
index 46d7282b9b5..01739d2fcfb 100644
--- a/packages/web-components/tests/snapshots/dds-callout-with-media.md
+++ b/packages/web-components/tests/snapshots/dds-callout-with-media.md
@@ -26,7 +26,7 @@
       hidden=""
     >
       <div class="bx--content-block__cta bx--content-block__cta-col">
-        <slot name="cta">
+        <slot name="footer">
         </slot>
       </div>
     </div>
@@ -61,7 +61,7 @@
       hidden=""
     >
       <div class="bx--content-block__cta bx--content-block__cta-col">
-        <slot name="cta">
+        <slot name="footer">
         </slot>
       </div>
     </div>
@@ -96,7 +96,7 @@
       hidden=""
     >
       <div class="bx--content-block__cta bx--content-block__cta-col">
-        <slot name="cta">
+        <slot name="footer">
         </slot>
       </div>
     </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-block-cards.md b/packages/web-components/tests/snapshots/dds-content-block-cards.md
index e381b59ecdc..7b665e18af1 100644
--- a/packages/web-components/tests/snapshots/dds-content-block-cards.md
+++ b/packages/web-components/tests/snapshots/dds-content-block-cards.md
@@ -18,7 +18,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
@@ -43,7 +43,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-block-headlines.md b/packages/web-components/tests/snapshots/dds-content-block-headlines.md
index 418bac292e6..42f88a4adc6 100644
--- a/packages/web-components/tests/snapshots/dds-content-block-headlines.md
+++ b/packages/web-components/tests/snapshots/dds-content-block-headlines.md
@@ -26,7 +26,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-block-media.md b/packages/web-components/tests/snapshots/dds-content-block-media.md
index 0a1d0ec6219..f17787a7f76 100644
--- a/packages/web-components/tests/snapshots/dds-content-block-media.md
+++ b/packages/web-components/tests/snapshots/dds-content-block-media.md
@@ -18,7 +18,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
@@ -43,7 +43,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-block-segmented.md b/packages/web-components/tests/snapshots/dds-content-block-segmented.md
index 653be2d686b..9d617d53461 100644
--- a/packages/web-components/tests/snapshots/dds-content-block-segmented.md
+++ b/packages/web-components/tests/snapshots/dds-content-block-segmented.md
@@ -28,7 +28,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
@@ -63,7 +63,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-block-simple.md b/packages/web-components/tests/snapshots/dds-content-block-simple.md
index e4c148bb349..9d3ecea8ad5 100644
--- a/packages/web-components/tests/snapshots/dds-content-block-simple.md
+++ b/packages/web-components/tests/snapshots/dds-content-block-simple.md
@@ -24,7 +24,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
@@ -63,7 +63,7 @@
       hidden=""
     >
       <div class="bx--content-block__cta bx--content-block__cta-col">
-        <slot name="cta">
+        <slot name="footer">
         </slot>
       </div>
     </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-group-horizontal.md b/packages/web-components/tests/snapshots/dds-content-group-horizontal.md
index 22825f0e608..bec9afad1a4 100644
--- a/packages/web-components/tests/snapshots/dds-content-group-horizontal.md
+++ b/packages/web-components/tests/snapshots/dds-content-group-horizontal.md
@@ -18,7 +18,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
@@ -43,7 +43,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-item-horizontal.md b/packages/web-components/tests/snapshots/dds-content-item-horizontal.md
index 5b5e3490a62..3cfd87d4401 100644
--- a/packages/web-components/tests/snapshots/dds-content-item-horizontal.md
+++ b/packages/web-components/tests/snapshots/dds-content-item-horizontal.md
@@ -24,7 +24,7 @@
       class="bx--content-item__cta"
       hidden=""
     >
-      <slot name="cta">
+      <slot name="footer">
       </slot>
     </div>
   </div>
@@ -54,7 +54,7 @@
       class="bx--content-item__cta"
       hidden=""
     >
-      <slot name="cta">
+      <slot name="footer">
       </slot>
     </div>
   </div>
diff --git a/packages/web-components/tests/snapshots/dds-content-item.md b/packages/web-components/tests/snapshots/dds-content-item.md
index 47ba0915784..f07f3ebd2d0 100644
--- a/packages/web-components/tests/snapshots/dds-content-item.md
+++ b/packages/web-components/tests/snapshots/dds-content-item.md
@@ -17,7 +17,7 @@
   class="bx--content-item__cta"
   hidden=""
 >
-  <slot name="cta">
+  <slot name="footer">
   </slot>
 </div>
 
@@ -35,7 +35,7 @@
 <slot>
 </slot>
 <div class="bx--content-item__cta">
-  <slot name="cta">
+  <slot name="footer">
   </slot>
 </div>
 
diff --git a/packages/web-components/tests/snapshots/dds-cta-section.md b/packages/web-components/tests/snapshots/dds-cta-section.md
index d62d1a19a8e..ce318ebda07 100644
--- a/packages/web-components/tests/snapshots/dds-cta-section.md
+++ b/packages/web-components/tests/snapshots/dds-cta-section.md
@@ -17,7 +17,7 @@
   class="bx--content-item__cta"
   hidden=""
 >
-  <slot name="cta">
+  <slot name="action">
   </slot>
 </div>
 <slot name="link-list">
@@ -27,7 +27,7 @@
   hidden=""
 >
   <div class="bx--content-item-wrapper">
-    <slot name="content-item">
+    <slot name="items">
     </slot>
   </div>
 </div>
@@ -46,7 +46,7 @@
 <slot>
 </slot>
 <div class="bx--content-item__cta">
-  <slot name="cta">
+  <slot name="action">
   </slot>
 </div>
 <slot name="link-list">
@@ -56,7 +56,7 @@
   hidden=""
 >
   <div class="bx--content-item-wrapper">
-    <slot name="content-item">
+    <slot name="items">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-locale-modal.md b/packages/web-components/tests/snapshots/dds-locale-modal.md
index 60992225895..833dd473515 100644
--- a/packages/web-components/tests/snapshots/dds-locale-modal.md
+++ b/packages/web-components/tests/snapshots/dds-locale-modal.md
@@ -113,7 +113,6 @@
       </dds-expressive-modal-close-button>
       <dds-expressive-modal-heading>
         <dds-link-with-icon
-          ?disabled="false"
           data-autoid="dds--link-with-icon"
           href="#"
           icon-placement="left"
diff --git a/packages/web-components/tests/snapshots/dds-logo-grid.md b/packages/web-components/tests/snapshots/dds-logo-grid.md
index 4558c9067dd..d1454fa2bd5 100644
--- a/packages/web-components/tests/snapshots/dds-logo-grid.md
+++ b/packages/web-components/tests/snapshots/dds-logo-grid.md
@@ -16,7 +16,7 @@
   hidden=""
 >
   <div class="bx--content-block__cta bx--content-block__cta-col">
-    <slot name="cta">
+    <slot name="footer">
     </slot>
   </div>
 </div>
diff --git a/packages/web-components/tests/snapshots/dds-pictogram-item.md b/packages/web-components/tests/snapshots/dds-pictogram-item.md
index ce32509be09..20a3d3d2e11 100644
--- a/packages/web-components/tests/snapshots/dds-pictogram-item.md
+++ b/packages/web-components/tests/snapshots/dds-pictogram-item.md
@@ -25,7 +25,7 @@
         class="bx--content-item__cta"
         hidden=""
       >
-        <slot name="cta">
+        <slot name="footer">
         </slot>
       </div>
     </div>
diff --git a/packages/web-components/tests/snapshots/dds-quote.md b/packages/web-components/tests/snapshots/dds-quote.md
index be401e40c48..bf274646b0f 100644
--- a/packages/web-components/tests/snapshots/dds-quote.md
+++ b/packages/web-components/tests/snapshots/dds-quote.md
@@ -41,7 +41,7 @@
     >
       <dds-hr>
       </dds-hr>
-      <slot name="cta">
+      <slot name="footer">
       </slot>
     </div>
   </div>