Add an aria label to custom new badges

Bypass-Check-License: Only updates files, no new files are added.
Bug: 439534740
Change-Id: I74090a1f1f6b43e4c63b4eb5c1e5f34e2dd30a04
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6870369
Commit-Queue: Kateryna Prokopenko <[email protected]>
Auto-Submit: Kateryna Prokopenko <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Benedikt Meurer <[email protected]>

Author: Kateryna Prokopenko

front_end/ui/legacy/UIUtils.ts

@@ -123,6 +123,10 @@ const UIStrings = {
    * @description Text for the new badge appearing next to some menu items
    */
   new: 'NEW',
+  /**
+   * @description Aria label for the new badge appearing next to some menu items
+   */
+  newFeature: 'This is a new feature',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/UIUtils.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -2146,6 +2150,7 @@ export function maybeCreateNewBadge(promotionId: string): HTMLDivElement|undefin
     const badge = document.createElement('div');
     badge.className = 'new-badge';
     badge.textContent = i18nString(UIStrings.new);
+    badge.ariaLabel = i18nString(UIStrings.newFeature);
     badge.setAttribute('jslog', `${VisualLogging.badge('new-badge')}`);
     return badge;
   }