From f4445cb8343d1773fb731b8aa9a5a82982e509dd Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Thu, 8 Sep 2022 07:39:47 -0400
Subject: [PATCH] Fix #3259: TabView add aria-labels to previous and next
 button

---
 components/lib/tabview/TabView.js | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/components/lib/tabview/TabView.js b/components/lib/tabview/TabView.js
index 6ff125859f..eef9005dc4 100644
--- a/components/lib/tabview/TabView.js
+++ b/components/lib/tabview/TabView.js
@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { ariaLabel } from '../api/Api';
+import { Button } from '../button/Button';
 import { useMountEffect, useUpdateEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, ObjectUtils, UniqueComponentId } from '../utils/Utils';
@@ -248,12 +250,7 @@ export const TabView = React.forwardRef((props, ref) => {
 
     const createPrevButton = () => {
         if (props.scrollable && !backwardIsDisabledState) {
-            return (
-                <button ref={prevBtnRef} className="p-tabview-nav-prev p-tabview-nav-btn p-link" onClick={navBackward} type="button">
-                    <span className="pi pi-chevron-left"></span>
-                    <Ripple />
-                </button>
-            );
+            return <Button ref={prevBtnRef} type="button" className="p-tabview-nav-prev p-tabview-nav-btn p-link" icon="pi pi-chevron-left" onClick={navBackward} aria-label={ariaLabel('previousPageLabel')} />;
         }
 
         return null;
@@ -261,12 +258,7 @@ export const TabView = React.forwardRef((props, ref) => {
 
     const createNextButton = () => {
         if (props.scrollable && !forwardIsDisabledState) {
-            return (
-                <button ref={nextBtnRef} className="p-tabview-nav-next p-tabview-nav-btn p-link" onClick={navForward} type="button">
-                    <span className="pi pi-chevron-right"></span>
-                    <Ripple />
-                </button>
-            );
+            return <Button ref={nextBtnRef} type="button" className="p-tabview-nav-next p-tabview-nav-btn p-link" icon="pi pi-chevron-right" onClick={navForward} aria-label={ariaLabel('nextPageLabel')} />;
         }
     };