Hi
I can’t actually see the error message as it’s overlapped by the button (on mobile)
You also need to
- give the input a label (visually hidden)
- associate the label and error message with aria-describedby on input linking to Id of the error span
- add aria live to that error span
- wrap the social icons in anchor tags that are also labelled (visually-hidden).
- then make sure all interactive elements have obvious focus-visible styles
Good luck
Marked as helpful
Ps use a tool like regex101 or read up more and you’ll find lots of examples for email pattern regex that will check for patterns like “must have letters/numbers, followed by @, followed by letters, followed by . followed by letters”
@Skyz03
Posted
@grace-snow Thanks for the advice will surely implement this out and let you know.
@Skyz03
Posted
@grace-snow Thanks again I updated most of the aspects you mentioned and got a good grasp of those to consider in future. Thank you for making a great community 👍✌😊⭐