From a90a5cba08fdf6c0ceb95101c275108a152a3aed Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Wed, 12 Jun 2024 07:35:37 +0200
Subject: Merging upstream version 127.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../components/firefoxview/fxview-empty-state.mjs  | 31 +++++++++++-----------
 1 file changed, 16 insertions(+), 15 deletions(-)

(limited to 'browser/components/firefoxview/fxview-empty-state.mjs')

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>
-- 
cgit v1.2.3