From 11bebfc836cd85b4fe5b1efca32e285629e910dd Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@google.com>
Date: Tue, 17 Apr 2018 14:08:49 -0400
Subject: [PATCH] A11y: add aria attribute to give the upload field a name

---
 src/components/header/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 1499d061..f513a16c 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -40,13 +40,13 @@ export default class Header extends Component<Props, State> {
       <Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}>
         <Toolbar.Row>
           <Toolbar.Title class={style.title}>
-            <Toolbar.Icon title="Upload" ripple onClick={this.upload}>file_upload</Toolbar.Icon>
+            <Toolbar.Icon title="Upload" ripple onClick={this.upload} id="uploadIcon">file_upload</Toolbar.Icon>
           </Toolbar.Title>
           <Toolbar.Section align-end>
             <Toolbar.Icon ripple onClick={onToggleDrawer}>menu</Toolbar.Icon>
           </Toolbar.Section>
         </Toolbar.Row>
-        <input class={style.fileInput} ref={this.setInputRef} type="file" onChange={this.handleFiles} />
+        <input class={style.fileInput} ref={this.setInputRef} type="file" onChange={this.handleFiles} aria-labelledby="uploadIcon" />
       </Toolbar>
     );
   }