Skip to content

Commit ee274ca

Browse files
Fix for - SVGs for progress bar are not indicated to be decorative (#153)
1 parent 5830609 commit ee274ca

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

src/Circle.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -202,6 +202,7 @@ const Circle: React.FC<ProgressProps> = ({
202202
viewBox={`0 0 ${VIEW_BOX_SIZE} ${VIEW_BOX_SIZE}`}
203203
style={style}
204204
id={id}
205+
role="presentation"
205206
{...restProps}
206207
>
207208
{gradient && (

tests/__snapshots__/index.spec.js.snap

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ exports[`Progress Circle should gradient works and circles have different gradie
8686
<div>
8787
<svg
8888
class="rc-progress-circle"
89+
role="presentation"
8990
viewBox="0 0 100 100"
9091
>
9192
<defs>
@@ -130,6 +131,7 @@ exports[`Progress Circle should gradient works and circles have different gradie
130131
</svg>
131132
<svg
132133
class="rc-progress-circle"
134+
role="presentation"
133135
viewBox="0 0 100 100"
134136
>
135137
<defs>
@@ -179,6 +181,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
179181
<div>
180182
<svg
181183
class="rc-progress-circle"
184+
role="presentation"
182185
viewBox="0 0 100 100"
183186
>
184187
<circle
@@ -204,6 +207,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
204207
</svg>
205208
<svg
206209
class="rc-progress-circle"
210+
role="presentation"
207211
viewBox="0 0 100 100"
208212
>
209213
<circle
@@ -229,6 +233,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
229233
</svg>
230234
<svg
231235
class="rc-progress-circle"
236+
role="presentation"
232237
viewBox="0 0 100 100"
233238
>
234239
<circle
@@ -254,6 +259,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
254259
</svg>
255260
<svg
256261
class="rc-progress-circle"
262+
role="presentation"
257263
viewBox="0 0 100 100"
258264
>
259265
<circle
@@ -279,6 +285,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
279285
</svg>
280286
<svg
281287
class="rc-progress-circle"
288+
role="presentation"
282289
viewBox="0 0 100 100"
283290
>
284291
<circle
@@ -304,6 +311,7 @@ exports[`Progress Circle should show right gapPosition 1`] = `
304311
</svg>
305312
<svg
306313
class="rc-progress-circle"
314+
role="presentation"
307315
viewBox="0 0 100 100"
308316
>
309317
<circle

0 commit comments

Comments
 (0)