Ratstail91/kingdombattles
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added fields to labels to assist screen readers

Browse Source
This commit is contained in:
Kayne Ruse
2019-06-03 19:17:38 +10:00
parent b3b3f04f82
commit 0f9588a815
5 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/panels/login.jsx
+4 -4
View File
@@ -30,13 +30,13 @@ class Login extends React.Component {
<form action='/loginrequest' method='post' onSubmit={ this.submit.bind(this) } > <form action='/loginrequest' method='post' onSubmit={ this.submit.bind(this) } >
<div> <div>
<label>Email:</label> <label for='email'>Email:</label>
<input type='text' name='email' value={this.state.email} onChange={ this.updateEmail.bind(this) } /> <input id='email' type='text' name='email' value={this.state.email} onChange={ this.updateEmail.bind(this) } />
</div> </div>
<div> <div>
<label>Password:</label> <label for='password'>Password:</label>
<input type='password' name='password' value={this.state.password} onChange={ this.updatePassword.bind(this) } /> <input id='password' type='password' name='password' value={this.state.password} onChange={ this.updatePassword.bind(this) } />
</div> </div>
<button type='submit' disabled={!this.state.email}>Login</button> <button type='submit' disabled={!this.state.email}>Login</button>
src/components/panels/password_change.jsx
+4 -4
View File
@@ -30,13 +30,13 @@ class PasswordChange extends React.Component {
<form action='/passwordchangerequest' method='post' onSubmit={this.submit.bind(this)}> <form action='/passwordchangerequest' method='post' onSubmit={this.submit.bind(this)}>
<div> <div>
<label>Password:</label> <label for='password'>Password:</label>
<input type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} /> <input id='password' type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} />
</div> </div>
<div> <div>
<label>Retype Password:</label> <label for='retype'>Retype Password:</label>
<input type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} /> <input id='retype' type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
</div> </div>
<button type='submit'>Change Password</button> <button type='submit'>Change Password</button>
src/components/panels/password_recover.jsx
+2 -2
View File
@@ -27,8 +27,8 @@ class PasswordRecover extends React.Component {
<form action='/passwordrecoverrequest' method='post' onSubmit={this.submit.bind(this)}> <form action='/passwordrecoverrequest' method='post' onSubmit={this.submit.bind(this)}>
<div> <div>
<label>Email:</label> <label for='email'>Email:</label>
<input type='text' name='email' value={this.state.email} onChange={this.updateEmail.bind(this)} /> <input id='email' type='text' name='email' value={this.state.email} onChange={this.updateEmail.bind(this)} />
</div> </div>
<button type='submit' disabled={!this.state.email}>Send Email</button> <button type='submit' disabled={!this.state.email}>Send Email</button>
src/components/panels/password_reset.jsx
+4 -4
View File
@@ -29,13 +29,13 @@ class PasswordReset extends React.Component {
<form action='/passwordresetrequest' method='post' onSubmit={this.submit.bind(this)}> <form action='/passwordresetrequest' method='post' onSubmit={this.submit.bind(this)}>
<div> <div>
<label>Password:</label> <label for='password'>Password:</label>
<input type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} /> <input id='password' type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} />
</div> </div>
<div> <div>
<label>Retype Password:</label> <label for='retype'>Retype Password:</label>
<input type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} /> <input id='retype' type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
</div> </div>
<button type='submit'>Change Password</button> <button type='submit'>Change Password</button>
src/components/panels/signup.jsx
+8 -8
View File
@@ -30,23 +30,23 @@ class Signup extends React.Component {
<form action='/signuprequest' method='post' onSubmit={this.submit.bind(this)}> <form action='/signuprequest' method='post' onSubmit={this.submit.bind(this)}>
<div> <div>
<label>Email:</label> <label for='email'>Email:</label>
<input type='text' name='email' value={this.state.email} onChange={this.updateEmail.bind(this)} /> <input id='email' type='text' name='email' value={this.state.email} onChange={this.updateEmail.bind(this)} />
</div> </div>
<div> <div>
<label>User Name:</label> <label for='username'>User Name:</label>
<input type='text' name='username' value={this.state.username} onChange={this.updateUsername.bind(this)} /> <input id='username' type='text' name='username' value={this.state.username} onChange={this.updateUsername.bind(this)} />
</div> </div>
<div> <div>
<label>Password:</label> <label for='password'>Password:</label>
<input type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} /> <input id='password' type='password' name='password' value={this.state.password} onChange={this.updatePassword.bind(this)} />
</div> </div>
<div> <div>
<label>Retype Password:</label> <label for='retype'>Retype Password:</label>
<input type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} /> <input id='retype' type='password' name='retype' value={this.state.retype} onChange={this.updateRetype.bind(this)} />
</div> </div>
<button type='submit' disabled={!this.state.email}>Sign Up</button> <button type='submit' disabled={!this.state.email}>Sign Up</button>