Adapt "advanced settings" button for accordion button

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>

apps/files_sharing/src/views/SharingDetailsTab.vue

@@ -78,15 +78,20 @@
 			</div>
 			<div class="sharingTabDetailsView__advanced-control">
 				<NcButton type="tertiary"
+					id="advancedSectionAccordionAdvancedControl"
 					alignment="end-reverse"
+					aria-controls="advancedSectionAccordionAdvanced"
+					:aria-expanded="advancedControlExpandedValue"
 					@click="advancedSectionAccordionExpanded = !advancedSectionAccordionExpanded">
 					{{ t('files_sharing', 'Advanced settings') }}
 					<template #icon>
-						<MenuDownIcon />
+						<MenuDownIcon v-if="!advancedSectionAccordionExpanded" />
+						<MenuUpIcon v-else />
 					</template>
 				</NcButton>
 			</div>
-			<div v-if="advancedSectionAccordionExpanded" class="sharingTabDetailsView__advanced">
+			<div v-if="advancedSectionAccordionExpanded" id="advancedSectionAccordionAdvanced" class="sharingTabDetailsView__advanced"
+				aria-labelledby="advancedSectionAccordionAdvancedControl" role="region">
 				<section>
 					<NcInputField v-if="isPublicShare"
 						:value.sync="share.label"
@@ -226,6 +231,7 @@ import UserIcon from 'vue-material-design-icons/AccountCircleOutline.vue'
 import ViewIcon from 'vue-material-design-icons/Eye.vue'
 import UploadIcon from 'vue-material-design-icons/Upload.vue'
 import MenuDownIcon from 'vue-material-design-icons/MenuDown.vue'
+import MenuUpIcon from 'vue-material-design-icons/MenuUp.vue'
 import DotsHorizontalIcon from 'vue-material-design-icons/DotsHorizontal.vue'
 
 import GeneratePassword from '../utils/GeneratePassword.js'
@@ -260,6 +266,7 @@ export default {
 		UploadIcon,
 		ViewIcon,
 		MenuDownIcon,
+		MenuUpIcon,
 		DotsHorizontalIcon,
 	},
 	mixins: [ShareTypes, ShareRequests, SharesMixin],
@@ -644,6 +651,9 @@ export default {
 					: translatedPermissions[permission].toLocaleLowerCase(getLanguage()))
 				.join(', ')
 		},
+		advancedControlExpandedValue() {
+			return this.advancedSectionAccordionExpanded ? 'true' : 'false'
+		}
 	},
 	watch: {
 		setCustomPermissions(isChecked) {