infra
/
etesync
2
0
Fork 0
Code Issues Pull Requests Packages Activity

Tasks: add a11y title and aria labels for Toolbar

master
Andrew P Maney 2020-03-25 02:44:24 -07:00 committed by Tom Hacohen
parent 212dfc7095
commit 39529e66c1
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Tasks/Toolbar.tsx
View File

@ -108,7 +108,7 @@ export default function Toolbar(props: PropsType) {
</Transition>
<div className={classes.button}>
<IconButton size="small" onClick={toggleSearchField}>
<IconButton size="small" onClick={toggleSearchField} title={showSearchField ? 'Close' : 'Search'}>
{showSearchField ? <CloseIcon /> : <SearchIcon />}
</IconButton>
</div>
@ -116,14 +116,16 @@ export default function Toolbar(props: PropsType) {
<div className={classes.button}>
<IconButton
size="small"
aria-label="more"
aria-controls="long-menu"
title="Sort"
aria-label="Sort"
aria-controls="sort-menu"
aria-haspopup="true"
onClick={(e) => setSortAnchorEl(e.currentTarget)}
>
<SortIcon />
</IconButton>
<Menu
id="sort-menu"
anchorEl={sortAnchorEl}
keepMounted
open={!!sortAnchorEl}
@ -140,14 +142,16 @@ export default function Toolbar(props: PropsType) {
<div className={classes.button}>
<IconButton
size="small"
aria-label="more"
aria-controls="long-menu"
title="Options"
aria-label="Options"
aria-controls="options-menu"
aria-haspopup="true"
onClick={(e) => setOptionsAnchorEl(e.currentTarget)}
>
<MoreVertIcon />
</IconButton>
<Menu
id="options-menu"
anchorEl={optionsAnchorEl}
keepMounted
open={!!optionsAnchorEl}