From 5a2d236a4f831990c70362d1fff2424dd309c4b0 Mon Sep 17 00:00:00 2001
From: e-matthaey <e.matthaey@rola.com>
Date: Mon, 18 Nov 2024 13:51:01 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20removed=20role=20navigation=20on=20butto?=
 =?UTF-8?q?ns=20and=20added=20aria=C3=83labels=20(#16442)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/galleria/galleria.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/components/galleria/galleria.ts b/src/app/components/galleria/galleria.ts
index a78b8ccc40f..6db513db4d7 100755
--- a/src/app/components/galleria/galleria.ts
+++ b/src/app/components/galleria/galleria.ts
@@ -675,13 +675,13 @@ export class GalleriaItemSlot {
                 <button
                     *ngIf="showItemNavigators"
                     type="button"
-                    role="navigation"
                     [ngClass]="{ 'p-galleria-item-prev p-galleria-item-nav p-link': true, 'p-galleria-item-nav-focused': leftButtonFocused, 'p-disabled': this.isNavBackwardDisabled() }"
                     (click)="navBackward($event)"
                     [disabled]="isNavBackwardDisabled()"
                     pRipple
                     (focus)="onButtonFocus('left')"
                     (blur)="onButtonBlur('left')"
+                    [attr.aria-label]="ariaPreviousNavigationLabel()"
                 >
                     <ChevronLeftIcon *ngIf="!galleria.itemPreviousIconTemplate" [styleClass]="'p-galleria-item-prev-icon'" />
                     <ng-template *ngTemplateOutlet="galleria.itemPreviousIconTemplate"></ng-template>
@@ -696,9 +696,9 @@ export class GalleriaItemSlot {
                     (click)="navForward($event)"
                     [disabled]="isNavForwardDisabled()"
                     pRipple
-                    role="navigation"
                     (focus)="onButtonFocus('right')"
                     (blur)="onButtonBlur('right')"
+                    [attr.aria-label]="ariaNextNavigationLabel()"
                 >
                     <ChevronRightIcon *ngIf="!galleria.itemNextIconTemplate" [styleClass]="'p-galleria-item-next-icon'" />
                     <ng-template *ngTemplateOutlet="galleria.itemNextIconTemplate"></ng-template>
@@ -888,6 +888,14 @@ export class GalleriaItem implements OnChanges {
     ariaPageLabel(value) {
         return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.pageLabel.replace(/{page}/g, value) : undefined;
     }
+
+    ariaNextNavigationLabel() {
+        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.next : undefined;
+    }
+
+    ariaPreviousNavigationLabel() {
+        return this.galleria.config.translation.aria ? this.galleria.config.translation.aria.previous : undefined;
+    }
 }
 
 @Component({