Add aria-label on link preview toggle button

2019-03-13 19:08:32 +02:00 · 2019-03-13 19:08:32 +02:00 · 7df26dc373
commit 7df26dc373
parent a33108bd49
1 changed files with 6 additions and 0 deletions
--- a/client/components/LinkPreviewToggle.vue
+++ b/client/components/LinkPreviewToggle.vue
@ -2,6 +2,7 @@
 	<button
 		v-if="link.type !== 'loading'"
 		:class="['toggle-button', 'toggle-preview', { opened: link.shown }]"
+		:aria-label="ariaLabel"
 		@click="onClick"
 	/>
 </template>
@ -12,6 +13,11 @@ export default {
 	props: {
 		link: Object,
 	},
+	computed: {
+		ariaLabel() {
+			return this.link.shown ? "Collapse preview" : "Expand preview";
+		},
+	},
 	methods: {
 		onClick() {
 			this.link.shown = !this.link.shown;