fix aria labels

src/components/HomeUpload/HomeUpload.js

@@ -92,11 +92,11 @@ export default class HomeUpload extends Component {
 
               <div className="home-upload-retrieve">
                 <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>
 
                   <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">
                       <DownArrow />
                     </button>

src/components/Mailing/Mailing.js

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