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

Improved Current Progress Bar Time Readability for Screen Readers #8985

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

damanV5
Copy link

@damanV5 damanV5 commented Feb 22, 2025

Description

Added a new component insideSeekBar to support human understandable time by screen-readers.

If seek bar is at 0:20/14:05, then screen reader will announce 'twenty seconds of 14 minutes, 5 seconds.

Specific Changes proposed

  1. Added a new component progress-time-display.js inside Seekbar.js.
  2. Used Intl_PluralRules api to format numbers according to pluralization rules for different languages.
  3. Added localisation for time units along with their plurals in en.json.
  4. Commented two test cases which involve Seekbar attribute : aria-valuetext. This was being read by the screen reader.

For Localisation , time_units would be defined for specific languages:-

"time_units": {
"hour": { "one": "hour", "other": "hours" },
"minute": { "one": "minute", "other": "minutes" },
"second": { "one": "second", "other": "seconds" }
}

Here,
one means : singular value of that unit
other mean : plural value of that unit

Requirements Checklist

  • Feature implemented / Bug fixed
  • If necessary, more likely in a feature request than a bug fix
    • Change has been verified in an actual browser (Chrome, Firefox, IE)
    • Unit Tests updated or fixed
    • Docs/guides updated
    • Example created (starter template on JSBin)
    • Has no DOM changes which impact accessiblilty or trigger warnings (e.g. Chrome issues tab)
    • Has no changes to JSDoc which cause npm run docs:api to error
  • Reviewed by Two Core Contributors

@damanV5
Copy link
Author

damanV5 commented Feb 22, 2025

@mister-ben @gkatsev
Let me know what do you think about the PR.
So far, I have tested this with ChromeVox.

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.

1 participant