diff --git a/components/lib/api/Locale.js b/components/lib/api/Locale.js index a786cb8f83..2496c40c00 100644 --- a/components/lib/api/Locale.js +++ b/components/lib/api/Locale.js @@ -47,7 +47,10 @@ let locales = { aria: { trueLabel: 'True', falseLabel: 'False', - nullLabel: 'Not Selected' + nullLabel: 'Not Selected', + pageLabel: 'Page', + nextPageLabel: 'Next Page', + previousPageLabel: 'Previous Page' } } }; diff --git a/components/lib/button/Button.js b/components/lib/button/Button.js index 03b189a136..1ef9947809 100644 --- a/components/lib/button/Button.js +++ b/components/lib/button/Button.js @@ -53,7 +53,7 @@ export const Button = React.memo(React.forwardRef((props, ref) => { const icon = createIcon(); const label = createLabel(); const badge = createBadge(); - const defaultAriaLabel = (props.label ? props.label + (props.badge ? ' ' + props.badge : '') : ''); + const defaultAriaLabel = (props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label']); return ( <> diff --git a/components/lib/carousel/Carousel.js b/components/lib/carousel/Carousel.js index e2b3a3c766..87a14f424a 100644 --- a/components/lib/carousel/Carousel.js +++ b/components/lib/carousel/Carousel.js @@ -1,7 +1,8 @@ import * as React from 'react'; import PrimeReact from '../api/Api'; +import { ariaLabel } from '../api/Api'; +import { Button } from '../button/Button'; import { useMountEffect, usePrevious, useResizeListener, useUnmountEffect, useUpdateEffect } from '../hooks/Hooks'; -import { Ripple } from '../ripple/Ripple'; import { classNames, DomHandler, ObjectUtils, UniqueComponentId } from '../utils/Utils'; const CarouselItem = React.memo((props) => { @@ -486,10 +487,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => { }); return ( - + ) } @@ -504,10 +502,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => { }); return ( - + ) } @@ -520,9 +515,7 @@ export const Carousel = React.memo(React.forwardRef((props, ref) => { return (