feat(redmine 1306608): accessibility - corrections to images

Smile-SA · Aug 1, 2024 · d4ab4ec · d4ab4ec
1 parent 4bed473
commit d4ab4ec
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/nasty-clocks-raise.md b/.changeset/nasty-clocks-raise.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+(accessibility) make corrections in Image/Avatar component
diff --git a/packages/haring-react/src/Components/DocumentBox/DocumentBox.tsx b/packages/haring-react/src/Components/DocumentBox/DocumentBox.tsx
@@ -58,6 +58,7 @@ export function DocumentBox(props: IDocumentBoxProps): ReactNode {
         }`}
       >
         <Image
+          alt="thumbnail"
           classNames={{
             root: classes.imageRoot,
           }}

diff --git a/packages/haring-react/src/Components/Header/Header.mock.tsx b/packages/haring-react/src/Components/Header/Header.mock.tsx
@@ -58,6 +58,9 @@ export const rightContentMobileMock = (
 export const rightContentMock = (
   <>
     {rightContentMobileMock}
-    <Avatar src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=250&q=80" />
+    <Avatar
+      alt="profile"
+      src="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=250&q=80"
+    />
   </>
 );
diff --git a/packages/haring-react/src/Components/Thumbnail/Thumbnail.tsx b/packages/haring-react/src/Components/Thumbnail/Thumbnail.tsx
@@ -153,7 +153,7 @@ export function Thumbnail(props: IThumbnailProps): ReactElement {
             )}
           </div>
         </Group>
-        <Image radius="16px" src={image} />
+        <Image alt="thumbnail" radius="16px" src={image} />
       </Box>
       <ConfirmModal
         {...confirmAction}
-Original file line number
+Diff line change
@@ Expand Up @@
             }`}
           >
             <Image
+              alt="thumbnail"
               classNames={{
                 root: classes.imageRoot,
               }}
@@ Expand Down @@