Contact form built with React + SCSS

What are you most proud of, and what would you do differently next time?

Hi, I have learned a lot of proper form validation and especially accessibility.

I am proud that I kept researching and looking for different documentations and useful articles (I even went to LinkedIn signup and other platforms just to test screen reader and accessibility)

Learned some good aria attributes for accessibility.

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

I mostly got the basic validation and error messages done but the challenging part was fixing accessibility part by part.

I overcome the focus shift to invalid input using useRef in React by creating one for each input and access it's attributes and methods. if any React experts got any tips it would be appreciated :)

What specific areas of your project would you like help with?

Only one thing I tried for accessibility on error handling is using aria-errormessage with an id to the error span, looked into docs and tried several times but nothing seems to be announced so I could get some help on this part. Thanks.

aria-invalid although works alright when focused on input and it announced invalid.