Added fields to labels to assist screen readers

This commit is contained in:
2019-06-03 19:17:38 +10:00
parent b3b3f04f82
commit 0f9588a815
5 changed files with 22 additions and 22 deletions
+4 -4
View File
@@ -30,13 +30,13 @@ class PasswordChange extends React.Component {
<form action='/passwordchangerequest' method='post' onSubmit={this.submit.bind(this)}>
<div>
<label>Password:</label>
<input type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} />
<label for='password'>Password:</label>
<input id='password' type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} />
</div>
<div>
<label>Retype Password:</label>
<input type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
<label for='retype'>Retype Password:</label>
<input id='retype' type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
</div>
<button type='submit'>Change Password</button>