done (recharts#2960)

hla-mg · Dec 8, 2022 · 9c46223 · 9c46223
1 parent 5a1bf15
commit 9c46223
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 3 deletions.
diff --git a/src/cartesian/Bar.tsx b/src/cartesian/Bar.tsx
@@ -307,6 +307,7 @@ export class Bar extends PureComponent<Props, State> {
             className="recharts-bar-rectangle"
             {...adaptEventsOfChild(this.props, entry, i)}
             key={`rectangle-${i}`} // eslint-disable-line react/no-array-index-key
+            role="img"
           >
             {Bar.renderRectangle(shape, props)}
           </Layer>

diff --git a/src/cartesian/Line.tsx b/src/cartesian/Line.tsx
@@ -340,7 +340,7 @@ export class Line extends PureComponent<Props, State> {
     };
 
     return (
-      <Layer className="recharts-line-dots" key="dots" {...dotsProps}>
+      <Layer className="recharts-line-dots" key="dots" {...dotsProps} role="img">
         {dots}
       </Layer>
     );

diff --git a/src/cartesian/Scatter.tsx b/src/cartesian/Scatter.tsx
@@ -282,6 +282,7 @@ export class Scatter extends PureComponent<Props, State> {
           className="recharts-scatter-symbol"
           {...adaptEventsOfChild(this.props, entry, i)}
           key={`symbol-${i}`} // eslint-disable-line react/no-array-index-key
+          role="img"
         >
           {Scatter.renderSymbolItem(activeIndex === i ? activeShape : shape, props)}
         </Layer>

diff --git a/src/chart/Sankey.tsx b/src/chart/Sankey.tsx
@@ -615,7 +615,9 @@ export class Sankey extends PureComponent<Props, State> {
       return option(props);
     }
 
-    return <Rectangle className="recharts-sankey-node" fill="#0088fe" fillOpacity="0.8" {...filterProps(props)} />;
+    return (
+      <Rectangle className="recharts-sankey-node" fill="#0088fe" fillOpacity="0.8" {...filterProps(props)} role="img" />
+    );
   }
 
   renderNodes(nodes: SankeyNode[]) {
@@ -690,6 +692,7 @@ export class Sankey extends PureComponent<Props, State> {
       <div
         className={classNames('recharts-wrapper', className)}
         style={{ ...style, position: 'relative', cursor: 'default', width, height }}
+        role="region"
       >
         <Surface {...attrs} width={width} height={height}>
           {filterSvgElements(children)}

diff --git a/src/chart/Treemap.tsx b/src/chart/Treemap.tsx
@@ -601,6 +601,7 @@ export class Treemap extends PureComponent<Props, State> {
           fill={nodeProps.depth < 2 ? colors[index % colors.length] : 'rgba(255,255,255,0)'}
           stroke="#fff"
           {..._.omit(nodeProps, 'children')}
+          role="img"
         />
         {arrow}
         {text}
@@ -734,6 +735,7 @@ export class Treemap extends PureComponent<Props, State> {
       <div
         className={classNames('recharts-wrapper', className)}
         style={{ ...style, position: 'relative', cursor: 'default', width, height }}
+        role="region"
       >
         <Surface {...attrs} width={width} height={type === 'nest' ? height - 30 : height}>
           {this.renderAllNodes()}

diff --git a/src/chart/generateCategoricalChart.tsx b/src/chart/generateCategoricalChart.tsx
@@ -2137,6 +2137,7 @@ export const generateCategoricalChart = ({
           ref={node => {
             this.container = node;
           }}
+          role="region"
         >
           <Surface {...attrs} width={width} height={height} title={title} desc={desc}>
             {this.renderClipPath()}

diff --git a/src/numberAxis/Funnel.tsx b/src/numberAxis/Funnel.tsx
@@ -292,6 +292,7 @@ export class Funnel extends PureComponent<Props, State> {
           className="recharts-funnel-trapezoid"
           {...adaptEventsOfChild(this.props, entry, i)}
           key={`trapezoid-${i}`} // eslint-disable-line react/no-array-index-key
+          role="img"
         >
           {Funnel.renderTrapezoidItem(trapezoidOptions, trapezoidProps)}
         </Layer>

diff --git a/src/shape/Sector.tsx b/src/shape/Sector.tsx
@@ -230,6 +230,6 @@ export class Sector extends PureComponent<Props> {
       path = getSectorPath({ cx, cy, innerRadius, outerRadius, startAngle, endAngle });
     }
 
-    return <path {...filterProps(this.props, true)} className={layerClass} d={path} />;
+    return <path {...filterProps(this.props, true)} className={layerClass} d={path} role="img" />;
   }
 }