From: Zetaphor <Zetaphor@users.noreply.github.com>
Date: Tue, 13 Jun 2023 17:24:15 +0000 (-0500)
Subject: Add title to pictrs-image
X-Git-Url: http://these/git/%22%7Burl%7D/static/%7B%7D/%7Bpost.url%7D?a=commitdiff_plain;h=31257b9dd4c4f8ac6b6d31191b12284011590a5c;p=lemmy-ui.git

Add title to pictrs-image

This adds a title tag to images, uses the alt tag value. This improves accessibility for sighted users and screen readers.
---

diff --git a/src/shared/components/common/pictrs-image.tsx b/src/shared/components/common/pictrs-image.tsx
index 0b3493b..27d1cc5 100644
--- a/src/shared/components/common/pictrs-image.tsx
+++ b/src/shared/components/common/pictrs-image.tsx
@@ -29,6 +29,7 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
         <img
           src={this.props.src}
           alt={this.alt()}
+          title={this.alt()}
           loading="lazy"
           className={classNames({
             "img-fluid": !this.props.icon && !this.props.iconOverlay,