fix(a11y): stop SR announcement for hidden labels for Textinput, TimePicker

[2nikhiltom]

Closes #16752 #16862

SR should not announce the label when hideLabel is true

Changelog

New
Added aria-hidden attribute

Testing / Reviewing

• open deploy preview - turn on screen reader

• for both Textinput and TimePicker components
  -set the hide label Boolean to "True" and observe the SR do not announce label

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	aa868e6
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67371c36cc456e00081dc9c7
😎 Deploy Preview	https://deploy-preview-18080--v11-carbon-web-components.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.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	aa868e6
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67371c3609a4db00086a053e
😎 Deploy Preview	https://deploy-preview-18080--carbon-elements.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.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	aa868e6
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67371c360c06a00008a91e58
😎 Deploy Preview	https://deploy-preview-18080--v11-carbon-react.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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.19%. Comparing base (ff55263) to head (aa868e6).
Report is 9 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #18080   +/-   ##
=======================================
  Coverage   82.19%   82.19%           
=======================================
  Files         404      404           
  Lines       14151    14151           
  Branches     4418     4468   +50     
=======================================
  Hits        11631    11631           
  Misses       2359     2359           
  Partials      161      161           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[alisonjoseph]

I believe that the point of hiding a label only visually (using our visually hidden class) is specifically so that the label is still readable by screen readers. Otherwise we could just throw a display: none on it. This feels like something we probably shouldn't be doing. https://www.w3.org/WAI/tutorials/forms/labels/

@guidari were these initial issues reported by our testing team?

[guidari]

Hey @alisonjoseph I agree with you. But this was reported by Raghu, he pointed that in different components as well. I guess we can double check that with Raghu, because the label might have useful information for the screen readers, but it isn't useful visually.

[guidari]

@alisonjoseph @2nikhiltom
I just talked with Gower in the CAG call, and he also agrees that the label has to be announced, otherwise that mighe lead to a11y issues.
I guess we can close a couple issues related to that here. We can also talk with Raghu as well, just let him know about this.

[alisonjoseph]

Thanks for checking @guidari.

[2nikhiltom]

Closing these similar issues on other components as well
#16613 #16750 #16601 #16531