Skip to content

Commit

Permalink
Add a11y note on external link
Browse files Browse the repository at this point in the history
  • Loading branch information
rsmithadhoc committed Oct 8, 2024
1 parent 8f1fa6b commit c7d760a
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions src/_components/link/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ Refer to the [Content Style Guide on Links]({{ site.baseurl }}/content-style-gui
- **Keyboard navigation.** The user must be able to navigate to links using the Tab key and activate links using the Enter key.
- **Purpose and target.** Link text that doesn't indicate a clear purpose or destination makes it harder for everyone--especially screen reader users--to understand where they're getting routed off to.
- **External links must indicate that they are external.** Follow the methods detailed in [linking to external sites]({{ site.baseurl }}/content-style-guide/links#linking-to-external-sites).
- By default, the link component's external link variation will append the text, "(opens in a new tab)", instead of using an icon. This follows [Techniques for WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/G201.html) advice on providing users with both a spoken and visual warning that this link opens in a new tab.

{% include content/links-vs-buttons.md %}

Expand Down

0 comments on commit c7d760a

Please sign in to comment.