diff --git a/components/lib/paginator/JumpToPageInput.js b/components/lib/paginator/JumpToPageInput.js index 14a9705861..59998ed8c9 100644 --- a/components/lib/paginator/JumpToPageInput.js +++ b/components/lib/paginator/JumpToPageInput.js @@ -1,5 +1,6 @@ import * as React from 'react'; import { PrimeReactContext } from '../api/Api'; +import { ariaLabel } from '../api/Locale'; import { useMergeProps } from '../hooks/Hooks'; import { InputNumber } from '../inputnumber/InputNumber'; import { ObjectUtils } from '../utils/Utils'; @@ -28,7 +29,7 @@ export const JumpToPageInput = React.memo((inProps) => { onChange: onChange, disabled: props.disabled, className: 'p-paginator-page-input', - ariaLabel: ariaLabelValue, + 'aria-label': ariaLabelValue, element, props }; diff --git a/components/lib/paginator/RowsPerPageDropdown.js b/components/lib/paginator/RowsPerPageDropdown.js index 842b9bd57c..ecc0c95ef2 100644 --- a/components/lib/paginator/RowsPerPageDropdown.js +++ b/components/lib/paginator/RowsPerPageDropdown.js @@ -1,10 +1,10 @@ import * as React from 'react'; import { PrimeReactContext, localeOption } from '../api/Api'; +import { ariaLabel } from '../api/Locale'; import { Dropdown } from '../dropdown/Dropdown'; import { useMergeProps } from '../hooks/Hooks'; import { ObjectUtils } from '../utils/Utils'; import { RowsPerPageDropdownBase } from './PaginatorBase'; -import { ariaLabel } from '../api/Locale'; export const RowsPerPageDropdown = React.memo((inProps) => { const mergeProps = useMergeProps(); @@ -14,7 +14,7 @@ export const RowsPerPageDropdown = React.memo((inProps) => { const hasOptions = props.options && props.options.length > 0; const options = hasOptions ? props.options.map((opt) => ({ label: String(opt), value: opt })) : []; const placeholderValue = localeOption('choose'); - const ariaLabelValue = ariaLabel('rowsPerPage'); + const ariaLabelValue = ariaLabel('jumpToPageDropdownLabel'); const element = hasOptions ? ( <>