ryan/squoosh
1
0
Fork 0
forked from external-repos/squoosh
Code Pull Requests Activity

A11y: add aria attribute to give the upload field a name

Browse Source
This commit is contained in:
Jason Miller
2018-04-17 14:08:49 -04:00
parent dec93a724f
commit 11bebfc836
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/header/index.tsx
View File

@@ -40,13 +40,13 @@ export default class Header extends Component<Props, State> {
<Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}> <Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}>
<Toolbar.Row> <Toolbar.Row>
<Toolbar.Title class={style.title}> <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.Title>
<Toolbar.Section align-end> <Toolbar.Section align-end>
<Toolbar.Icon ripple onClick={onToggleDrawer}>menu</Toolbar.Icon> <Toolbar.Icon ripple onClick={onToggleDrawer}>menu</Toolbar.Icon>
</Toolbar.Section> </Toolbar.Section>
</Toolbar.Row> </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> </Toolbar>
); );
} }