Merge branch 'main' into feat/trim-bar-labels

Author: biamalveiro

CHANGELOG.md

@@ -1,3 +1,17 @@
+# [71.6.0](https://github.com/elastic/elastic-charts/compare/v71.5.2...v71.6.0) (2026-05-11)
+
+
+### Features
+
+* **a11y:** add graphics-document role to charts ([#2831](https://github.com/elastic/elastic-charts/issues/2831)) ([1dee178](https://github.com/elastic/elastic-charts/commit/1dee1788ca184b2d2a29ea1897542daf1e6281d8))
+
+## [71.5.2](https://github.com/elastic/elastic-charts/compare/v71.5.1...v71.5.2) (2026-05-06)
+
+
+### Bug Fixes
+
+* **a11y:** give role="img" to interactive annotation line marker  ([#2830](https://github.com/elastic/elastic-charts/issues/2830)) ([b124d5f](https://github.com/elastic/elastic-charts/commit/b124d5f4ab830ded37b7b1cbbac3097e115a0de5))
+
 ## [71.5.1](https://github.com/elastic/elastic-charts/compare/v71.5.0...v71.5.1) (2026-04-30)
 
 

packages/charts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/charts",
   "description": "Elastic-Charts data visualization library",
-  "version": "71.5.1",
+  "version": "71.6.0",
   "author": "Elastic DataVis",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "dist/index.js",

packages/charts/src/chart_types/xy_chart/renderer/dom/annotations/line_marker.tsx

@@ -188,7 +188,7 @@ export function LineMarker({
     // but they still need tabIndex={0} so keyboard users can focus the marker for tooltip / hover state
     // and Escape to dismiss.
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    <div {...elementProps} tabIndex={0}>
+    <div {...elementProps} tabIndex={0} role="graphics-symbol">
       <div ref={iconRef} className="echAnnotation__icon">
         {renderWithProps(icon, datum)}
       </div>

packages/charts/src/components/chart.tsx

@@ -174,7 +174,13 @@ export class Chart extends React.Component<ChartProps, ChartState> {
 
     return (
       <Provider store={this.chartStore}>
-        <div className="echChart" style={containerSizeStyle} data-testid="echChart">
+        <div
+          className="echChart"
+          style={containerSizeStyle}
+          data-testid="echChart"
+          role="graphics-document"
+          aria-roledescription="visualization"
+        >
           <Titles
             displayTitles={this.state.displayTitles}
             title={this.props.title}