From 1f36a8910c6140077e18dcc7dbaeff5c1cff52c7 Mon Sep 17 00:00:00 2001
From: Denis Duvauchelle <desduvauchelle@users.noreply.github.com>
Date: Wed, 30 Sep 2020 10:07:43 -0700
Subject: [PATCH] Added props for WCAG compliance.

---
 src/CircularProgressbar.tsx | 7 +++++++
 src/types.ts                | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/src/CircularProgressbar.tsx b/src/CircularProgressbar.tsx
index d93c172..775b3b4 100644
--- a/src/CircularProgressbar.tsx
+++ b/src/CircularProgressbar.tsx
@@ -67,17 +67,24 @@ class CircularProgressbar extends React.Component<CircularProgressbarProps> {
       styles,
       strokeWidth,
       text,
+      alt,
+      aria
     } = this.props;
 
     const pathRadius = this.getPathRadius();
     const pathRatio = this.getPathRatio();
 
+    let accessibility = {};
+    if (alt) accessibility.alt = alt;
+    if (aria) accessibility = { ...accessibility, ...aria };
+
     return (
       <svg
         className={`${classes.root} ${className}`}
         style={styles.root}
         viewBox={`0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`}
         data-test-id="CircularProgressbar"
+        {...accessibility}
       >
         {this.props.background ? (
           <circle
diff --git a/src/types.ts b/src/types.ts
index d86c746..2af4cfc 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -49,6 +49,12 @@ export type CircularProgressbarWrapperProps = {
   styles?: CircularProgressbarStyles;
   text?: string;
   value: number;
+  alt?: string;
+  aria?: {
+    live: string;
+    min: string;
+    max: string;
+  }
 };
 
 export type CircularProgressbarProps = CircularProgressbarDefaultProps & {