From 3efa4aff2c1b681cffa1ebf38f37b583c0a205a9 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Fri, 11 Mar 2022 11:24:02 +0100
Subject: [PATCH] Remove Action from CheckboxBlankCircle and add more
 description text

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 .../CalendarList/CalendarListItem.vue         | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/components/AppNavigation/CalendarList/CalendarListItem.vue b/src/components/AppNavigation/CalendarList/CalendarListItem.vue
index b98cc8ca5c..fbd4d13d21 100644
--- a/src/components/AppNavigation/CalendarList/CalendarListItem.vue
+++ b/src/components/AppNavigation/CalendarList/CalendarListItem.vue
@@ -23,26 +23,19 @@
 	<AppNavigationItem
 		v-click-outside="closeShareMenu"
 		:loading="calendar.loading"
+		:aria-description="descriptionAppNavigationItem"
 		:title="calendar.displayName || $t('calendar', 'Untitled calendar')"
 		:class="{deleted: !!deleteTimeout, disabled: !calendar.enabled, 'open-sharing': shareMenuOpen}"
 		@click.prevent.stop="toggleEnabled">
 		<template slot="icon">
-			<Actions>
-				<ActionButton @click.prevent.stop="toggleEnabled">
-					<template #icon>
-						<CheckboxBlankCircle
-							v-if="calendar.enabled"
-							:title="$t('calendar', 'Disable calendar')"
-							:size="20"
-							:fill-color="calendar.color" />
-						<CheckboxBlankCircleOutline
-							v-else
-							:title="$t('calendar', 'Enable calendar')"
-							:size="20"
-							:fill-color="calendar.color" />
-					</template>
-				</ActionButton>
-			</Actions>
+			<CheckboxBlankCircle
+				v-if="calendar.enabled"
+				:size="20"
+				:fill-color="calendar.color" />
+			<CheckboxBlankCircleOutline
+				v-else
+				:size="20"
+				:fill-color="calendar.color" />
 		</template>
 
 		<template v-if="!deleteTimeout" slot="counter">
@@ -342,6 +335,16 @@ export default {
 
 			return ''
 		},
+	  /**
+	   * compute aria-description for AppNavigationItem link
+	   *
+	   * @return {string}
+	   */
+	  descriptionAppNavigationItem() {
+			return this.calendar.enabled
+				? t('calendar', 'Disable calendar "{calendar}"', { calendar: this.calendar.displayName })
+				: t('calendar', 'Enable calendar "{calendar}"', { calendar: this.calendar.displayName })
+		},
 	},
 	methods: {
 		/**