diff --git a/docs/components/Page/CTA.tsx b/docs/components/Page/CTA.tsx
index 84c23804..fa115778 100644
--- a/docs/components/Page/CTA.tsx
+++ b/docs/components/Page/CTA.tsx
@@ -37,7 +37,7 @@ export const CTA: React.FunctionComponent<ICTAProps> = (props: React.PropsWithCh
       <div className="sm:mx-auto sm:max-w-3xl sm:px-6">
         <div className={`py-12 sm:relative sm:py-16 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2`}>
           <div className={`relative sm:mx-auto sm:max-w-3xl sm:px-0 lg:-mr-40 lg:max-w-none lg:h-full lg:pl-12`}>
-            <img className={`w-full lg:h-full lg:w-auto lg:max-w-none`} src={`/assets/site-preview.png`} alt={`Site preview`} />
+            <img className={`w-full lg:h-full lg:w-auto lg:max-w-none`} src={`/assets/site-preview.png`} alt={`Front Matter - Headless CMS - Live page preview`} />
           </div>
         </div>
       </div>
diff --git a/docs/components/Page/Hero.tsx b/docs/components/Page/Hero.tsx
index db921c87..e6338934 100644
--- a/docs/components/Page/Hero.tsx
+++ b/docs/components/Page/Hero.tsx
@@ -32,7 +32,7 @@ export const Hero: React.FunctionComponent<IHeroProps> = (props: React.PropsWith
         <div className="lg:pr-6 lg:-ml-16 lg:px-0 lg:m-0 lg:relative lg:h-full">
           <img className="w-full rounded-xl lg:absolute lg:right-0 lg:h-full lg:w-auto lg:max-w-none" 
                src="/assets/dashboard.png" 
-               alt="Editor dashboard of your static site content" />
+               alt="Front Matter CMS editor dashboard of your static site content" />
         </div>
       </div>
     </div>