Allow setting the aria-label

Author: Artur-

packages/breadcrumb/src/vaadin-breadcrumb.d.ts

@@ -27,7 +27,12 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
  *
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  */
-declare class Breadcrumb extends ElementMixin(ThemableMixin(HTMLElement)) {}
+declare class Breadcrumb extends ElementMixin(ThemableMixin(HTMLElement)) {
+  /**
+   * The aria-label attribute for the breadcrumb navigation
+   */
+  ariaLabel: string;
+}
 
 declare global {
   interface HTMLElementTagNameMap {

packages/breadcrumb/src/vaadin-breadcrumb.js

@@ -49,6 +49,16 @@ class Breadcrumb extends ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMi
 
   static get properties() {
     return {
+      /**
+       * The aria-label attribute for the breadcrumb navigation
+       */
+      ariaLabel: {
+        type: String,
+        value: 'Breadcrumb',
+        reflectToAttribute: true,
+        sync: true,
+      },
+
       /**
        * The list of breadcrumb items
        * @type {!Array<!BreadcrumbItem>}
@@ -81,8 +91,6 @@ class Breadcrumb extends ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMi
     if (!this.hasAttribute('role')) {
       this.setAttribute('role', 'navigation');
     }
-
-    this.setAttribute('aria-label', 'Breadcrumb');
   }
 
   /** @private */