Skip to content

Commit 21c61b1

Browse files
committed
docs(ui-modal): screenreader no longer makes unnecessary annoncements in Modal examples
Closes: INSTUI-4286
1 parent a823d51 commit 21c61b1

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

packages/ui-modal/src/Modal/README.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ by using the `padding` prop on the `<Modal.Body/>` if the use case requires it.
5757
}}
5858
onSubmit={this.handleFormSubmit}
5959
size="auto"
60-
label="Modal Dialog: Hello World"
60+
label="Hello World"
6161
shouldCloseOnDocumentClick
6262
>
6363
<Modal.Header>
@@ -127,7 +127,7 @@ by using the `padding` prop on the `<Modal.Body/>` if the use case requires it.
127127
}}
128128
onSubmit={handleFormSubmit}
129129
size="auto"
130-
label="Modal Dialog: Hello World"
130+
label="Hello World"
131131
shouldCloseOnDocumentClick
132132
>
133133
<Modal.Header>
@@ -204,7 +204,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
204204
this.setState({ open: false })
205205
}}
206206
size="fullscreen"
207-
label="Modal Dialog: Hello World"
207+
label="Hello World"
208208
shouldCloseOnDocumentClick
209209
mountNode={() => document.getElementById('constrainExample')}
210210
constrain="parent"
@@ -329,7 +329,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
329329
setOpen(false)
330330
}}
331331
size="fullscreen"
332-
label="Modal Dialog: Hello World"
332+
label="Hello World"
333333
shouldCloseOnDocumentClick
334334
mountNode={() => document.getElementById('constrainExample')}
335335
constrain="parent"
@@ -448,7 +448,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
448448
this.setState({ open: false })
449449
}}
450450
size="auto"
451-
label="Modal Dialog: Hello Media"
451+
label="Hello Media"
452452
shouldCloseOnDocumentClick
453453
variant="inverse"
454454
>
@@ -515,7 +515,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
515515
setOpen(false)
516516
}}
517517
size="auto"
518-
label="Modal Dialog: Hello Media"
518+
label="Hello Media"
519519
shouldCloseOnDocumentClick
520520
variant="inverse"
521521
>
@@ -637,7 +637,7 @@ use the [Img](#Img) component's `constrain` property to fit the image inside Mod
637637
this.setState({ open: false })
638638
}}
639639
size={this.state.modalSize}
640-
label="Modal Dialog: Hello Media"
640+
label="Hello Media"
641641
shouldCloseOnDocumentClick
642642
variant="inverse"
643643
overflow="fit"
@@ -775,7 +775,7 @@ use the [Img](#Img) component's `constrain` property to fit the image inside Mod
775775
setOpen(false)
776776
}}
777777
size={modalSize}
778-
label="Modal Dialog: Hello Media"
778+
label="Hello Media"
779779
shouldCloseOnDocumentClick
780780
variant="inverse"
781781
overflow="fit"
@@ -907,7 +907,7 @@ On smaller viewports (like mobile devices or scaled-up UI), we don't want to los
907907
this.setState({ open: false })
908908
}
909909
}}
910-
label="Modal Dialog: Hello World"
910+
label="Hello World"
911911
shouldCloseOnDocumentClick
912912
mountNode={() => document.getElementById('viewportExample')}
913913
constrain="parent"
@@ -1005,7 +1005,7 @@ On smaller viewports (like mobile devices or scaled-up UI), we don't want to los
10051005
setOpen(false)
10061006
}
10071007
}}
1008-
label="Modal Dialog: Hello World"
1008+
label="Hello World"
10091009
shouldCloseOnDocumentClick
10101010
mountNode={() => document.getElementById('viewportExample')}
10111011
constrain="parent"
@@ -1100,7 +1100,7 @@ class Example extends React.Component {
11001100
open={this.state.open}
11011101
onDismiss={() => { this.setState({ open: false }) }}
11021102
size="large"
1103-
label="Modal Dialog: Hello World"
1103+
label="Hello World"
11041104
shouldCloseOnDocumentClick
11051105
variant='inverse'
11061106
overflow='scroll'

0 commit comments

Comments
 (0)