From bed2f16d9f0832cdb788baf19f5494e796837c8a Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Fri, 21 Feb 2020 11:38:35 +0100
Subject: [PATCH] fix aria labels

---
 src/components/HomeUpload/HomeUpload.js | 4 ++--
 src/components/Mailing/Mailing.js       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/HomeUpload/HomeUpload.js b/src/components/HomeUpload/HomeUpload.js
index 9cf4cb63..48da244f 100644
--- a/src/components/HomeUpload/HomeUpload.js
+++ b/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>
diff --git a/src/components/Mailing/Mailing.js b/src/components/Mailing/Mailing.js
index a857b99f..cdc9156a 100644
--- a/src/components/Mailing/Mailing.js
+++ b/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>