fix aria labels

This commit is contained in:
Karol Wypchlo 2020-02-21 11:38:35 +01:00
parent 0cca0122f9
commit bed2f16d9f
2 changed files with 4 additions and 4 deletions

View File

@ -92,11 +92,11 @@ export default class HomeUpload extends Component {
<div className="home-upload-retrieve"> <div className="home-upload-retrieve">
<div className="home-upload-text"> <div className="home-upload-text">
<h3>Have a Skylink?</h3> <h3 id="skylink-retrieve-title">Have a Skylink?</h3>
<p>Paste the link to retrieve your file</p> <p>Paste the link to retrieve your file</p>
<form className="home-upload-retrieve-form" onSubmit={this.handleSkylink}> <form className="home-upload-retrieve-form" onSubmit={this.handleSkylink}>
<input name="skylink" type="text" placeholder="sia://" aria-labelledby="Skylink" /> <input name="skylink" type="text" placeholder="sia://" aria-labelledby="skylink-retrieve-title" />
<button type="submit" aria-label="Retrieve file"> <button type="submit" aria-label="Retrieve file">
<DownArrow /> <DownArrow />
</button> </button>

View File

@ -25,13 +25,13 @@ const CustomForm = ({ status, message, onValidated, light, id }) => {
type="email" type="email"
placeholder="Email Address" placeholder="Email Address"
validate="true" validate="true"
aria-labelledby="Email Address" aria-labelledby="newsletter-subscribe"
/> />
<div className="home-form-stay-existing"> <div className="home-form-stay-existing">
<input ref={node => (user = node)} type="checkbox" id={id} /> <input ref={node => (user = node)} type="checkbox" id={id} />
<label htmlFor={id}>I have previous experience using Sia</label> <label htmlFor={id}>I have previous experience using Sia</label>
</div> </div>
<button className="button" onClick={submit}> <button className="button" onClick={submit} id="newsletter-subscribe">
Get Updates Get Updates
</button> </button>