From: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Date: Fri, 7 Oct 2022 16:56:56 +0000 (-0500)
Subject: LP1828468: Keyboard navigation for bib record pagination
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=c3d8e9b56d443bd0ec9fdfd4b38afb13d60d6b72;p=working%2FEvergreen.git

LP1828468: Keyboard navigation for bib record pagination

Adding tabindex="0" to the pagination links below the record summary
("Back to Results 1 / N", etc) to make them available for keyboard
navigation.

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/record/pagination.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/record/pagination.component.html
index be89e17005..08f2bf14a4 100644
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/pagination.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/pagination.component.html
@@ -1,32 +1,32 @@
 <ul class="pagination mb-0" *ngIf="index !== null">
   <li class="page-item" [ngClass]="{disabled : index === 0}">
-    <a class="no-href page-link" 
+    <a class="no-href page-link" tabindex="0"
       i18n-aria-label aria-label="Start" (click)="firstRecord()">
       <span i18n>Start</span>
     </a>
   </li>
   <li class="page-item" [ngClass]="{disabled : index === 0}">
-    <a class="no-href page-link" 
+    <a class="no-href page-link" tabindex="0"
       i18n-aria-label aria-label="Previous" (click)="prevRecord()">
       <span i18n>Previous</span>
     </a>
   </li>
   <li class="page-item"
     [ngClass]="{disabled : index >= searchContext.result.count - 1}">
-    <a class="no-href page-link" 
+    <a class="no-href page-link" tabindex="0"
       i18n-aria-label aria-label="Next" (click)="nextRecord()">
       <span i18n>Next</span>
     </a>
   </li>
   <li class="page-item"
       [ngClass]="{disabled : index >= searchContext.result.count - 1}">
-    <a class="no-href page-link" 
+    <a class="no-href page-link" tabindex="0"
       i18n-aria-label aria-label="End" (click)="lastRecord()">
       <span i18n>End</span>
     </a>
   </li>
   <li class="page-item">
-    <a class="no-href page-link" 
+    <a class="no-href page-link" tabindex="0"
       i18n-aria-label aria-label="Back to Results" (click)="returnToSearch()">
       <span i18n>
         Back to Results ({{index + 1}} / {{searchContext.result.count}})