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 0b3493b5028d2904b4fa3dc12ed1f89d4334432c..27d1cc5fcf79cbd5e6b1bfe451a3df020dec7aac 100644 (file)
--- 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,