-
Notifications
You must be signed in to change notification settings - Fork 39
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
#1596 making status icon accessible #1615
#1596 making status icon accessible #1615
Conversation
@@ -527,7 +527,7 @@ function AssignmentTable (props) { | |||
</TableCell> | |||
<TableCell className={classes.veryNarrowCell}> | |||
<Tooltip title={a.graded ? assignmentStatus.GRADED : a.submitted ? assignmentStatus.SUBMITTED : assignmentStatus.UNSUBMITTED}> | |||
{a.graded ? <GradedIcon className={classes.graded} /> : a.submitted ? <SubmittedIcon className={classes.ungraded} /> : <UnsubmittedIcon className={classes.unsubmitted} />} | |||
{a.graded ? <GradedIcon className={classes.graded} titleAccess='Graded' /> : a.submitted ? <SubmittedIcon className={classes.ungraded} titleAccess='Pending Grade' /> : <UnsubmittedIcon className={classes.unsubmitted} titleAccess='Unsubmitted'/>} | |||
</Tooltip> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://v5.mui.com/material-ui/api/svg-icon/
adding titleAccess
removes aria-hidden
attribute
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This PR is ready for review |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks good on my local instance
Fixes #1596
if you test this with VO it is not voiced the icon. But I talked with Gonzalo and he checked with NVDA sees to be voicing the label. So he likes the change. (I avoided testing in screen readers since accessibility team don't recommends it)
YNice.mov