fix(text-cta): add visually-hidden helper text

[andy-blum]

Related Ticket(s)

Fixes #8296

Description

Adds visually-hidden helper text. React text CTAs render the text along side the link's contents and web components render the text adjacent to the icon. Links that have an aria-label are not impacted by this change.

Changelog

Changed

• Accessibility improvements to text CTAs (React & Web Components)

[ibmdotcom-bot]

Deploy preview created for package React: https://ibmdotcom-react.s3.us-south.cloud-object-storage.appdomain.cloud/deploy-previews/9461/index.html

Built with commit: a8c8533f21d722e9f65d67ef5c1fd5427e03a55d

[ibmdotcom-bot]

Deploy preview created for package NextJS Test Application: https://ibmdotcom-nextjs-test-upstream.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/9461/index.html

Built with commit: a8c8533f21d722e9f65d67ef5c1fd5427e03a55d

[ibmdotcom-bot]

Deploy preview created for package Web Components: https://ibmdotcom-webcomponents.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/9461/index.html

Built with commit: a8c8533f21d722e9f65d67ef5c1fd5427e03a55d

[ibmdotcom-bot]

Deploy preview created for package Web Components HTML Test Application: https://ibmdotcom-web-components-html-test-upstream.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/9461/index.html

Built with commit: a8c8533f21d722e9f65d67ef5c1fd5427e03a55d

[ibmdotcom-bot]

Deploy preview created for package Web Components (React wrapper): https://ibmdotcom-web-components-react.s3-web.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/9461/index.html

Built with commit: a8c8533f21d722e9f65d67ef5c1fd5427e03a55d

[github-actions[bot]]

DCO Assistant Lite bot All Contributors have signed the CLA.

[RichKummer]

I have read the DCO document and I hereby sign the DCO.

[RichKummer]

recheck

[gopinathan-n]

Closing this issue as The SR announces the help text. However will open A new issue for the way the help text is Worded.