-
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
#1593 making the assignment changes screen readable #1621
#1593 making the assignment changes screen readable #1621
Conversation
@@ -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> |
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.
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}) |
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.
Changes here are due to linting error due to prior commits, which i am fixing it here
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.
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> |
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.
I have minor suggestion here for the singular vs plural statement, like:
0 assignment is listed
1 assignment is listed
2 assignments are listed
...
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.
I have implemented the change here c9842d3
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 asdiv
aria-live.mp4