Accessibility question about external Link in the Link component

[BoyanLiuu]

Hello friends,
I would like to ask one accessibility question for the External Link example in the Link component
This is external link , so it contains default icon and it will open in a new window page.

Here is the code I found from document:

import * as React from "react";
import Link from "@cloudscape-design/components/link";

export default () => {
  return (
    <Link
      external
      externalIconAriaLabel="Opens in a new tab"
      href="https://example.com/"
    >
      Learn more
    </Link>
  );
}

My question is do we need to add both externalIconAriaLabel and ariaLabel ?

Here is what I found out:

In the Usage section , I find out that I have to use ariaLabel , because the code would open in a new window page.

However i am not sure if we need to add externalIconAriaLabel prop.
I inspect the use case in the documentation . It seems like we did not add externalIconAriaLabel.

Could anyone help me confirm whether we should use both prop or not? Thanks for the help!

[FlorianDr]

For external link, you only need to provide a label for the icon using externalIconAriaLabel. It should be a text similar to "Opens in a new tab".