Improvement/accessibility blog example (#475)

* improvements: updated heading tag order, removed repeat alt values, added aria-labels

* chore: added changeset

1 files changed, 4 insertions, 2 deletions

diff --git a/examples/blog/src/pages/about.astro b/examples/blog/src/pages/about.astro
index 11ae980c7..d7a219057 100644
--- a/examples/blog/src/pages/about.astro
+++ b/examples/blog/src/pages/about.astro
@@ -49,8 +49,10 @@ let title = "About";
     <Nav title={title} />
 
     <main class="wrapper">
-      <h1 class="title">{title}</h1>
-      <figure class="hero"><img class="hero-img" src="/images/chapter-01.jpg"></figure>
+      <h2 class="title">{title}</h2>
+      <div class="hero">
+        <img class="hero-img" src="/images/chapter-01.jpg" alt="">
+      </div>
       <div class="text">
         <p>The book cover and spine above and the images which follow were not part of the original Ormsby translation—they are taken from the 1880 edition of J. W. Clark, illustrated by Gustave Doré. Clark in his edition states that, “The English text of ‘Don Quixote’ adopted in this edition is that of Jarvis, with occasional corrections from Motteaux.”</p>
         <p>See in the introduction below John Ormsby’s critique of both the Jarvis and Motteaux translations. It has been elected in the present Project Gutenberg edition to attach the famous engravings of Gustave Doré to the Ormsby translation instead of the Jarvis/Motteaux. The detail of many of the Doré engravings can be fully appreciated only by utilizing the “Full Size” button to expand them to their original dimensions. Ormsby in his Preface has criticized the fanciful nature of Doré’s illustrations; others feel these woodcuts and steel engravings well match Quixote’s dreams.</p>