WOO-458 - fixed WCAG compliance issue

README.md

@@ -4,6 +4,7 @@
 
 - **Version 2.2 (breaking changes from 2.1.x)**
 
+  - 2.2.56: Fixed WCAG issue in Pagination by adding aria labels to buttons
   - 2.2.55: 
     - Updated Logo to accept aria-label for accessibility.
     - Fixed bug in DisplaySwitch where layoutClassName is added even when empty.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.2.55",
+  "version": "2.2.56",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

src/components/Pagination/Pagination.tsx

@@ -73,12 +73,12 @@ export const Pagination: React.FC<PaginationProps> = ({
       previousAriaLabel={ariaLabels.previousPage}
       ariaLabelBuilder={(currentPage) => `${ariaLabels.page} ${currentPage}`}
       nextLabel={
-        <Button tabIndex={-1} className={styles.button}>
+        <Button tabIndex={-1} className={styles.button} aria-label={ariaLabels.nextPage}>
           <FontAwesomeIcon icon={faChevronRight} />
         </Button>
       }
       previousLabel={
-        <Button tabIndex={-1} className={styles.button}>
+        <Button tabIndex={-1} className={styles.button} aria-label={ariaLabels.previousPage}>
           <FontAwesomeIcon icon={faChevronLeft} />
         </Button>
       }