Merge pull request #4913 from nextcloud-libraries/enh/a11y/breadcrumb…

…s-nav

src/components/NcBreadcrumbs/NcBreadcrumbs.vue

@@ -172,6 +172,14 @@ export default {
 			type: String,
 			default: 'icon-home',
 		},
+
+		/**
+		 * Set the aria-label of the nav element.
+		 */
+		ariaLabel: {
+			type: String,
+			default: null,
+		},
 	},
 	emits: ['dropped'],
 	data() {
@@ -626,7 +634,7 @@ export default {
 			crumbs = crumbs.concat(crumbs2)
 		}
 
-		const wrapper = [h('nav', {}, [h('ul', { class: 'breadcrumb__crumbs' }, [crumbs])])]
+		const wrapper = [h('nav', { attrs: { 'aria-label': this.ariaLabel } }, [h('ul', { class: 'breadcrumb__crumbs' }, [crumbs])])]
 		// Append the actions slot if it is populated
 		if (this.$slots.actions) {
 			wrapper.push(h('div', { class: 'breadcrumb__actions', ref: 'breadcrumb__actions' }, this.$slots.actions))