Merging upstream version 127.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 16 insertions, 15 deletions

diff --git a/browser/components/firefoxview/fxview-empty-state.mjs b/browser/components/firefoxview/fxview-empty-state.mjs
index 9e6bc488fa..3e94767043 100644
--- a/browser/components/firefoxview/fxview-empty-state.mjs
+++ b/browser/components/firefoxview/fxview-empty-state.mjs
@@ -53,7 +53,6 @@ class FxviewEmptyState extends MozLitElement {
       return html``;
     }
     return html` <a
-      aria-details="card-container"
       data-l10n-name=${descriptionLink.name}
       href=${descriptionLink.url}
       target=${descriptionLink?.sameTarget ? "_self" : "_blank"}
@@ -68,7 +67,7 @@ class FxviewEmptyState extends MozLitElement {
        />
        <card-container hideHeader="true" exportparts="image" ?isInnerCard="${
          this.isInnerCard
-       }" id="card-container" isEmptyState="true">
+       }" id="card-container" isEmptyState="true" role="group" aria-labelledby="header" aria-describedby="description">
          <div slot="main" class=${classMap({
            selectedTab: this.isSelectedTab,
            imageHidden: !this.mainImageUrl,
@@ -98,19 +97,21 @@ class FxviewEmptyState extends MozLitElement {
                    data-l10n-args="${JSON.stringify(this.headerArgs)}">
                  </span>
              </h2>
-             ${repeat(
-               this.descriptionLabels,
-               descLabel => descLabel,
-               (descLabel, index) => html`<p
-                 class=${classMap({
-                   description: true,
-                   secondary: index !== 0,
-                 })}
-                 data-l10n-id="${descLabel}"
-               >
-                 ${this.linkTemplate(this.descriptionLink)}
-               </p>`
-             )}
+             <span id="description">
+               ${repeat(
+                 this.descriptionLabels,
+                 descLabel => descLabel,
+                 (descLabel, index) => html`<p
+                   class=${classMap({
+                     description: true,
+                     secondary: index !== 0,
+                   })}
+                   data-l10n-id="${descLabel}"
+                 >
+                   ${this.linkTemplate(this.descriptionLink)}
+                 </p>`
+               )}
+             </span>
              <slot name="primary-action"></slot>
            </div>
          </div>