diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-07 15:59:48 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-06-07 17:13:29 +0200 |
| commit | d54fc38899b3ffc87104ed03f5e48be3f02e337c (patch) | |
| tree | 233df552fb67f5fab7a14eae339918743cd07d5f /src/components | |
| parent | ac79a48c07c538316949d6284bc5d9c0eb2e3f91 (diff) | |
chore: use image title as figure label if no caption is provided
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/molecules/images/responsive-image.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/molecules/images/responsive-image.tsx b/src/components/molecules/images/responsive-image.tsx index 4541df8..5373561 100644 --- a/src/components/molecules/images/responsive-image.tsx +++ b/src/components/molecules/images/responsive-image.tsx @@ -49,6 +49,7 @@ const ResponsiveImage: FC<ResponsiveImageProps> = ({ layout, objectFit, target, + title, withBorders, ...props }) => { @@ -59,15 +60,17 @@ const ResponsiveImage: FC<ResponsiveImageProps> = ({ return ( <figure + aria-label={caption ? undefined : title} className={`${styles.wrapper} ${styles[bordersModifier]} ${styles[linkModifier]} ${className}`} > {target ? ( <Link href={target} className={styles.link}> <Image alt={alt} + className={styles.img} layout={layout || 'intrinsic'} objectFit={objectFit || 'contain'} - className={styles.img} + title={title} {...props} /> {caption && ( @@ -78,9 +81,10 @@ const ResponsiveImage: FC<ResponsiveImageProps> = ({ <> <Image alt={alt} + className={styles.img} layout={layout || 'intrinsic'} objectFit={objectFit || 'contain'} - className={styles.img} + title={title} {...props} /> {caption && ( |