diff --git a/packages/treemap/src/TreeMap.tsx b/packages/treemap/src/TreeMap.tsx index 53f9989538..3a3cda62ed 100644 --- a/packages/treemap/src/TreeMap.tsx +++ b/packages/treemap/src/TreeMap.tsx @@ -59,6 +59,9 @@ const InnerTreeMap = ({ onClick, tooltip = svgDefaultProps.tooltip as unknown as TreeMapCommonProps['tooltip'], role, + ariaLabel, + ariaLabelledBy, + ariaDescribedBy, }: InnerTreeMapProps) => { const { margin, innerWidth, innerHeight, outerWidth, outerHeight } = useDimensions( width, @@ -101,6 +104,9 @@ const InnerTreeMap = ({ margin={margin} defs={boundDefs} role={role} + ariaLabel={ariaLabel} + ariaLabelledBy={ariaLabelledBy} + ariaDescribedBy={ariaDescribedBy} > nodes={nodes} diff --git a/packages/treemap/src/TreeMapCanvas.tsx b/packages/treemap/src/TreeMapCanvas.tsx index 55158cc624..4f8ad722a5 100644 --- a/packages/treemap/src/TreeMapCanvas.tsx +++ b/packages/treemap/src/TreeMapCanvas.tsx @@ -61,6 +61,10 @@ const InnerTreeMapCanvas = ({ onClick, tooltip = canvasDefaultProps.tooltip as unknown as TreeMapCommonProps['tooltip'], pixelRatio = canvasDefaultProps.pixelRatio, + role, + ariaLabel, + ariaLabelledBy, + ariaDescribedBy, }: InnerTreeMapCanvasProps) => { const canvasEl = useRef(null) @@ -208,6 +212,10 @@ const InnerTreeMapCanvas = ({ onMouseMove={isInteractive ? handleMouseHover : undefined} onMouseLeave={isInteractive ? handleMouseLeave : undefined} onClick={isInteractive ? handleClick : undefined} + role={role} + aria-label={ariaLabel} + aria-labelledby={ariaLabelledBy} + aria-describedby={ariaDescribedBy} /> ) } diff --git a/packages/treemap/src/TreeMapHtml.tsx b/packages/treemap/src/TreeMapHtml.tsx index ae5caa3cfa..55f74c7ecd 100644 --- a/packages/treemap/src/TreeMapHtml.tsx +++ b/packages/treemap/src/TreeMapHtml.tsx @@ -44,6 +44,10 @@ const InnerTreeMapHtml = ({ onMouseLeave, onClick, tooltip = htmlDefaultProps.tooltip as unknown as TreeMapCommonProps['tooltip'], + role, + ariaLabel, + ariaLabelledBy, + ariaDescribedBy, }: InnerTreeMapHtmlProps) => { const { margin, innerWidth, innerHeight, outerWidth, outerHeight } = useDimensions( width, @@ -79,6 +83,10 @@ const InnerTreeMapHtml = ({ return (