NAS-129824: Global Search | Accessibility Improvements (#10273)

src/app/modules/global-search/components/global-search-results/global-search-results.component.html

@@ -12,7 +12,7 @@ <h2 class="section">
           [attr.tabindex]="result.section === GlobalSearchSection.RecentSearches ? i + 1 : 0"
           [class.highlighted-result]="isSearchInputFocused && isSameHierarchyResult(firstAvailableSearchResult, result)"
           [ixTest]="['search-result', result.hierarchy.join('-')]"
-          [attr.aria-label]="result.hierarchy[result.hierarchy.length - 1]"
+          [attr.aria-label]="'UI Search Result: {result}' | translate: { result: result.hierarchy.join(' ') }"
           (click)="selectElement(result)"
           (keydown.enter)="selectElement(result)"
         >

src/app/pages/account/groups/group-list/group-list.elements.ts

@@ -9,8 +9,8 @@ export const groupListElements = {
       synonyms: [T('Local Groups')],
     },
     add: {
-      hierarchy: [T('Add')],
-      synonyms: [T('Add Group'), T('New Group'), T('Create Group'), T('Group'), T('Add Local Group')],
+      hierarchy: [T('Add Group')],
+      synonyms: [T('New Group'), T('Create Group'), T('Group'), T('Add Local Group')],
       anchor: 'add-group',
     },
     showBuiltIn: {

src/app/pages/account/groups/privilege/privilege-list/privilege-list.elements.ts

@@ -7,7 +7,7 @@ export const privilegesListElements = {
   elements: {
     list: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Privilege')],
       synonyms: [T('Add Privilege'), T('New Privilege'), T('Create Privilege'), T('Privilege')],
       anchor: 'add-privilege',
     },

src/app/pages/account/users/user-list/user-list.elements.ts

@@ -16,8 +16,8 @@ export const userListElements = {
       ],
     },
     add: {
-      hierarchy: [T('Add')],
-      synonyms: [T('Add User'), T('New User'), T('Create User'), T('User'), T('Add Local User')],
+      hierarchy: [T('Add User')],
+      synonyms: [T('New User'), T('Create User'), T('User'), T('Add Local User')],
       anchor: 'add-user',
     },
     showBuiltIn: {

src/app/pages/credentials/backup-credentials/cloud-credentials-card/cloud-credentials-card.elements.ts

@@ -9,10 +9,9 @@ export const cloudCredentialsCardElements = {
       anchor: 'cloud-credentials',
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Cloud Credential')],
       synonyms: [
         T('Add Credential'),
-        T('Add Cloud Credential'),
         T('Add Backup Credential'),
         T('New Credential'),
         T('New Could Credential'),

src/app/pages/credentials/backup-credentials/ssh-connection-card/ssh-connection-card.elements.ts

@@ -9,8 +9,8 @@ export const sshConnectionsCardElements = {
       anchor: 'ssh-connections',
     },
     add: {
-      hierarchy: [T('Add')],
-      synonyms: [T('Add SSH Connection'), T('New SSH Connection'), T('Create SSH Connection'), T('SSH Connection')],
+      hierarchy: [T('Add SSH Connection')],
+      synonyms: [T('New SSH Connection'), T('Create SSH Connection'), T('SSH Connection')],
       anchor: 'add-ssh-connection',
     },
   },

src/app/pages/credentials/backup-credentials/ssh-keypair-card/ssh-keypair-card.elements.ts

@@ -10,9 +10,8 @@ export const sshKeypairsCardElements = {
       anchor: 'ssh-keypairs',
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add SSH Keypair')],
       synonyms: [
-        T('Add SSH Keypair'),
         T('New SSH Keypair'),
         T('Create SSH Keypair'),
         T('SSH Keypair'),

src/app/pages/credentials/certificates-dash/acme-dns-authenticator-list/acme-dns-authenticator-list.elements.ts

@@ -9,9 +9,8 @@ export const acmeDnsAuthenticatorListElements = {
       anchor: 'acme-dns-authenticator-list',
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add ACME DNS-Authenticator')],
       synonyms: [
-        T('Add ACME DNS-Authenticator'),
         T('New ACME DNS-Authenticator'),
         T('Create ACME DNS-Authenticator'),
         T('ACME DNS-Authenticator'),

src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.elements.ts

@@ -9,9 +9,8 @@ export const certificateAuthorityListElements = {
       anchor: 'certificate-authority-list',
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Certificate Authority')],
       synonyms: [
-        T('Add Certificate Authority'),
         T('New Certificate Authority'),
         T('Create Certificate Authority'),
         T('Certificate Authority'),

src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.elements.ts

@@ -6,12 +6,11 @@ export const certificateListElements = {
   anchorRouterLink: ['/credentials', 'certificates'],
   elements: {
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Certificate')],
       anchor: 'add-certificate',
       synonyms: [
         T('Create Certificate'),
         T('New Certificate'),
-        T('Add Certificate'),
         T('Generate Certificate'),
       ],
     },

src/app/pages/credentials/certificates-dash/csr-list/csr-list.elements.ts

@@ -10,12 +10,11 @@ export const csrListElements = {
       synonyms: [T('CSRs')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add CSR')],
       anchor: 'add-csr',
       synonyms: [
         T('Create CSR'),
         T('New CSR'),
-        T('Add CSR'),
         T('Generate CSR'),
         T('Create Certificate Signing Requests'),
         T('New Certificate Signing Requests'),

src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.elements.ts

@@ -9,10 +9,9 @@ export const cloudBackupListElements = {
       synonyms: [T('Data Protection'), T('Tasks'), T('Cloud Backup')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add TrueCloud Backup Task')],
       anchor: 'add-cloud-backup',
       synonyms: [
-        T('Add TrueCloud Backup Task'),
         T('Add Cloud Backup'),
         T('Create TrueCloud Backup Task'),
         T('Create Cloud Backup'),

src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.elements.ts

@@ -31,9 +31,8 @@ export const cloudSyncListElements = {
       ],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Cloud Sync Task')],
       synonyms: [
-        T('Add Cloud Sync Task'),
         T('Create Cloud Sync Task'),
         T('New Cloud Sync Task'),
         T('Task'),

src/app/pages/data-protection/replication/replication-list/replication-list.elements.ts

@@ -9,9 +9,8 @@ export const replicationListElements = {
       synonyms: [T('Data Protection'), T('Tasks')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Replication Task')],
       synonyms: [
-        T('Add Replication Task'),
         T('Create Replication Task'),
         T('New Replication Task'),
         T('Task'),

src/app/pages/data-protection/rsync-task/rsync-task-list/rsync-task-list.elements.ts

@@ -9,9 +9,8 @@ export const rsyncTaskListElements = {
       synonyms: [T('Data Protection'), T('Tasks')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Rsync Task')],
       synonyms: [
-        T('Add Rsync Task'),
         T('Create Rsync Task'),
         T('New Rsync Task'),
         T('Task'),

src/app/pages/data-protection/scrub-task/scrub-list/scrub-list.elements.ts

@@ -9,9 +9,8 @@ export const scrubListElements = {
       synonyms: [T('Data Protection'), T('Tasks')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Scrub Task')],
       synonyms: [
-        T('Add Scrub Task'),
         T('Create Scrub Task'),
         T('New Scrub Task'),
         T('Task'),

src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.elements.ts

@@ -16,7 +16,7 @@ export const smartTaskListElements = {
       ],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add S.M.A.R.T. Test')],
       anchor: 'add-smart-test',
       synonyms: [
         T('Add Periodic S.M.A.R.T. Test'),

src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.elements.ts

@@ -9,13 +9,12 @@ export const snapshotTaskListElements = {
       synonyms: [T('Data Protection'), T('Tasks')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Snapshot Task')],
       anchor: 'add-snapshot-task',
       synonyms: [
         T('Add Periodic Snapshot Task'),
         T('Create Periodic Snapshot Task'),
         T('New Periodic Snapshot Task'),
-        T('Add Snapshot Task'),
         T('Create Snapshot Task'),
         T('New Snapshot Task'),
         T('Snapshot'),

src/app/pages/directory-service/components/idmap-list/idmap-list.elements.ts

@@ -7,10 +7,9 @@ export const idMapElements = {
   elements: {
     idMap: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Idmap')],
       anchor: 'add-idmap',
       synonyms: [
-        T('Add Idmap'),
         T('Create Idmap'),
         T('New Idmap'),
         T('Idmap'),

src/app/pages/directory-service/components/kerberos-keytabs/kerberos-keytabs-list/kerberos-keytabs-list.elements.ts

@@ -7,10 +7,9 @@ export const kerberosKeytabsListElements = {
   elements: {
     kerberosKeytabs: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Kerberos Keytab')],
       anchor: 'add-kerberos-keytab',
       synonyms: [
-        T('Add Kerberos Keytab'),
         T('Create Kerberos Keytab'),
         T('New Kerberos Keytab'),
         T('Kerberos Keytab'),

src/app/pages/directory-service/components/kerberos-realms/kerberos-realms-list.elements.ts

@@ -7,10 +7,9 @@ export const kerberosRealmsListElements = {
   elements: {
     kerberosRealms: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Kerberos Realm')],
       anchor: 'add-kerberos-realm',
       synonyms: [
-        T('Add Kerberos Realm'),
         T('Create Kerberos Realm'),
         T('New Kerberos Realm'),
         T('Kerberos Realm'),

src/app/pages/network/components/static-routes-card/static-routes-card.elements.ts

@@ -10,8 +10,11 @@ export const staticRoutesCardElements = {
       synonyms: [T('Routing'), T('Static Routing')],
     },
     add: {
-      hierarchy: [T('Static Routes'), T('Add')],
-      synonyms: [T('Add Static Route'), T('Create Static Route'), T('New Static Route')],
+      hierarchy: [T('Static Routes'), T('Add Static Route')],
+      synonyms: [
+        T('Create Static Route'),
+        T('New Static Route'),
+      ],
       anchor: 'add-static-route',
     },
   },

src/app/pages/reports-dashboard/components/exporters/reporting-exporters-list/reporting-exporters-list.elements.ts

@@ -7,14 +7,13 @@ export const reportingExportersElements = {
   elements: {
     exporters: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Reporting Exporter')],
       anchor: 'add-reporting-exporter',
       synonyms: [
         T('Add Exporter'),
         T('New Exporter'),
         T('Create Exporter'),
         T('Exporter'),
-        T('Add Reporting Exporter'),
         T('New Reporting Exporter'),
         T('Create Reporting Exporter'),
       ],

src/app/pages/system/advanced/cron/cron-card/cron-card.elements.ts

@@ -7,10 +7,9 @@ export const cronCardElements = {
   anchorRouterLink: ['/system', 'advanced'],
   elements: {
     addCronJob: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Cron Job')],
       anchor: 'add-cron-job',
       synonyms: [
-        T('Add Cron Job'),
         T('Create Cron Job'),
         T('New Cron Job'),
         T('Setup Cron Job'),

src/app/pages/system/advanced/init-shutdown/init-shutdown-card/init-shutdown-card.elements.ts

@@ -7,10 +7,9 @@ export const initShutdownCardElements = {
   anchorRouterLink: ['/system', 'advanced'],
   elements: {
     addInitShutdownScript: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Init/Shutdown Script')],
       anchor: 'add-init-shutdown-script',
       synonyms: [
-        T('Add Init/Shutdown Script'),
         T('Create Init/Shutdown Script'),
         T('New Init/Shutdown Script'),
         T('Init/Shutdown Script'),

src/app/pages/system/advanced/sysctl/sysctl-card/sysctl-card.elements.ts

@@ -10,10 +10,9 @@ export const sysctlCardElements = {
       anchor: 'sysctl',
     },
     addSysctl: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Sysctl')],
       anchor: 'add-sysctl',
       synonyms: [
-        T('Add Sysctl'),
         T('Create Sysctl'),
         T('New Sysctl'),
         T('Sysctl'),

src/app/pages/system/alert-service/alert-service-list/alert-service-list.elements.ts

@@ -8,13 +8,12 @@ export const alertServiceListElements = {
   elements: {
     alertServiceList: {},
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add Alert')],
       anchor: 'add-alert-service',
       synonyms: [
         T('Alerts'),
         T('Configure Alerts'),
         T('Create Alert'),
-        T('Add Alert'),
         T('New Alert'),
         T('Notifications'),
       ],

src/app/pages/system/general-settings/email/email-card/email-card.elements.ts

@@ -9,8 +9,8 @@ export const emailCardElements = {
       anchor: 'email-card',
     },
     settings: {
-      hierarchy: [T('Configure')],
-      synonyms: [T('Send Test Email'), T('Config Email'), T('Set email'), T('Configure Email')],
+      hierarchy: [T('Configure Email')],
+      synonyms: [T('Send Test Email'), T('Config Email'), T('Set email')],
     },
     sendMethod: {
       hierarchy: [T('Send Method')],

src/app/pages/system/general-settings/ntp-server/ntp-server-card/ntp-server-card.elements.ts

@@ -10,10 +10,9 @@ export const ntpServerElements = {
       anchor: 'ntp-card',
     },
     addNtpServer: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add NTP Server')],
       anchor: 'add-ntp-server',
       synonyms: [
-        T('Add NTP Server'),
         T('Create NTP Server'),
         T('New NTP Server'),
         T('NTP Server'),

src/app/pages/vm/vm-list/vm-list.elements.ts

@@ -9,10 +9,9 @@ export const vmListElements = {
       synonyms: [T('VM'), T('Virtualization')],
     },
     add: {
-      hierarchy: [T('Add')],
+      hierarchy: [T('Add VM')],
       anchor: 'add-vm',
       synonyms: [
-        T('Add VM'),
         T('Create VM'),
         T('New VM'),
         T('VM'),

src/assets/i18n/af.json

@@ -4463,6 +4463,7 @@
   "Type of Microsoft acount. Logging in to a Microsoft account  automatically chooses the correct account type.": "",
   "UDP port number on the system receiving  SNMP trap notifications. The default is <i>162</i>.": "",
   "UI": "",
+  "UI Search Result: {result}": "",
   "UID": "",
   "UNASSIGNED": "",
   "UNIX (NFS) Shares": "",

src/assets/i18n/ar.json

@@ -4463,6 +4463,7 @@
   "Type of Microsoft acount. Logging in to a Microsoft account  automatically chooses the correct account type.": "",
   "UDP port number on the system receiving  SNMP trap notifications. The default is <i>162</i>.": "",
   "UI": "",
+  "UI Search Result: {result}": "",
   "UID": "",
   "UNASSIGNED": "",
   "UNIX (NFS) Shares": "",

src/assets/i18n/ast.json

@@ -4463,6 +4463,7 @@
   "Type of Microsoft acount. Logging in to a Microsoft account  automatically chooses the correct account type.": "",
   "UDP port number on the system receiving  SNMP trap notifications. The default is <i>162</i>.": "",
   "UI": "",
+  "UI Search Result: {result}": "",
   "UID": "",
   "UNASSIGNED": "",
   "UNIX (NFS) Shares": "",

src/assets/i18n/az.json

@@ -4463,6 +4463,7 @@
   "Type of Microsoft acount. Logging in to a Microsoft account  automatically chooses the correct account type.": "",
   "UDP port number on the system receiving  SNMP trap notifications. The default is <i>162</i>.": "",
   "UI": "",
+  "UI Search Result: {result}": "",
   "UID": "",
   "UNASSIGNED": "",
   "UNIX (NFS) Shares": "",

src/assets/i18n/be.json

@@ -4463,6 +4463,7 @@
   "Type of Microsoft acount. Logging in to a Microsoft account  automatically chooses the correct account type.": "",
   "UDP port number on the system receiving  SNMP trap notifications. The default is <i>162</i>.": "",
   "UI": "",
+  "UI Search Result: {result}": "",
   "UID": "",
   "UNASSIGNED": "",
   "UNIX (NFS) Shares": "",