Bug 1893714 - Add aria-label to Firefox logo on HNT r=home-newtab-reviewers,fluent-reviewers,nbarrett

Differential Revision: https://phabricator.services.mozilla.com/D224246

browser/components/newtab/content-src/components/Logo/Logo.jsx

@@ -6,7 +6,11 @@ import React from "react";
 
 function Logo() {
   return (
-    <div className="logo-and-wordmark">
+    <div
+      className="logo-and-wordmark"
+      role="img"
+      data-l10n-id="newtab-logo-and-wordmark"
+    >
       <div className="logo" />
       <div className="wordmark" />
     </div>

browser/components/newtab/data/content/activity-stream.bundle.js

@@ -10150,7 +10150,9 @@ const NEWTAB_DARK_THEME = {
 
 function Logo() {
   return /*#__PURE__*/external_React_default().createElement("div", {
-    className: "logo-and-wordmark"
+    className: "logo-and-wordmark",
+    role: "img",
+    "data-l10n-id": "newtab-logo-and-wordmark"
   }, /*#__PURE__*/external_React_default().createElement("div", {
     className: "logo"
   }), /*#__PURE__*/external_React_default().createElement("div", {

browser/locales/en-US/browser/newtab/newtab.ftl

@@ -12,6 +12,8 @@ newtab-personalize-icon-label =
     .aria-label = Personalize new tab
 newtab-personalize-dialog-label =
     .aria-label = Personalize
+newtab-logo-and-wordmark =
+    .aria-label = { -brand-full-name }
 
 ## Search box component.