fix(core): form label required * should be aria-hidden

[mikerodonnell89]

fixes #11284

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	23b2b89
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/6704340389462f0008b16338
😎 Deploy Preview	https://deploy-preview-12523--fundamental-ngx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Visit the preview URL for this PR (updated for commit 23b2b89):

https://fundamental-ngx-gh--pr12523-fix-11284-6rju61p9.web.app

_{(expires Thu, 10 Oct 2024 19:22:54 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[InnaAtanasova]

Have you tested the output with SR? aria-hidden will remove the content and the children from the a11y tree and the label shouldn't be read.

[InnaAtanasova]

Have you tested the output with SR? `aria-hidden` will remove the content and the children from the a11y tree and the label shouldn't be read.

Maybe check this article with options to hide the pseudo element from SR: https://stackoverflow.com/questions/46815260/hide-a-pseudo-element-from-a-screenreader

Also this: https://dev.to/whitep4nth3r/hide-text-in-css-pseudo-elements-from-screen-readers-with-this-one-weird-trick-11eg

https://www.sitelint.com/blog/hide-content-in-css-pseudo-elements-from-screen-readers

[mikerodonnell89]

Closing, fix will come in styles