Auro-hyperlink issue - Screen reader is not reading text indicating that this is a link to an external site.

[mrdaas]

Describe the bug

Problem: When using auro-hyperlink for an external domain it is not reading the following text with-in shadow root:

**title: This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.

desc: Notice indicator to alert user with disabilities that action will result in the browser opening a new context.

This occurs in an as.com Sitecore 9 page such as:

• https://www.alaskaair.com/content/airports/washington/bellingham/bellingham-international?lid=travel:info-AirportsGuides-bellingham&int=_AS_TRAVINFO_-prodID:AirportsGuides-bellingham
• https://www.alaskaair.com/content/airport-lounge

This occurs in the Auro Design Guide page for hyperlink

• Auro Design guide: https://auro.alaskaair.com/components/auro/hyperlink/a11y
• Auro Design guide: https://auro.alaskaair.com/components/auro/hyperlink

Verify the version of @aurodesignsystem/auro-hyperlink you have installed

The current version is:
In SC9 the current version is: auro 2.2.0. Not sure what the Auro Design guide version is. I'm assuming its 3.3.0, but maybe wrong.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://auro.alaskaair.com/components/auro/hyperlink/a11y
2. Use a screen reader. The reader that I used was a Chrome ext called Screen Reader
   53.0.2784.13
3. Tab to the first external site step-out, which in this case is "Reference Accessibility Techniques for Links". This is a normal tag and it reads the information for a step-out for accessibility correctly.
4. Tab to the step-out link below this that is an , in this case that link is "Web AIM Links and Hypertext". Only the hyperlink text is read, none of the <title> text or text is read.

This issue can be reproduced on the SC9 page:
https://www.alaskaair.com/content/airports/washington/bellingham/bellingham-international?lid=travel:info-AirportsGuides-bellingham&int=_AS_TRAVINFO_-prodID:AirportsGuides-bellingham

For this page, just tab to the "Website" or "Get Directions" link. Only the link text is heard. No Title or Description text of the link is triggered.

Are you able to reproduce this issue on the Auro doc site?

• YES
• NO

Expected behavior

When a link that goes to an external domain or opens a new tab is highlighted with a screenreader, the title and/or description in the shadow root should trigger to help indicate the behavior of this type of link, similar to how an <a> tag works ( see example listed in reproduction steps for what was expected of the ).

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS] - Mac OS 13.3.1 (22E261)
• Browser [e.g. chrome, safari] - Chrome
• Version [e.g. 22] - Version 108.0.5359.71

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context