From 9ee56bbc5beeb511269e40e79cdc84ccbd61859a Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Thu, 18 Apr 2024 18:20:31 +0200
Subject: [PATCH] chore(Dashboard): Improve accessibility chart descriptions
 (#28127)

---
 .../src/dashboard/components/gridComponents/Chart.jsx       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx b/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx
index 27f2be4059..46a873b1c6 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx
@@ -478,10 +478,14 @@ class Chart extends React.Component {
             ref={this.setDescriptionRef}
             // eslint-disable-next-line react/no-danger
             dangerouslySetInnerHTML={{ __html: slice.description_markeddown }}
+            role="complementary"
           />
         )}
 
-        <ChartWrapper className={cx('dashboard-chart')}>
+        <ChartWrapper
+          className={cx('dashboard-chart')}
+          aria-label={slice.description}
+        >
           {isLoading && (
             <ChartOverlay
               style={{