From 7f0fef8f9baa68cf64cdc3e833c231fbb6b1ce67 Mon Sep 17 00:00:00 2001
From: William Pitcock <nenolod@dereferenced.org>
Date: Mon, 18 Feb 2019 05:03:26 +0000
Subject: [PATCH] attachments: provide correct context for alt/title attributes
 instead of the previous hack

---
 src/components/attachment/attachment.vue   | 4 ++--
 src/components/still-image/still-image.js  | 3 ++-
 src/components/still-image/still-image.vue | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 7e972026..7a00c3bb 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -25,9 +25,9 @@
       class="image-attachment"
       :class="{'hidden': hidden && preloadImage }"
       :href="attachment.url" target="_blank"
-      :title="attachment.description"
     >
-      <StillImage :referrerpolicy="referrerpolicy" :mimetype="attachment.mimetype" :src="attachment.large_thumb_url || attachment.url"/>
+      <StillImage :referrerpolicy="referrerpolicy" :mimetype="attachment.mimetype" :src="attachment.large_thumb_url || attachment.url"
+       :alt="attachment.description"/>
     </a>
 
     <a class="video-container"
diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js
index 02e98f19..86fd9bb9 100644
--- a/src/components/still-image/still-image.js
+++ b/src/components/still-image/still-image.js
@@ -3,7 +3,8 @@ const StillImage = {
     'src',
     'referrerpolicy',
     'mimetype',
-    'imageLoadError'
+    'imageLoadError',
+    'alt'
   ],
   data () {
     return {
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue
index af824fa2..963094dc 100644
--- a/src/components/still-image/still-image.vue
+++ b/src/components/still-image/still-image.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class='still-image' :class='{ animated: animated }' >
+  <div class='still-image' :class='{ animated: animated }'>
     <canvas ref="canvas" v-if="animated"></canvas>
-    <img ref="src" :src="src" :referrerpolicy="referrerpolicy" v-on:load="onLoad" @error="onError"/>
+    <img ref="src" :alt="alt" :title="alt" :src="src" :referrerpolicy="referrerpolicy" v-on:load="onLoad" @error="onError"/>
   </div>
 </template>