Skip to content

Commit ac27c59

Browse files
committed
Put close button first to allow screen reader users to close the modal easily
1 parent 0e1fbd3 commit ac27c59

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

components/SLDSModal/index.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -210,10 +210,10 @@ module.exports = React.createClass( {
210210
if(hasHeader) {
211211
header = (
212212
<div className={cx(headerClass)}>
213+
<SLDSButton label='Close' variant='icon-inverse' iconName='close' iconSize='large' className='slds-modal__close' onClick={this.closeModal} />
213214
{this.props.toast}
214215
<h2 className={cx(titleClass)}>{this.props.title}</h2>
215216
{this.props.tagline ? <p className="slds-m-top--x-small">{this.props.tagline}</p>:null}
216-
<SLDSButton label='Close' variant='icon-inverse' iconName='close' iconSize='large' className='slds-modal__close' onClick={this.closeModal} />
217217
</div>
218218
)
219219
}else{

0 commit comments

Comments
 (0)