Keyboard navigation for bib record pagination user/sleary/keyboard-nav
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Fri, 7 Oct 2022 16:56:56 +0000 (11:56 -0500)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Fri, 7 Oct 2022 16:56:56 +0000 (11:56 -0500)
Adding tabindex="0" to the pagination links below the record summary
("Back to Results 1 / N", etc) to make them available for keyboard
navigation.

Open-ILS/src/eg2/src/app/staff/catalog/record/pagination.component.html

index be89e17..08f2bf1 100644 (file)
@@ -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}})