fix: added region role to pagination container element

Author: glad-adyen

src/components/internal/Pagination/Pagination.tsx

@@ -59,7 +59,7 @@ export default function Pagination({
     );
 
     return (
-        <div className={classes.base}>
+        <div role="region" aria-label={i18n.get('pagination')} className={classes.base}>
             <div className={classes.context}>
                 {_limitOptions && onLimitSelection && (
                     <>

src/translations/en-US.instructions.json

@@ -209,6 +209,7 @@
     "inputError.tooManyFiles": "Will be displayed as input validation error message if the number of uploaded files is more than expected.",
     "inputError.veryLargeFile": "Will be displayed as input validation error message if at least one uploaded file is of a size larger than the maximum allowed file size.",
     "noReportsFound": "Will be displayed if there is no reports data available for the given search criteria.",
+    "pagination": "Used as label for a region of the page containing pagination information and controls.",
     "pagination.nextPage": "Used as label for a button which triggers fetching of records for the next page (if available).",
     "pagination.previousPage": "Used as label for a button which triggers fetching of records for the previous page (if available).",
     "pagination.selector.label": "Used as label for select widget with page limit options, allowing the user to select the maximum number of records that can be shown for each page.",

src/translations/en-US.json

@@ -674,6 +674,7 @@
     "noReportsFound": "No reports found",
     "noTransactionsFound": "No transactions found",
     "other": "Other",
+    "pagination": "Pagination",
     "pagination.nextPage": "Next page",
     "pagination.previousPage": "Previous page",
     "pagination.selector.label": "Records per page",