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

#1593 making the assignment changes screen readable #1621

Merged
merged 3 commits into from
Sep 11, 2024

Conversation

pushyamig
Copy link
Contributor

@pushyamig pushyamig commented Sep 10, 2024

Fixes #1593

The issue request if based on the filter option it list the No. of assignments listed to screen readers. The info is not presented visually, but asked for adding it to screen reader


Testing
whenever any filter option changes or default filtering selected, it list the no. of assignment in the Box component which is rendered as div

Screenshot 2024-09-10 at 10 00 11 AM

aria-live.mp4

@@ -15,7 +15,7 @@ root.render(
<Router basename='/'>
<ApolloProvider client={client}>
<ThemeProvider theme={siteTheme}>
<App user={user} gaId={gaId} cspNonce={cspNonce} oneTrustScriptDomain={oneTrustScriptDomain}/>
<App user={user} gaId={gaId} cspNonce={cspNonce} oneTrustScriptDomain={oneTrustScriptDomain} />
</ThemeProvider>
</ApolloProvider>
</Router>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Changes here are due to linting error due to prior commits, which i am fixing it here

@@ -9,7 +9,7 @@ import useGoogleAnalytics from '@tl-its-umich-edu/react-ga-onetrust-consent'

function App (props) {
const { user, gaId, cspNonce, oneTrustScriptDomain } = props
useGoogleAnalytics({ googleAnalyticsId: gaId, nonce: cspNonce, oneTrustScriptDomain})
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Changes here are due to linting error due to prior commits, which i am fixing it here

@pushyamig pushyamig marked this pull request as ready for review September 10, 2024 14:26
Copy link
Member

@zqian zqian left a comment

Choose a reason for hiding this comment

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

Verified the fix. Added one minor suggestion.

@@ -368,6 +370,7 @@ function AssignmentTable (props) {
</Grid>
</Grid>
<TableContainer className={classes.container} ref={tableRef}>
<Box sx={visuallyHidden} aria-live='polite'>{filteredAssignments.length} assignments are listed</Box>
Copy link
Member

Choose a reason for hiding this comment

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

I have minor suggestion here for the singular vs plural statement, like:

0 assignment is listed
1 assignment is listed
2 assignments are listed
...

Copy link
Contributor Author

@pushyamig pushyamig Sep 10, 2024

Choose a reason for hiding this comment

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

I have implemented the change here c9842d3

@pushyamig pushyamig merged commit 22e9a68 into tl-its-umich-edu:master Sep 11, 2024
1 check passed
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.

Communicate the number of returned results when using filters on the Assignment Planning view
2 participants