add header image

Author: d-koppenhagen

src/assets/images/blog/aria-live/aria-live-small.jpg

@@ -18,12 +18,10 @@ keywords:
   - a11y
 language: en
 thumbnail:
-  header: https://placehold.co/1000x318
-  card: https://placehold.co/500x159
-#   header: images/blog/aria-live/aria-live.jpg
-#   card: images/blog/aria-live/aria-live-small.jpg
+  header: images/blog/aria-live/aria-live.jpg
+  card: images/blog/aria-live/aria-live-small.jpg
 # linked:
-#   devTo: 'https://dev.to/dkoppenhagen/route-based-navigation-menus-in-vue-od2'
+#   devTo: 'https://foo.bar'
 ---
 
 You've built a modern single-page application with dynamic content alerts and live tickers - of course: with accessibility in mind.
@@ -442,3 +440,5 @@ The Angular CDK's LiveAnnouncer, Vue's @vue-a11y/announcer, and React's @react-a
 
 Remember to keep live regions mounted, always trigger DOM changes, choose appropriate politeness levels, test with real screen readers, provide context in your messages, and standardize on one announcer service.
 When your app speaks up at the right moments, you're not just fixing an accessibility issue — you're making your interface more **inclusive, responsive, and trustworthy**.
+
+<small>**Cover image:** Picture from [Freepik](https://www.freepik.com/free-photo/paper-hand-holding-megaphone_19925176.htm), edited</small>