Merge pull request #2867 from Azure/shpaster/a11y

Minor accessibility fixes.
Azure · Jan 5, 2024 · dffbe66 · dffbe66
2 parents 9e1ae38 + b841935
commit dffbe66
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/desktop/i18n/resources.resjson b/desktop/i18n/resources.resjson
@@ -34,6 +34,7 @@
   "account-summary-card.url": "Url",
   "activity-monitor-item.progressBar": "Item progress",
   "add-certificate-form.certificate.deprecationWarning": "The Batch account certificates feature is deprecated and will be retired on February 29, 2024. Please transition to using Azure Key Vault to securely access and install certificates on your Batch pools.",
+  "add-certificate-form.certificate.deprecationWarningLinkTitle": "Documentation on certificate feature deprecation",
   "add-certificate-form.certificate.description": "Select a certificate (pfx or cer) to upload",
   "add-certificate-form.certificate.invalid": "Certificate need to be valid CER or PFX files only",
   "add-certificate-form.certificate.label": "Certificate",

diff --git a/desktop/src/app/components/certificate/action/add/add-certificate-form.html b/desktop/src/app/components/certificate/action/add/add-certificate-form.html
@@ -7,7 +7,10 @@
                 <bl-banner class="certificate-deprecation-warning" type="warning">
                     <div message>
                         {{'add-certificate-form.certificate.deprecationWarning' | i18n }}
-                        <a class="certificate-warning-alternative-link" (click)="openLink('https://learn.microsoft.com/azure/batch/batch-certificate-migration-guide')" href="javascript:void(0)">{{'common.learnMore' | i18n}}</a>
+                        <a class="certificate-warning-alternative-link"
+                            (click)="openLink('https://learn.microsoft.com/azure/batch/batch-certificate-migration-guide')"
+                            [title]="'add-certificate-form.certificate.deprecationWarningLinkTitle' | i18n"
+                            href="javascript:void(0)">{{'common.learnMore' | i18n}}</a>
                     </div>
                 </bl-banner>
                 <p>{{ form.controls.certificate.value }}</p>

diff --git a/desktop/src/app/components/certificate/action/add/add-certificate-form.i18n.yml b/desktop/src/app/components/certificate/action/add/add-certificate-form.i18n.yml
@@ -7,6 +7,7 @@ add-certificate-form:
     required: Please select a valid certificate file
     invalid: Certificate need to be valid CER or PFX files only
     deprecationWarning: The Batch account certificates feature is deprecated and will be retired on February 29, 2024. Please transition to using Azure Key Vault to securely access and install certificates on your Batch pools.
+    deprecationWarningLinkTitle: Documentation on certificate feature deprecation
   password:
     label: Certificate password
     required: Password is required if the certificate format is '.pfx'
diff --git a/desktop/src/app/styles/vendor/material-theme.scss b/desktop/src/app/styles/vendor/material-theme.scss
@@ -211,4 +211,14 @@ mat-calendar .mat-calendar-table-header {
     mat-dialog-container {
         border: 1px solid currentColor;
     }
+    .mat-tab-label {
+        bl-button {
+            border: none;
+        }
+        &.mat-tab-label-active, &.mat-tab-label-active > .mat-tab-label-content {
+            background-color: Highlight;
+            color: Canvas;
+            forced-color-adjust: none;
+        }
+    }
 }