Merge pull request #2867 from Azure/shpaster/a11y

gingi · web-flow · commit dffbe6637f67 · 2024-01-05T12:22:18.000-05:00
Minor accessibility fixes.
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;
+        }
+    }
 }
