From 4d6d76948aa81832b00ceaeae45a4c39b08a7910 Mon Sep 17 00:00:00 2001
From: Nick Rohrer <34035476+NRohrer@users.noreply.github.com>
Date: Thu, 1 Apr 2021 11:53:58 -0500
Subject: [PATCH] add support for label props for carousel arrows for
 accessibility purposes (#174)

---
 src/carousel/CarouselArrows.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/carousel/CarouselArrows.js b/src/carousel/CarouselArrows.js
index 618059e8..18012239 100644
--- a/src/carousel/CarouselArrows.js
+++ b/src/carousel/CarouselArrows.js
@@ -53,6 +53,8 @@ export default function CarouselArrows({
   count,
   setSelected,
   infinite,
+  leftArrowLabel,
+  rightArrowLabel,
 }) {
   classes = useStyles({ classes })
 
@@ -70,6 +72,7 @@ export default function CarouselArrows({
         <IconButton
           className={clsx(classes.arrow, classes.leftArrow)}
           onClick={createOnClickArrow(-1)}
+          aria-label={leftArrowLabel}
         >
           <ChevronLeft classes={{ root: classes.icon }} />
         </IconButton>
@@ -78,6 +81,7 @@ export default function CarouselArrows({
         <IconButton
           className={clsx(classes.arrow, classes.rightArrow)}
           onClick={createOnClickArrow(1)}
+          aria-label={rightArrowLabel}
         >
           <ChevronRight classes={{ root: classes.icon }} />
         </IconButton>
@@ -111,6 +115,19 @@ CarouselArrows.propTypes = {
    * Total number of slides in the [`Carousel`](/apiReference/carousel/Carousel).
    */
   count: PropTypes.number,
+
+  /**
+   * Label given to the left arrow for accessbility purposes.
+   */
+  leftArrowLabel: PropTypes.string,
+
+  /**
+   * Label given to the right arrow for accessbility purposes.
+   */
+  rightArrowLabel: PropTypes.string,
 }
 
-CarouselArrows.defaultProps = {}
+CarouselArrows.defaultProps = {
+  leftArrowLabel: 'Previous',
+  rightArrowLabel: 'Next',
+}