From: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Date: Wed, 5 Oct 2022 22:19:08 +0000 (-0500)
Subject: LP1828468: Keyboard navigation for search results pagination
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=f21c26baf2c060661c703d4dd917b33cf40cbcd8;p=working%2FEvergreen.git

LP1828468: Keyboard navigation for search results pagination

Adds tabindex="0" to the links in the search results pagination
component to make them navigable via keyboard tabbing.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
---

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.html
index a15e428b2e..c6bd1384f7 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.html
@@ -6,7 +6,7 @@ unnecessary given we have to track paging externally anyway.
   <li class="page-item" 
     [ngClass]="{disabled : searchContext.pager.isFirstPage()}">
     <a (click)="prevPage()"
-      class="page-link" 
+      class="page-link" tabindex="0"
       i18n-aria-label
       aria-label="Previous">
       <span aria-hidden="true">&laquo;</span>
@@ -15,13 +15,13 @@ unnecessary given we have to track paging externally anyway.
   <li class="page-item" 
     *ngFor="let page of currentPageList()"
     [ngClass]="{active : searchContext.pager.currentPage() === page}">
-    <a class="page-link" (click)="setPage(page)">
+    <a class="page-link" tabindex="0" (click)="setPage(page)">
       {{page}} <span class="sr-only" i18n>(current)</span></a>
   </li>
   <li class="page-item" 
     [ngClass]="{disabled : searchContext.pager.isLastPage()}">
     <a (click)="nextPage()"
-      class="page-link" aria-label="Next" i18n-aria-label>
+      class="page-link" tabindex="0" aria-label="Next" i18n-aria-label>
       <span aria-hidden="true">&raquo;</span>
     </a>
   </li>