logo Accessibility Academy
PrinciplesBrowse ExercisesBrowse CoursesSettings

Exercise 2.4 - Timing adjustable and Pause, Stop, Hide

A news site shows scrolling headlines to grab the attention of the user. Such scrolling headlines are hard to read for some users. Moreover, the fact that there is a limited time to read a headline before going to the next one is a serious issue.

Requirements

Pending requirement:

When hovering the headline, the animation stops to read comfortably.

Pending requirement:

Add functionality to start displaying the current heading from the beginning. Please use the attribute id="reset" on the element that when clicked, resets the current heading scrolling state.

Need help?

Show me the solution

Learning Material

logo Accessibility Academy
PrinciplesBrowse ExercisesBrowse CoursesSettings

Exercise 2.4 - Timing adjustable and Pause, Stop, Hide

A news site shows scrolling headlines to grab the attention of the user. Such scrolling headlines are hard to read for some users. Moreover, the fact that there is a limited time to read a headline before going to the next one is a serious issue.

Requirements

Pending requirement:

When hovering the headline, the animation stops to read comfortably.

Pending requirement:

Add functionality to start displaying the current heading from the beginning. Please use the attribute id="reset" on the element that when clicked, resets the current heading scrolling state.

Need help?

Show me the solution

Learning Material

Editor

Preview Page