diff --git a/docs/content/components/guide-card.mdx b/docs/content/components/guide-card.mdx
index 4c04040ed..3c2768093 100644
--- a/docs/content/components/guide-card.mdx
+++ b/docs/content/components/guide-card.mdx
@@ -40,7 +40,7 @@ variations:
                 and risk factors, early detection and diagnosis, and
                 treatment options.
               </p>
-              <ul class="nci-card__button-group">
+              <ul class="nci-card__button-group" aria-label="label for the list of buttons">
                 <li>
                   <a
                     href="#!"
@@ -81,10 +81,10 @@ variations:
         <div class="nci-guide-card">
           <div class="nci-guide-card__wrapper">
             <div class="nci-guide-card__body">
-              <h2 class="nci-guide-card__title">
+              <h2 class="nci-guide-card__title" id="list-label">
                 Research Grant Funding
               </h2>
-              <ul class="nci-card__button-group">
+              <ul class="nci-card__button-group" aria-labelledby="list-label">
                 <li>
                   <a
                     href="#!"
@@ -174,98 +174,60 @@ code_snippets:
   elements:
     - title: Guide Card with Image and Description
       preview: true
-      code: |
-        <div class="nci-guide-card nci-guide-card--with-image-and-description">
-          <div class="nci-guide-card__wrapper">
-            <picture class="nci-guide-card__image">
-              <img
-                src="../16x9_placeholder.png"
-                alt="Patients and Caregivers Image"
-              />
-            </picture>
-            <div class="nci-guide-card__body">
-              <p class="nci-guide-card__description">
-                NCI is the nation's trusted source for cancer
-                information. We're here with information about causes
-                and risk factors, early detection and diagnosis, and
-                treatment options.
-              </p>
-              <ul class="nci-card__button-group">
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Funding Opportunities
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Cancer Moonshot Funding Opportunities
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Funding Strategy
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Research Program Contacts
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
+      twig_template_path: components/nci-guide-card/nci-guide-card.twig
+      code: >
+        {
+          "modifier": "nci-guide-card--with-image-and-description",
+          "image": "../16x9_placeholder.png",
+          "altText": "image alt text",
+          "cardLabel": "aria-label for the guide card with image",
+          "description": "NCI is the nation's trusted source for cancer information. We're here with information about causes and risk factors, early detection and diagnosis, and treatment options.",
+          "buttongroup": [
+            {
+              "title": "Funding Opportunities",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Cancer Moonshot Funding Opportunities",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Funding Strategy",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Research Program Contacts",
+              "url": "http://cancer.gov"
+            }
+          ]
+        }
     - title: Guide Card without Image and Description
       preview: true
-      code: |
-        <div class="nci-guide-card">
-          <div class="nci-guide-card__wrapper">
-            <div class="nci-guide-card__body">
-              <h2 class="nci-guide-card__title">
-                Research Grant Funding
-              </h2>
-              <ul class="nci-card__button-group">
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Funding Opportunities
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Cancer Moonshot Funding Opportunities
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Funding Strategy
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="#!"
-                    class="usa-button usa-button--outline usa-button--secondary">
-                    Research Program Contacts
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-
+      twig_template_path: components/nci-guide-card/nci-guide-card.twig
+      code: >
+        {
+          "title": "Research Grant Funding",
+          "modifier": "",
+          "cardLabel": "aria-label for research grant funding guide card",
+          "buttongroup": [
+            {
+              "title": "Funding Opportunities",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Cancer Moonshot Funding Opportunities",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Funding Strategy",
+              "url": "http://cancer.gov"
+            },
+            {
+              "title": "Research Program Contacts",
+              "url": "http://cancer.gov"
+            }
+          ]
+        }
 packages:
   intro: |
     Import this Sass partial into your stylesheet.
diff --git a/docs/content/templates/guide-card-row.mdx b/docs/content/templates/guide-card-row.mdx
index 762eb2c4a..75b4eb36a 100644
--- a/docs/content/templates/guide-card-row.mdx
+++ b/docs/content/templates/guide-card-row.mdx
@@ -59,7 +59,7 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 
 ```html
 <div class="nci-title-aligned-card-group">
-	<h2 class="nci-guide-card__header">
+	<h2 id="header1" class="nci-guide-card__header">
 		Patients and Caregivers, with a Title Long Enough to Wrap to a Second Line
 	</h2>
 	<div class="nci-guide-card nci-guide-card--with-image-and-description">
@@ -73,7 +73,7 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 					with information about causes and risk factors, early detection and
 					diagnosis, and treatment options.
 				</p>
-				<ul class="nci-card__button-group">
+				<ul class="nci-card__button-group" aria-labelled-by="header1">
 					<li>
 						<a
 							href="#!"
@@ -120,7 +120,7 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 			</div>
 		</div>
 	</div>
-	<h2 class="nci-guide-card__header">Researchers</h2>
+	<h2 id="header2" class="nci-guide-card__header">Researchers</h2>
 	<div class="nci-guide-card nci-guide-card--with-image-and-description">
 		<div class="nci-guide-card__wrapper">
 			<picture class="nci-guide-card__image">
@@ -132,7 +132,7 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 					supports the best scientists and research projects through a rigorous
 					grant application and peer review process.
 				</p>
-				<ul class="nci-card__button-group">
+				<ul class="nci-card__button-group" aria-labelledby="header2">
 					<li>
 						<a
 							href="#!"
@@ -180,8 +180,10 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 		<li class="nci-guide-card desktop:grid-col-4">
 			<div class="nci-guide-card__wrapper">
 				<div class="nci-guide-card__body">
-					<h2 class="nci-guide-card__title">Research Grant Funding</h2>
-					<ul class="nci-card__button-group">
+					<h2 id="title1" class="nci-guide-card__title">
+						Research Grant Funding
+					</h2>
+					<ul class="nci-card__button-group" aria-labelledby="title1">
 						<li>
 							<a
 								href="#!"
@@ -232,8 +234,8 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 		<li class="nci-guide-card desktop:grid-col-4">
 			<div class="nci-guide-card__wrapper">
 				<div class="nci-guide-card__body">
-					<h2 class="nci-guide-card__title">Grants Process</h2>
-					<ul class="nci-card__button-group">
+					<h2 id="title2" class="nci-guide-card__title">Grants Process</h2>
+					<ul class="nci-card__button-group" aria-labelledby="title2">
 						<li>
 							<a
 								href="#!"
@@ -256,8 +258,10 @@ Refer to [Guide Card](/components/guide-card) for best practice recommendations
 		<li class="nci-guide-card desktop:grid-col-4">
 			<div class="nci-guide-card__wrapper">
 				<div class="nci-guide-card__body">
-					<h2 class="nci-guide-card__title">Funding for Training</h2>
-					<ul class="nci-card__button-group">
+					<h2 id="title3" class="nci-guide-card__title">
+						Funding for Training
+					</h2>
+					<ul class="nci-card__button-group" aria-labelledby="title3">
 						<li>
 							<a
 								href="#!"
diff --git a/packages/ncids-twig/components/nci-guide-card/nci-guide-card-group.twig b/packages/ncids-twig/components/nci-guide-card/nci-guide-card-group.twig
index d143ea8f4..552e1b033 100644
--- a/packages/ncids-twig/components/nci-guide-card/nci-guide-card-group.twig
+++ b/packages/ncids-twig/components/nci-guide-card/nci-guide-card-group.twig
@@ -6,13 +6,13 @@
 				<li class="nci-guide-card desktop:grid-col-4">
 					<div class="nci-guide-card__wrapper">
 						<div class="nci-guide-card__body">
-							<h2 class="nci-guide-card__title">{{ card.title }}</h2>
-							<ul class="nci-card__button-group">
+							<h2 id="{{ card.title|url_encode }}" class="nci-guide-card__title">{{ card.title }}</h2>
+							<ul class="nci-card__button-group" aria-labelledby="{{ card.title|url_encode }}">
 								{% for item in card.buttongroup %}
 									<li>
 										<a href="{{ item.url }}" class="usa-button usa-button--outline usa-button--secondary">
-                                            {{ item.title }}
-                                        </a>
+											{{ item.title }}
+										</a>
 									</li>
 								{% endfor %}
 							</ul>
diff --git a/packages/ncids-twig/components/nci-guide-card/nci-guide-card-tile-aligned.twig b/packages/ncids-twig/components/nci-guide-card/nci-guide-card-tile-aligned.twig
index a6770f5c3..1fb3ee225 100644
--- a/packages/ncids-twig/components/nci-guide-card/nci-guide-card-tile-aligned.twig
+++ b/packages/ncids-twig/components/nci-guide-card/nci-guide-card-tile-aligned.twig
@@ -1,40 +1,34 @@
 <section class="usa-section usa-section--light">
 	<div class="grid-container">
 		<div class="nci-title-aligned-card-group">
-            {% for card in cards %}
-                <h2 class="nci-guide-card__header">
-                    {{ card.header }}
-                </h2>
-                <div class="nci-guide-card {{ card.modifier }}">
-                    <div class="nci-guide-card__wrapper">
-                        {% if card.image %}
-                            <picture class="nci-guide-card__image">
-                                <img
-                                    src={{ card.image }}
-                                    alt="{{ card.altText }}"
-                                />
-                            </picture>
-                        {% endif %}
-                            <div class="nci-guide-card__body">
-                                {% if card.title %}
-                                    <h2 class="nci-guide-card__title">{{ card.title }}</h2>
-                                {% endif %}
-                                {% if card.description %}
-                                    <p class="nci-guide-card__description">{{ card.description }}</p>
-                                {% endif %}
-                            <ul class="nci-card__button-group">
-                                {% for item in card.buttongroup %}
-                                    <li>
-                                        <a href="{{ item.url }}" class="usa-button usa-button--outline usa-button--secondary">
-                                            {{ item.title }}
-                                        </a>
-                                    </li>
-                                {% endfor %}
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            {% endfor %}
-        </div>
-    </div>
+			{% for card in cards %}
+				<h2 class="nci-guide-card__header" id="{{ card.header|url_encode }}">
+					{{ card.header }}
+				</h2>
+				<div class="nci-guide-card {{ card.modifier }}">
+					<div class="nci-guide-card__wrapper">
+						{% if card.image %}
+							<picture class="nci-guide-card__image">
+								<img src={{ card.image }} alt="{{ card.altText }}"/>
+							</picture>
+						{% endif %}
+						<div class="nci-guide-card__body">
+							{% if card.description %}
+								<p class="nci-guide-card__description">{{ card.description }}</p>
+							{% endif %}
+							<ul class="nci-card__button-group" aria-labelledby="{{ card.header|url_encode }}">
+								{% for item in card.buttongroup %}
+									<li>
+										<a href="{{ item.url }}" class="usa-button usa-button--outline usa-button--secondary">
+											{{ item.title }}
+										</a>
+									</li>
+								{% endfor %}
+							</ul>
+						</div>
+					</div>
+				</div>
+			{% endfor %}
+		</div>
+	</div>
 </section>
diff --git a/packages/ncids-twig/components/nci-guide-card/nci-guide-card.twig b/packages/ncids-twig/components/nci-guide-card/nci-guide-card.twig
index 28f3a84b5..07a3c3700 100644
--- a/packages/ncids-twig/components/nci-guide-card/nci-guide-card.twig
+++ b/packages/ncids-twig/components/nci-guide-card/nci-guide-card.twig
@@ -1,31 +1,28 @@
 <div id="nci-card" class="grid-container">
-    <div class="nci-guide-card {{ modifier }}">
-        <div class="nci-guide-card__wrapper">
-            {% if image %}
-                <picture class="nci-guide-card__image">
-                    <img
-                        src={{ image }}
-                        alt="{{ altText }}"
-                    />
-                </picture>
-            {% endif %}
-                <div class="nci-guide-card__body">
-                    {% if title %}
-                        <h2 class="nci-guide-card__title">{{ title }}</h2>
-                    {% endif %}
-                    {% if description %}
-                        <p class="nci-guide-card__description">{{ description }}</p>
-                    {% endif %}
-                <ul class="nci-card__button-group">
-                    {% for item in buttongroup %}
-                        <li>
-                            <a href="{{ item.url }}" class="usa-button usa-button--outline usa-button--secondary">
-                                {{ item.title }}
-                            </a>
-                        </li>
-                    {% endfor %}
-                </ul>
-            </div>
-        </div>
-    </div>
+	<div class="nci-guide-card {{ modifier }}">
+		<div class="nci-guide-card__wrapper">
+			{% if image %}
+				<picture class="nci-guide-card__image">
+					<img src={{ image }} alt="{{ altText }}" />
+				</picture>
+			{% endif %}
+			<div class="nci-guide-card__body">
+				{% if title %}
+					<h2 id="{{ title|url_encode }}" class="nci-guide-card__title">{{ title }}</h2>
+				{% endif %}
+				{% if description %}
+					<p class="nci-guide-card__description">{{ description }}</p>
+				{% endif %}
+				<ul class="nci-card__button-group" {% if title %} aria-labelledby="{{ title|url_encode }}" {% else %} aria-label="{{ cardLabel }}" {% endif %}>
+					{% for item in buttongroup %}
+						<li>
+							<a href="{{ item.url }}" class="usa-button usa-button--outline usa-button--secondary">
+								{{ item.title }}
+							</a>
+						</li>
+					{% endfor %}
+				</ul>
+			</div>
+		</div>
+	</div>
 </div>
diff --git a/testing/ncids-js-testing/public/example-pages/guide-card.html b/testing/ncids-js-testing/public/example-pages/guide-card.html
index 14b236940..9c4f0128a 100644
--- a/testing/ncids-js-testing/public/example-pages/guide-card.html
+++ b/testing/ncids-js-testing/public/example-pages/guide-card.html
@@ -122,8 +122,8 @@ <h1>Guide Card Examples</h1>
 					<div class="nci-guide-card desktop:grid-col-4">
 						<div class="nci-guide-card__wrapper">
 							<div class="nci-guide-card__body">
-								<h2 class="nci-guide-card__title">Research Grant Funding</h2>
-								<ul class="nci-card__button-group">
+								<h2 id="title1" class="nci-guide-card__title">Research Grant Funding</h2>
+								<ul class="nci-card__button-group" aria-labelledby="title1">
 									<li>
 										<a
 											href="#"
@@ -169,8 +169,8 @@ <h2 class="nci-guide-card__header">
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Research Grant Funding</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title2" class="nci-guide-card__title">Research Grant Funding</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title2">
 										<li>
 											<a
 												href="#"
@@ -207,8 +207,8 @@ <h2 class="nci-guide-card__title">Research Grant Funding</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Grants Process</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title3" class="nci-guide-card__title">Grants Process</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title3">
 										<li>
 											<a
 												href="#"
@@ -245,8 +245,8 @@ <h2 class="nci-guide-card__title">Grants Process</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Funding for Training</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title4" class="nci-guide-card__title">Funding for Training</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title4">
 										<li>
 											<a
 												href="#"
@@ -286,7 +286,7 @@ <h2 class="nci-guide-card__title">Funding for Training</h2>
 			<section class="usa-section usa-section--light">
 				<div class="grid-container">
 					<div class="nci-title-aligned-card-group">
-						<h2 class="nci-guide-card__header">
+						<h2 id="header1" class="nci-guide-card__header">
 							Patients and Caregivers, with a Title Long Enough to Wrap to a
 							Second Line
 						</h2>
@@ -306,7 +306,7 @@ <h2 class="nci-guide-card__header">
 										We're here with information about causes and risk factors,
 										early detection and diagnosis, and treatment options.
 									</p>
-									<ul class="nci-card__button-group">
+									<ul class="nci-card__button-group" aria-labelledby="header1">
 										<li>
 											<a
 												href="#"
@@ -339,7 +339,7 @@ <h2 class="nci-guide-card__header">
 								</div>
 							</div>
 						</div>
-						<h2 class="nci-guide-card__header">Researchers</h2>
+						<h2 id="header2" class="nci-guide-card__header">Researchers</h2>
 						<div
 							class="nci-guide-card nci-guide-card--with-image-and-description"
 						>
@@ -357,7 +357,7 @@ <h2 class="nci-guide-card__header">Researchers</h2>
 										through a rigorous grant application and peer review
 										process.
 									</p>
-									<ul class="nci-card__button-group">
+									<ul class="nci-card__button-group" aria-labelledby="header2">
 										<li>
 											<a
 												href="#"
@@ -397,7 +397,7 @@ <h2 class="nci-guide-card__header">Researchers</h2>
 			<section class="usa-section usa-section--light">
 				<div class="grid-container">
 					<div class="nci-title-aligned-card-group">
-						<h2 class="nci-guide-card__header">
+						<h2 id="header3" class="nci-guide-card__header">
 							Capacitación en diversidad CRCHD
 						</h2>
 						<div
@@ -416,7 +416,7 @@ <h2 class="nci-guide-card__header">
 										disminuyó la carga viral del SARS-CoV-2, según encontró un
 										nuevo estudio.
 									</p>
-									<ul class="nci-card__button-group">
+									<ul class="nci-card__button-group" aria-labelledby="header3">
 										<li>
 											<a
 												href="#"
@@ -449,7 +449,7 @@ <h2 class="nci-guide-card__header">
 								</div>
 							</div>
 						</div>
-						<h2 class="nci-guide-card__header">
+						<h2 id="header4" class="nci-guide-card__header">
 							Grant Application Development, Submission, Review, & Award
 						</h2>
 						<div
@@ -470,7 +470,7 @@ <h2 class="nci-guide-card__header">
 										infections, decreased the viral load of SARS-CoV-2, a new
 										study found.
 									</p>
-									<ul class="nci-card__button-group">
+									<ul class="nci-card__button-group" aria-labelledby="header4">
 										<li>
 											<a
 												href="#"
diff --git a/testing/ncids-js-testing/public/example-pages/landing-page-without-title-cta.html b/testing/ncids-js-testing/public/example-pages/landing-page-without-title-cta.html
index ef64bcedb..8866ee9a4 100644
--- a/testing/ncids-js-testing/public/example-pages/landing-page-without-title-cta.html
+++ b/testing/ncids-js-testing/public/example-pages/landing-page-without-title-cta.html
@@ -341,8 +341,8 @@ <h2 class="cgdp-feature-card-row__heading">
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Research Grant Funding</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title1" class="nci-guide-card__title">Research Grant Funding</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title1">
 										<li>
 											<a
 												href="#"
@@ -379,8 +379,8 @@ <h2 class="nci-guide-card__title">Research Grant Funding</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Grants Process</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title2" class="nci-guide-card__title">Grants Process</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title2">
 										<li>
 											<a
 												href="#"
@@ -417,8 +417,8 @@ <h2 class="nci-guide-card__title">Grants Process</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Funding for Training</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title3" class="nci-guide-card__title">Funding for Training</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title3">
 										<li>
 											<a
 												href="#"
diff --git a/testing/ncids-js-testing/public/example-pages/landing-page-without-title.html b/testing/ncids-js-testing/public/example-pages/landing-page-without-title.html
index c5aea9f88..f65112bda 100644
--- a/testing/ncids-js-testing/public/example-pages/landing-page-without-title.html
+++ b/testing/ncids-js-testing/public/example-pages/landing-page-without-title.html
@@ -331,8 +331,8 @@ <h2 class="cgdp-feature-card-row__heading">
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Research Grant Funding</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title1" class="nci-guide-card__title">Research Grant Funding</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title1">
 										<li>
 											<a
 												href="#"
@@ -369,8 +369,8 @@ <h2 class="nci-guide-card__title">Research Grant Funding</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Grants Process</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title2" class="nci-guide-card__title">Grants Process</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title2">
 										<li>
 											<a
 												href="#"
@@ -407,8 +407,8 @@ <h2 class="nci-guide-card__title">Grants Process</h2>
 						<li class="nci-guide-card desktop:grid-col-4">
 							<div class="nci-guide-card__wrapper">
 								<div class="nci-guide-card__body">
-									<h2 class="nci-guide-card__title">Funding for Training</h2>
-									<ul class="nci-card__button-group">
+									<h2 id="title3" class="nci-guide-card__title">Funding for Training</h2>
+									<ul class="nci-card__button-group" aria-labelledby="title3">
 										<li>
 											<a
 												href="#"