Merge pull request #1381 from nextcloud/feat/accessibility-alt

Add alt tag to img
nextcloud · Sep 21, 2022 · 29120be · 29120be
2 parents 51af5ab + 96c54da
commit 29120be
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/Images.vue b/src/components/Images.vue
@@ -28,6 +28,7 @@
 		@close="onClose" />
 
 	<img v-else
+		:alt="alt"
 		:class="{
 			dragging,
 			loaded,
@@ -51,6 +52,7 @@ import axios from '@nextcloud/axios'
 import Vue from 'vue'
 import AsyncComputed from 'vue-async-computed'
 import ImageEditor from './ImageEditor.vue'
+import { basename } from '@nextcloud/paths'
 
 Vue.use(AsyncComputed)
 
@@ -90,6 +92,10 @@ export default {
 		zoomWidth() {
 			return Math.round(this.width * this.zoomRatio)
 		},
+		alt() {
+			const fileName = basename(this.src)
+			return t('viewer', `Content of '${fileName}'`)
+		},
 	},
 
 	asyncComputed: {