Gh pages v3 2 2 (#274)

* Update docs * rebuild docs * Update docs * Update docs (#190) * Changelog casing fix * decorate events and remove original decorations (#182) * Fix warnings in tests and add SankeyNodeTerminal tests (#184) * Update event handler test on XYPlot * Fix Bar warnings in tests * Fix XLine warnings in tests * Fix AreaBarChart warnings * Update SankeyDiagram tests * Bump mixin-deep from 1.3.1 to 1.3.2 (#186) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2) Signed-off-by: dependabot[bot] <[email protected]> * Bump eslint-utils from 1.4.0 to 1.4.3 (#185) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.4.0 to 1.4.3. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](mysticatea/eslint-utils@v1.4.0...v1.4.3) Signed-off-by: dependabot[bot] <[email protected]> * 2.0.2 release (#188) * 2.0.2 release * Update package-lock * 2.0.2 * Update docs * Gh pages v3 (#210) * Changelog casing fix * decorate events and remove original decorations (#182) * Fix warnings in tests and add SankeyNodeTerminal tests (#184) * Update event handler test on XYPlot * Fix Bar warnings in tests * Fix XLine warnings in tests * Fix AreaBarChart warnings * Update SankeyDiagram tests * Bump mixin-deep from 1.3.1 to 1.3.2 (#186) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2) Signed-off-by: dependabot[bot] <[email protected]> * Bump eslint-utils from 1.4.0 to 1.4.3 (#185) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.4.0 to 1.4.3. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](mysticatea/eslint-utils@v1.4.0...v1.4.3) Signed-off-by: dependabot[bot] <[email protected]> * 2.0.2 release (#188) * 2.0.2 release * Update package-lock * 2.0.2 * Update docs in master (#189) * Update docs * rebuild docs * Update docs * Update docs * Added Precommit hooks (#191) * Added Precommit hooks * Update package.json for precommit hooks * Remove docs from build (#192) * Update package-lock.json * Remove docs from build process * Disable cache for travis builds * Revert "Added Precommit hooks (#191)" (#193) This reverts commit 777320a. * v3.0.0 release (#195) * Revert "Revert "Added Precommit hooks (#191)" (#193)" (#194) This reverts commit c6ae448. * Update dependencies to enable Greenkeeper 🌴 (#187) * chore(package): update dependencies * docs(readme): add Greenkeeper badge * chore(package): update lockfile package-lock.json * Fix issues with cross-env upgrade * Update jsdom setup * Remove docs from npm build command * Remove support for node < 8 * Update docs based on raw-loader upgrade * Add Pie Chart Styles (#201) * WIP: PieChart prop of getValue -> slice, added pieSliceStyle prop to PieChart * replace example code color picker with d3 function * update docs * address pr comments * undo slice destructure * update docs and fix CleanWebpack package usage * doc update * docs update * remove doc build config * Doc updates (#207) * update punctuation for AreaBarChart * require data as a prop for AreaBarChart * update docs for AreaChart && add required next to props that are required * update Bar docs * update BarChart docs * update ColorHeatmap docs * FunnelChart docs * update FunnelChart docs * update Histogram docs * update KernelDensityEstimation docs * update LineChart docs * MarkerLineChart docs update * RangeBarChart doc update * add iteration through enum types for docs, update sankey diagram docs * remove extra spaces * update docs for TreeMap * Bar doc updates * update all the docs with more descriptive prop types * docs update for XLine * update the rest of the docs * 3.0.0 * v3.0.0 release * Gh pages v3 0 1 (#213) * Changelog casing fix * decorate events and remove original decorations (#182) * Fix warnings in tests and add SankeyNodeTerminal tests (#184) * Update event handler test on XYPlot * Fix Bar warnings in tests * Fix XLine warnings in tests * Fix AreaBarChart warnings * Update SankeyDiagram tests * Bump mixin-deep from 1.3.1 to 1.3.2 (#186) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2) Signed-off-by: dependabot[bot] <[email protected]> * Bump eslint-utils from 1.4.0 to 1.4.3 (#185) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.4.0 to 1.4.3. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](mysticatea/eslint-utils@v1.4.0...v1.4.3) Signed-off-by: dependabot[bot] <[email protected]> * 2.0.2 release (#188) * 2.0.2 release * Update package-lock * 2.0.2 * Update docs in master (#189) * Update docs * rebuild docs * Update docs * Update docs * Added Precommit hooks (#191) * Added Precommit hooks * Update package.json for precommit hooks * Remove docs from build (#192) * Update package-lock.json * Remove docs from build process * Disable cache for travis builds * Revert "Added Precommit hooks (#191)" (#193) This reverts commit 777320a. * v3.0.0 release (#195) * Revert "Revert "Added Precommit hooks (#191)" (#193)" (#194) This reverts commit c6ae448. * Update dependencies to enable Greenkeeper 🌴 (#187) * chore(package): update dependencies * docs(readme): add Greenkeeper badge * chore(package): update lockfile package-lock.json * Fix issues with cross-env upgrade * Update jsdom setup * Remove docs from npm build command * Remove support for node < 8 * Update docs based on raw-loader upgrade * Add Pie Chart Styles (#201) * WIP: PieChart prop of getValue -> slice, added pieSliceStyle prop to PieChart * replace example code color picker with d3 function * update docs * address pr comments * undo slice destructure * update docs and fix CleanWebpack package usage * doc update * docs update * remove doc build config * Doc updates (#207) * update punctuation for AreaBarChart * require data as a prop for AreaBarChart * update docs for AreaChart && add required next to props that are required * update Bar docs * update BarChart docs * update ColorHeatmap docs * FunnelChart docs * update FunnelChart docs * update Histogram docs * update KernelDensityEstimation docs * update LineChart docs * MarkerLineChart docs update * RangeBarChart doc update * add iteration through enum types for docs, update sankey diagram docs * remove extra spaces * update docs for TreeMap * Bar doc updates * update all the docs with more descriptive prop types * docs update for XLine * update the rest of the docs * 3.0.0 * v3.0.0 release * Fix xy plot lesson in docs (#211) * Fix xy plot lesson in docs * Add TODO regarding Interaction and GettersAndAccessors lesson and fix those imports just in case * Prettier ignore build (#212) * Add prettierignore to ignore build files * ignore node modules * 3.0.1 * v3.0.1 release * Gh pages v3.0.2 (#237) * Changelog casing fix * decorate events and remove original decorations (#182) * Fix warnings in tests and add SankeyNodeTerminal tests (#184) * Update event handler test on XYPlot * Fix Bar warnings in tests * Fix XLine warnings in tests * Fix AreaBarChart warnings * Update SankeyDiagram tests * Bump mixin-deep from 1.3.1 to 1.3.2 (#186) Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2. - [Release notes](https://github.com/jonschlinkert/mixin-deep/releases) - [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2) Signed-off-by: dependabot[bot] <[email protected]> * Bump eslint-utils from 1.4.0 to 1.4.3 (#185) Bumps [eslint-utils](https://github.com/mysticatea/eslint-utils) from 1.4.0 to 1.4.3. - [Release notes](https://github.com/mysticatea/eslint-utils/releases) - [Commits](mysticatea/eslint-utils@v1.4.0...v1.4.3) Signed-off-by: dependabot[bot] <[email protected]> * 2.0.2 release (#188) * 2.0.2 release * Update package-lock * 2.0.2 * Update docs in master (#189) * Update docs * rebuild docs * Update docs * Update docs * Added Precommit hooks (#191) * Added Precommit hooks * Update package.json for precommit hooks * Remove docs from build (#192) * Update package-lock.json * Remove docs from build process * Disable cache for travis builds * Revert "Added Precommit hooks (#191)" (#193) This reverts commit 777320a. * v3.0.0 release (#195) * Revert "Revert "Added Precommit hooks (#191)" (#193)" (#194) This reverts commit c6ae448. * Update dependencies to enable Greenkeeper 🌴 (#187) * chore(package): update dependencies * docs(readme): add Greenkeeper badge * chore(package): update lockfile package-lock.json * Fix issues with cross-env upgrade * Update jsdom setup * Remove docs from npm build command * Remove support for node < 8 * Update docs based on raw-loader upgrade * Add Pie Chart Styles (#201) * WIP: PieChart prop of getValue -> slice, added pieSliceStyle prop to PieChart * replace example code color picker with d3 function * update docs * address pr comments * undo slice destructure * update docs and fix CleanWebpack package usage * doc update * docs update * remove doc build config * Doc updates (#207) * update punctuation for AreaBarChart * require data as a prop for AreaBarChart * update docs for AreaChart && add required next to props that are required * update Bar docs * update BarChart docs * update ColorHeatmap docs * FunnelChart docs * update FunnelChart docs * update Histogram docs * update KernelDensityEstimation docs * update LineChart docs * MarkerLineChart docs update * RangeBarChart doc update * add iteration through enum types for docs, update sankey diagram docs * remove extra spaces * update docs for TreeMap * Bar doc updates * update all the docs with more descriptive prop types * docs update for XLine * update the rest of the docs * 3.0.0 * v3.0.0 release * Fix xy plot lesson in docs (#211) * Fix xy plot lesson in docs * Add TODO regarding Interaction and GettersAndAccessors lesson and fix those imports just in case * Prettier ignore build (#212) * Add prettierignore to ignore build files * ignore node modules * 3.0.1 * v3.0.1 release * Update sinon to the latest version 🚀 (#216) * chore(package): update sinon to version 8.0.0 * chore(package): update lockfile package-lock.json * Update eslint-config-prettier to the latest version 🚀 (#217) * chore(package): update eslint-config-prettier to version 6.8.0 * chore(package): update lockfile package-lock.json * Update cross-env to the latest version 🚀 (#225) * chore(package): update cross-env to version 7.0.0 * chore(package): update lockfile package-lock.json * Update mocha to the latest version 🚀 (#226) * chore(package): update mocha to version 7.0.1 * chore(package): update lockfile package-lock.json * Rename upcoming deprecated Lifecycle methods (#214) * rename lifecycle methods in src * update examples * fix weird prettier stuff * Greenkeeper/@spotify/eslint config base 6.0.0 (#227) * chore(package): update @spotify/eslint-config-base to version 6.0.0 Closes #219 * chore(package): update lockfile package-lock.json Co-authored-by: greenkeeper[bot] <23040076+greenkeeper[bot]@users.noreply.github.com> * Greenkeeper/@spotify/prettier config 6.0.0 (#230) * chore(package): update @spotify/prettier-config to version 6.0.0 Closes #221 * chore(package): update lockfile package-lock.json Co-authored-by: greenkeeper[bot] <23040076+greenkeeper[bot]@users.noreply.github.com> * Greenkeeper/@spotify/eslint config react 6.0.0 (#228) * chore(package): update @spotify/eslint-config-react to version 6.0.0 Closes #220 * chore(package): update lockfile package-lock.json * fix lint errors Co-authored-by: greenkeeper[bot] <23040076+greenkeeper[bot]@users.noreply.github.com> * Remove deprecated Lifecycle hooks (#234) * remove unsafe calls from animated examples * remove unsafe calls from TreeMap * remove unsafe calls from KernelDensityEstimation * remove unsafe calls from LineChart * remove Unsafe calls from SankeyDiagram * remove deprecated lifecycle hooks from ZoomContainer * 3.0.2 * v3.0.2 release Co-authored-by: Kris Salvador <[email protected]> Co-authored-by: Tanay Vardhan <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Anita <[email protected]> Co-authored-by: Ian MacIntosh <[email protected]> Co-authored-by: greenkeeper[bot] <23040076+greenkeeper[bot]@users.noreply.github.com> Co-authored-by: Erica Hyman <[email protected]> * add CODEOWNERS file (#262) * Bump elliptic from 6.5.2 to 6.5.3 (#266) Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.2 to 6.5.3. - [Release notes](https://github.com/indutny/elliptic/releases) - [Commits](indutny/elliptic@v6.5.2...v6.5.3) Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * bar chart gradient example in docs (#268) Co-authored-by: Isaac Ezer <[email protected]> * Sankey sorting (#269) * remove deprecated refs definition This old usage of defining refs via a string is deprecated and seems to break when debugging reactochart using `npm link` locally. * add Sankey Sorting Function hooks Co-authored-by: Isaac Ezer <[email protected]> * 3.2.0 * v3.2.0 release * Fix YAxisLabels formatting example (#271) The current example did not demonstrate label color/weight change, since the final label (`label.text`) never was `20.00`. * 3.2.1 * 3.2.1 release * [A11y] add aria-hidden attributes to XYPlot (#273) * add aria-hidden attributes to XYPlot elements * more granual application of aria-hidden * 3.2.2 * Add changelog edit for 3.2.2 * v3.2.2 release * v3.2.2 release * fix docs build file Co-authored-by: Kris Salvador <[email protected]> Co-authored-by: Isaac Ezer <[email protected]> Co-authored-by: Tanay Vardhan <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Ian MacIntosh <[email protected]> Co-authored-by: greenkeeper[bot] <23040076+greenkeeper[bot]@users.noreply.github.com> Co-authored-by: Erica Hyman <[email protected]> Co-authored-by: Isaac Ezer <[email protected]> Co-authored-by: Marko Bonaći <[email protected]>
spotify · Dec 10, 2020 · f4dbd54 · f4dbd54
1 parent ed54025
commit f4dbd54
Show file tree

Hide file tree

Showing 31 changed files with 4,622 additions and 7,432 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 3.2.2 (2020-12-10)
+
+- [#273](https://github.com/spotify/reactochart/pull/273) Add `aria-hidden="true"` attributes to XYPlot components.
+
 ## 3.2.1 (2020-12-04)
 
 - [#271](https://github.com/spotify/reactochart/pull/271) Fix YAxisLabels formatting example. (Thanks @mbonaci)

diff --git a/docs/build/bundle.3faf9be4fbfdac1fe800.js b/docs/build/bundle.3faf9be4fbfdac1fe800.js
diff --git a/docs/build/bundle.3faf9be4fbfdac1fe800.js.map b/docs/build/bundle.3faf9be4fbfdac1fe800.js.map
diff --git a/docs/build/bundle.acc0f65bd6d7a7f77161.js b/docs/build/bundle.acc0f65bd6d7a7f77161.js
diff --git a/docs/build/bundle.acc0f65bd6d7a7f77161.js.map b/docs/build/bundle.acc0f65bd6d7a7f77161.js.map
diff --git a/docs/build/index.html b/docs/build/index.html
@@ -31,5 +31,5 @@
     </div>
 
     <div class="container-fluid" id="container">Loading...</div>
-<script type="text/javascript" src="bundle.d280ec63e4e115eb8d08.js"></script></body>
-</html>
+<script type="text/javascript" src="bundle.acc0f65bd6d7a7f77161.js"></script></body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "Erica Hyman <[email protected]>",
     "Isaac Ezer <[email protected]>"
   ],
-  "version": "3.2.1",
+  "version": "3.2.2",
   "main": "index.js",
   "files": [
     "*.js",

diff --git a/src/AreaChart.js b/src/AreaChart.js
@@ -223,7 +223,7 @@ export default class AreaChart extends React.Component {
     }
 
     return (
-      <g className="rct-area-chart">
+      <g className="rct-area-chart" aria-hidden="true">
         <path
           className={`rct-area-chart-path ${pathClassName}`}
           d={areaPathStr}

diff --git a/src/AreaHeatmap.js b/src/AreaHeatmap.js
@@ -139,7 +139,7 @@ export default class AreaHeatmap extends React.Component {
     };
 
     return (
-      <g className="rct-area-heatmap-chart" {...handlers}>
+      <g className="rct-area-heatmap-chart" aria-hidden="true" {...handlers}>
         <rect
           x="0"
           y="0"

diff --git a/src/Bar.js b/src/Bar.js
@@ -186,6 +186,7 @@ export default class Bar extends React.Component {
 
     const rect = (
       <rect
+        aria-hidden="true"
         {...{
           x: rectX,
           y: rectY,
@@ -216,7 +217,7 @@ export default class Bar extends React.Component {
 
     if (showLabel) {
       return (
-        <g>
+        <g aria-hidden="true">
           {rect}
           {text}
         </g>

diff --git a/src/ColorHeatmap.js b/src/ColorHeatmap.js
@@ -185,7 +185,7 @@ export default class ColorHeatmap extends React.Component {
     }
 
     return (
-      <g className="rct-color-heatmap-chart">
+      <g className="rct-color-heatmap-chart" aria-hidden="true">
         {data.map((d, i) => {
           const color = colorScale(valueAccessor(d));
           const style = { ...getValue(rectStyle, d, i), fill: color };

diff --git a/src/FunnelChart.js b/src/FunnelChart.js
@@ -125,7 +125,7 @@ export default class FunnelChart extends React.Component {
     const colors = scaleOrdinal(schemeCategory10).domain(range(10));
 
     return (
-      <g className="rct-funnel-chart">
+      <g className="rct-funnel-chart" aria-hidden="true">
         {data.map((d, i) => {
           if (i === 0) return null;
           const pathStr = funnelArea([data[i - 1], d]);

diff --git a/src/LineChart.js b/src/LineChart.js
@@ -94,7 +94,7 @@ export default class LineChart extends React.Component {
       .y((d, i) => yScale(getValue(y, d, i)))(data);
 
     return (
-      <g className={`rct-line-chart ${lineClassName}`}>
+      <g className={`rct-line-chart ${lineClassName}`} aria-hidden="true">
         <path className="rct-line-path" d={pathStr} style={lineStyle} />
       </g>
     );

diff --git a/src/MarkerLineChart.js b/src/MarkerLineChart.js
@@ -331,7 +331,7 @@ export default class MarkerLineChart extends React.Component {
   render() {
     const tickType = getTickType(this.props);
     return (
-      <g className="rct-marker-line-chart">
+      <g className="rct-marker-line-chart" aria-hidden="true">
         {tickType === 'RangeValue'
           ? this.props.data.map(this.renderRangeValueLine)
           : this.props.data.map(this.renderValueValueLine)}

diff --git a/src/RangeBarChart.js b/src/RangeBarChart.js
@@ -234,7 +234,7 @@ export default class RangeBarChart extends React.Component {
     } = this.props;
 
     return (
-      <g>
+      <g aria-hidden="true">
         {data.map((d, i) => {
           const [onMouseEnter, onMouseMove, onMouseLeave, onClick] = [
             'onMouseEnterBar',

diff --git a/src/RangeRect.js b/src/RangeRect.js
@@ -112,6 +112,7 @@ export default class RangeRect extends React.Component {
 
     return (
       <rect
+        aria-hidden="true"
         {...{
           x: rectX,
           y: rectY,

diff --git a/src/ScatterPlot.js b/src/ScatterPlot.js
@@ -163,6 +163,6 @@ export default class ScatterPlot extends React.Component {
   };
 
   render() {
-    return <g>{this.props.data.map(this.renderPoint)}</g>;
+    return <g aria-hidden="true">{this.props.data.map(this.renderPoint)}</g>;
   }
 }
diff --git a/src/XAxis.js b/src/XAxis.js
@@ -238,6 +238,7 @@ export default class XAxis extends React.Component {
     return (
       <g
         className="rct-chart-axis rct-chart-axis-x"
+        aria-hidden="true"
         onMouseMove={this.handleOnMouseMove}
         onMouseEnter={this.handleOnMouseEnter}
         onMouseLeave={this.handleOnMouseLeave}

diff --git a/src/XAxisLabels.js b/src/XAxisLabels.js
@@ -361,6 +361,7 @@ class XAxisLabels extends React.Component {
           return (
             <g
               key={`x-axis-label-${i}`}
+              aria-hidden="true"
               {...{ onMouseEnter, onMouseMove, onMouseLeave, onClick }}
             >
               {/* <XAxisLabelDebugRect {...{x, y, label}}/> */}

diff --git a/src/XAxisTitle.js b/src/XAxisTitle.js
@@ -139,7 +139,10 @@ export default class XAxisTitle extends React.Component {
         : '-0.2em';
 
     return (
-      <g transform={`translate(${translateX},${translateY})`}>
+      <g
+        transform={`translate(${translateX},${translateY})`}
+        aria-hidden="true"
+      >
         <text
           style={{ ...style, textAnchor }}
           transform={`rotate(${rotate})`}

diff --git a/src/XGrid.js b/src/XGrid.js
@@ -49,7 +49,7 @@ export default class XGrid extends React.Component {
     const className = `rct-chart-grid-line ${lineClassName || ''}`;
 
     return (
-      <g className="rct-chart-grid-x">
+      <g className="rct-chart-grid-x" aria-hidden="true">
         {ticks.map((tick, i) => {
           return (
             <XLine

diff --git a/src/XLine.js b/src/XLine.js
@@ -81,6 +81,7 @@ export default class XLine extends React.Component {
 
     return (
       <line
+        aria-hidden="true"
         {...{
           x1: lineX,
           x2: lineX,

diff --git a/src/XTicks.js b/src/XTicks.js
@@ -114,7 +114,7 @@ export default class XTicks extends React.Component {
         : `translate(0, ${-spacingTop || 0})`;
 
     return (
-      <g className="rct-chart-ticks-x" transform={transform}>
+      <g className="rct-chart-ticks-x" transform={transform} aria-hidden="true">
         {ticks.map((tick, i) => {
           const x1 = xScale(tick);
           const y2 = placement === 'above' ? -tickLength : tickLength;

diff --git a/src/XYPlot.js b/src/XYPlot.js
@@ -44,14 +44,14 @@ function getMouseOptions(
   const xValue = !inRange(innerX, 0, chartSize.width)
     ? null
     : xScaleType === 'ordinal'
-      ? invertPointScale(xScale, innerX)
-      : xScale.invert(innerX);
+    ? invertPointScale(xScale, innerX)
+    : xScale.invert(innerX);
 
   const yValue = !inRange(innerY, 0, chartSize.height)
     ? null
     : yScaleType === 'ordinal'
-      ? invertPointScale(yScale, innerY)
-      : yScale.invert(innerY);
+    ? invertPointScale(yScale, innerY)
+    : yScale.invert(innerY);
 
   return {
     event,
@@ -212,7 +212,7 @@ class XYPlot extends React.Component {
   onMouseUp = this.onXYMouseEvent.bind(this, 'onMouseUp');
   onClick = this.onXYMouseEvent.bind(this, 'onClick');
   onMouseEnter = this.onXYMouseEvent.bind(this, 'onMouseEnter');
-  onMouseLeave = this.onXYMouseEvent.bind(this, 'onMouseLeave')
+  onMouseLeave = this.onXYMouseEvent.bind(this, 'onMouseLeave');
 
   render() {
     const {
@@ -295,7 +295,11 @@ class XYPlot extends React.Component {
         {...{ width, height, className, style: xyPlotContainerStyle }}
         {...handlers}
       >
-        <rect className="rct-chart-background" {...{ width, height }} />
+        <rect
+          className="rct-chart-background"
+          {...{ width, height }}
+          aria-hidden="true"
+        />
         <g
           transform={`translate(${marginLeft + spacingLeft}, ${marginTop +
             spacingTop})`}
@@ -305,6 +309,7 @@ class XYPlot extends React.Component {
             transform={`translate(${-spacingLeft}, ${-spacingTop})`}
             className="rct-plot-background"
             style={xyPlotStyle}
+            aria-hidden="true"
             {...panelSize}
           />
           {React.Children.map(this.props.children, child => {

diff --git a/src/YAxis.js b/src/YAxis.js
@@ -229,6 +229,7 @@ export default class YAxis extends React.Component {
         onMouseEnter={this.handleOnMouseEnter}
         onMouseLeave={this.handleOnMouseLeave}
         onClick={this.handleOnClick}
+        aria-hidden="true"
       >
         {showGrid ? <YGrid {...gridProps} /> : null}
 

diff --git a/src/YAxisLabels.js b/src/YAxisLabels.js
@@ -298,7 +298,11 @@ class YAxisLabels extends React.Component {
         : `translate(${width + spacingRight}, 0)`;
 
     return (
-      <g className="rct-chart-value-labels-y" transform={transform}>
+      <g
+        className="rct-chart-value-labels-y"
+        transform={transform}
+        aria-hidden="true"
+      >
         {labels.map((label, i) => {
           const y = yScale(label.value) + offset;
           const x = placement === 'before' ? -distance : distance;

diff --git a/src/YAxisTitle.js b/src/YAxisTitle.js
@@ -137,7 +137,10 @@ export default class YAxisTitle extends React.Component {
         : null;
 
     return (
-      <g transform={`translate(${translateX},${translateY})`}>
+      <g
+        transform={`translate(${translateX},${translateY})`}
+        aria-hidden="true"
+      >
         <text
           style={{ ...style, textAnchor }}
           transform={`rotate(${rotate})`}

diff --git a/src/YGrid.js b/src/YGrid.js
@@ -47,7 +47,7 @@ export default class YGrid extends React.Component {
     const className = `rct-chart-grid-line ${lineClassName || ''}`;
 
     return (
-      <g className="rct-chart-grid-y">
+      <g className="rct-chart-grid-y" aria-hidden="true">
         {ticks.map((tick, i) => {
           return (
             <YLine

diff --git a/src/YLine.js b/src/YLine.js
@@ -70,6 +70,7 @@ export default class YLine extends React.Component {
 
     return (
       <line
+        aria-hidden="true"
         {...{
           x1: -spacingLeft,
           x2: lineX,

diff --git a/src/YTicks.js b/src/YTicks.js
@@ -113,7 +113,7 @@ export default class YTicks extends React.Component {
         : `translate(${-spacingLeft || 0}, 0)`;
 
     return (
-      <g className="rct-chart-ticks-y" transform={transform}>
+      <g className="rct-chart-ticks-y" transform={transform} aria-hidden="true">
         {ticks.map((tick, i) => {
           const y1 = yScale(tick);
           const x2 = placement === 'before' ? -tickLength : tickLength;
-Original file line number
+Diff line change
@@ Expand Up / @@ -139,7 +139,7 @@ export default class AreaHeatmap extends React.Component { @@
         };
         return (
-          <g className="rct-area-heatmap-chart" {...handlers}>
+          <g className="rct-area-heatmap-chart" aria-hidden="true" {...handlers}>
             <rect
               x="0"
               y="0"
@@ Expand Down @@