@autobusal/common 1.4.6 → 1.4.7

package/BlogItem/BlogItem.tsx

@@ -2,7 +2,7 @@ import { TFunction } from 'i18next';
 import { FiCalendar } from 'react-icons/fi';
 import { sanitizeHtml } from '@autobusal/utilities';
 import Image from './Image';
-import { LinkTitle, Details, DisplayDate, TextPreview, TextView, ButtonLink } from './styles';
+import { LinkTitle, Title, Details, DisplayDate, TextPreview, TextView, ButtonLink } from './styles';
 import { ArticleData } from '@autobusal/providers/types/articles';
 
 interface Props {
@@ -13,9 +13,12 @@ interface Props {
 
 const BlogItem = ({ article, type, t }: Props): JSX.Element => (
   <div className="box">
-    { article.image_url !== null && <Image type={ type } internal={ article.internal } image_url={ article.image_url } /> }
+    { article.image_url !== null && <Image type={ type } internal={ article.internal } image_url={ article.image_url } title={ article.title } /> }
 
-    <LinkTitle to={ `/blog/article/${ article.internal }` }>{ article.title }</LinkTitle>
+    { type === 'view'
+      ? <Title>{ article.title }</Title>
+      : <LinkTitle to={ `/blog/article/${ article.internal }` }>{ article.title }</LinkTitle>
+    }
 
     <Details>
       <DisplayDate>

package/BlogItem/Image.tsx

@@ -4,19 +4,20 @@ interface Props {
   type: 'preview' | 'view' | 'short'
   internal: string
   image_url: string
+  title: string
 }
 
-const Image = ({ type, internal, image_url }: Props): JSX.Element => {
+const Image = ({ type, internal, image_url, title }: Props): JSX.Element => {
   if (type === 'preview' || type === 'short') {
     return (
       <ImageLink to={ `/blog/article/${ internal }` }>
-        <ContainerImage src={ image_url } />
+        <ContainerImage src={ image_url } alt={ title } />
       </ImageLink>
     );
   }
 
   return (
-    <ContainerImage src={ image_url } />
+    <ContainerImage src={ image_url } alt={ title } />
   );
 };
 

package/BlogItem/styles.ts

@@ -28,6 +28,14 @@ export const LinkTitle = styled(Link)`
   }
 `;
 
+// Single-article view renders the title as a real <h1> instead of a
+// self-link back to the same page - same visual weight as LinkTitle.
+export const Title = styled.h1`
+  font-size: ${ props => props.theme.size.xl };
+  font-weight: 700;
+  margin: 0;
+`;
+
 export const Details = styled.div`
   display: flex;
   gap: 15px;

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to `@autobusal/common` are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## [1.4.7] - 2026-07-30
+
+### Fixed
+
+- **Blog thumbnails missing `alt` text (`BlogItem/Image.tsx`).** Neither the
+  preview/short grid thumbnail nor the full article image had `alt` - added a
+  required `title` prop (threaded through from `BlogItem.tsx`'s
+  `article.title`) used as the `alt` text on both.
+
 ## [1.4.6] - 2026-07-29
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"