Bug 42149: (QA follow-up) Add aria-label to shortcut nav

- Add aria-label="Quick shortcuts" to the shortcut nav element
  in both the TT include and the Vue Help component
- Ensures all nav landmarks on the staff interface are
  uniquely labeled for screen readers (WCAG 2.4.1)

To test:
- Apply the patch
- Rebuild vue components with `yarn js:build`
- Open the staff interface home page
- View the page source and confirm the shortcut nav has
  aria-label="Quick shortcuts"
- Confirm that all three nav elements (Main, Breadcrumb,
  Quick shortcuts) have unique aria-labels

Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>
Signed-off-by: Martin Renvoize <martin.renvoize@openfifth.co.uk>
This commit is contained in:
Paul Derscheid 2026-03-24 15:41:33 +01:00 committed by Martin Renvoize
parent ac4b2127cc
commit fa1fa49531
No known key found for this signature in database
GPG Key ID: 2D86E0EAEC83711B
2 changed files with 2 additions and 2 deletions

View File

@ -1,4 +1,4 @@
<nav id="shortcut" class="shortcut">
<nav id="shortcut" class="shortcut" aria-label="Quick shortcuts">
[% IF Koha.Preference('showLastPatron') %]
[% INCLUDE 'last-borrower.inc' %]
[% END %]

View File

@ -1,5 +1,5 @@
<template>
<nav id="shortcut" class="shortcut">
<nav id="shortcut" class="shortcut" :aria-label="$__('Quick shortcuts')">
<a
href="/cgi-bin/koha/help.pl"
class="toplinks"