Feature stopwatch

[metinbaris]

What does this change?

Adds stopwatch for the time element whenever users onClick to the minutes.

Effects common content as feature
Issue number: #642

Checklist

• [x ] I have read the contributing guidelines
• [ x] I have checked my spelling and grammar with an automated tool
• [ x] I have previewed my changes to check the markdown renders as I intend
• I have run my code to check it works
• [ x] My changes follow our Style Guide

Who needs to know about this?

@SallyMcGrath

[netlify]

👷 Deploy request for cyf-programming pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	153b57c

[netlify]

✅ Deploy Preview for cyf-curriculum canceled.

Name	Link
🔨 Latest commit	153b57c
🔍 Latest deploy log	https://app.netlify.com/sites/cyf-curriculum/deploys/6661cb2de9967e00087de427

[SallyMcGrath]

Thanks so much for this. It's super fun! 🎉

I think I'd like it to make a noise when the timer runs out. Play a little tada or bring bring sound?

As it stands, this isn't accessible. Please make it keyboard focusable and assign it the role button. You will also need to communicate the beginning and end of the countdown to the announcer. This can't really work by just making it a live region, as we don't want it counting down the whole time, that would be really distracting.

Can you have a think? (And let me know if you don't know how to do these things and I would be glad to support)

[SallyMcGrath]

This element cannot be accessed by keyboard. Please make it focusable and include it in the Accessibility tree.

[metinbaris]

@SallyMcGrath, I've tried to update the code based on your feedback.

Could you please take a look at it again when you have some free time and check if it aligns with what you had in mind? If not, please feel free to edit the code directly :)