diff --git a/app/assets/stylesheets/components/stories.scss b/app/assets/stylesheets/components/stories.scss
index 577b03a51..df15a11b0 100644
--- a/app/assets/stylesheets/components/stories.scss
+++ b/app/assets/stylesheets/components/stories.scss
@@ -54,17 +54,14 @@
   // Cover section for promoted (first) card.
   &__cover {
     display: block;
+    width: 100%;
+    height: auto;
+    padding-bottom: 42%;
+    background-size: cover;
+    background-position: center center;
 
-    &__image {
-      width: 100%;
-      height: auto;
-      padding-bottom: 42%;
-      background-size: cover;
-      background-position: center center;
-
-      @media (min-width: $breakpoint-m) {
-        border-radius: var(--radius) var(--radius) 0 0;
-      }
+    @media (min-width: $breakpoint-m) {
+      border-radius: var(--radius) var(--radius) 0 0;
     }
   }
 
diff --git a/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap b/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
index a5f8a44a6..b2a4f174a 100644
--- a/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
+++ b/app/javascript/articles/__tests__/__snapshots__/Article.test.jsx.snap
@@ -17,12 +17,14 @@ Object {
           <a
             class="crayons-story__cover"
             href="/some-post/path"
+            style="background-image: url(/images/10.png);"
             title="Unbranded Home Loan Account"
           >
-            <div
-              class="crayons-story__cover__image"
-              style="background-image: url(/images/10.png);"
-            />
+            <span
+              class="hidden"
+            >
+              Unbranded Home Loan Account
+            </span>
           </a>
           <div
             class="crayons-story__body"
@@ -225,12 +227,14 @@ Object {
         <a
           class="crayons-story__cover"
           href="/some-post/path"
+          style="background-image: url(/images/10.png);"
           title="Unbranded Home Loan Account"
         >
-          <div
-            class="crayons-story__cover__image"
-            style="background-image: url(/images/10.png);"
-          />
+          <span
+            class="hidden"
+          >
+            Unbranded Home Loan Account
+          </span>
         </a>
         <div
           class="crayons-story__body"
diff --git a/app/javascript/articles/components/ArticleCoverImage.jsx b/app/javascript/articles/components/ArticleCoverImage.jsx
index 33136beb3..40f08ffbf 100644
--- a/app/javascript/articles/components/ArticleCoverImage.jsx
+++ b/app/javascript/articles/components/ArticleCoverImage.jsx
@@ -7,11 +7,9 @@ export const ArticleCoverImage = ({ article }) => {
       href={article.path}
       className="crayons-story__cover"
       title={article.title}
+      style={{ backgroundImage: `url(${article.main_image})` }}
     >
-      <div
-        style={{ backgroundImage: `url(${article.main_image})` }}
-        className="crayons-story__cover__image"
-      />
+      <span class="hidden">{article.title}</span>
     </a>
   );
 };
diff --git a/app/views/articles/_single_story.html.erb b/app/views/articles/_single_story.html.erb
index 6b7812699..01dc0ea79 100644
--- a/app/views/articles/_single_story.html.erb
+++ b/app/views/articles/_single_story.html.erb
@@ -3,8 +3,9 @@
     <div id="featured-story-marker" data-featured-article="articles-<%= story.id %>"></div>
   <% end %>
   <% if featured == true || (feed_style_preference == "rich" && story.main_image.present?) %>
-    <a href="<%= story.path %>" class="crayons-story__cover" aria-label="article">
-      <div style="background-color: <%= story.main_image_background_hex_color %>; background-image: url(<%= cloud_cover_url(story.main_image) %>);" class="crayons-story__cover__image"></div>
+    <a href="<%= story.path %>" title="<%= story.title %>" class="crayons-story__cover" aria-label="article"
+      style="background-color: <%= story.main_image_background_hex_color %>; background-image: url(<%= cloud_cover_url(story.main_image) %>);" class="crayons-story__cover__image">
+      <span class="hidden"><%= story.title %></span>
     </a>
   <% end %>