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

Update: Alert screen reader users when content has been added (fixes #232) #233

Draft
wants to merge 11 commits into
base: master
Choose a base branch
from

Conversation

swashbuck
Copy link
Contributor

@swashbuck swashbuck commented Oct 17, 2024

Fixes #232

🚧 Work in progress 🚧

Update

  • Alerts screen reader users when more content has been added to the page once the Trickle has been unlocked.
  • Adds new string for the message at _globals._extensions._trickle.additionalContentLoaded in course.json

Fix

  • Minor JS linting fixes. TrickleButtonModel.js only has linting fixes.
  • Fix PR template typo

Testing

  1. Using a screen reader, complete content that has been locked by Trickle.
  2. Once unlocked, the screen reader should announce "Loading."

@swashbuck swashbuck self-assigned this Oct 17, 2024
@swashbuck swashbuck changed the title Issue/232 Update: Alert screen reader users when content has been added (fixes #232) Oct 17, 2024

// Rough estimate: 200ms per word + buffer
const words = message.split(' ').length;
const delay = (words * 200) + 300;
Copy link
Member

Choose a reason for hiding this comment

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

Happy with this? Did it all work as expected? Does it need a wider device test?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It works well except when using feedback popups. When you close the popup, the focus moves to the disabled Submit button and announces it. So, the "loading" message is spoken over and never heard.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging this pull request may close these issues.

a11y: Loading additional content on a page
2 participants