Skip to content
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

Merged

Conversation

pushyamig
Copy link
Contributor

@pushyamig pushyamig commented Aug 29, 2024

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

@@ -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>
Copy link
Contributor Author

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

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Before
Screenshot 2024-08-29 at 12 37 28 PM

After
Screenshot 2024-08-29 at 12 33 19 PM

@pushyamig pushyamig marked this pull request as ready for review August 30, 2024 14:23
@pushyamig
Copy link
Contributor Author

This PR is ready for review

Copy link
Contributor

@jaydonkrooss jaydonkrooss left a 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

@pushyamig pushyamig merged commit c294b43 into tl-its-umich-edu:master Sep 4, 2024
1 check passed
jaydonkrooss pushed a commit that referenced this pull request Sep 4, 2024
* #1596 making status icon accessible
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Remove aria-hidden to voice aria-label on icons
2 participants