Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Age Calculator with ARIA Attributes

#accessibility
Levi Kuhaulua• 220

@LeviKuhaulua

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

One challenge I faced was checking if the date was invalid. What I found was that if the other input fields were invalid (i.e Day was set to something higher than 31), then both error messages would pop up. My solution was to do an initial check to see if any input elements contained the aria-invalid="true" attribute first, then check if the date was invalid.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord