Accessibility: The highlighted links below does not indicate whether they are internal or external links and whether they open in new window or not

[ericmaino]

Actual
In LHS screenshot.

• The first link is internal link and opens in a new window. There is no title attribute = “opens in a new window”. Also “opens in a new window” icon is not present.
• The second and third links are external links and opens in a new window. There is no title attribute = “opens in a new window, external”.

Expected
Add title attribute as mentioned above and also use icons to represent “external links” and “links opening in new window”

WCAG Violation
Predictable
https://www.w3.org/TR/WCAG20-TECHS/G201.html

[corinagum]

These are accessibility issues of v3 of Web Chat, which has been deprecated and we no longer support unless there are security risks. For accessible Web Chat, please migrate to v4.

[ericmaino]

This issue is still present in v4. I'll investigate and propose submit a PR with a fix

[compulim]

In Web Chat v4, all links will be opened externally in a new tab. Please let us know if this is not true.

[JorgeCupiV]

While they open externally, there's still a need for the title property to show that the link is being open externally.

[Quirinevwm]

UX recommendation:
For communication purposes definitely include the transcript "opens link in a new window", Whenever there is a deep link include this transcript for accessibility, since both types (internal, external) will have this behavior.

Regarding the icon ask:

• Stick to deep link only, since all links will be opened in a new window in V4, there is no difference between "internal" and "external" links regarding behavior. Hence, why I would recommend to not place any icon there. The content will look messy, when after every link (both internal, external) we position a hovering icon that represents opening. Also when multiple "categorized" links will be places after , link (icon), link (icon), link (icon).

• If you do really need to position an icon after every link, go for consistency since both types of links share the same behavior, go for the The Fluent System library icon represents "open":
  
  https://iconcloud.design/search/filter/Fluent%20System%20Library/Fluent%20Regular/open/8406032d3-3821b375b

[compulim]

Modify renderMarkdown.js, some code in this snippets:

It is easy to add aria-label (or other ARIA attributes), unsure if it is easy to add an icon in the Markdown tree.

[corinagum]

note to self: timebox 1-2 days to see how to add HTML elements for aria-label and icon
take notes on behavior functions in renderMarkdown.js & documentation - notes to customer on how to match renderMarkdown.js behavior