Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Indicate links that open in new tabs to assistive technologies #6193

Open
Tracked by #6151
acelaya opened this issue Feb 12, 2024 · 1 comment
Open
Tracked by #6151

Indicate links that open in new tabs to assistive technologies #6193

acelaya opened this issue Feb 12, 2024 · 1 comment

Comments

@acelaya
Copy link
Contributor

acelaya commented Feb 12, 2024

In the Help tab, links to Help Topics and New Support Ticket open in new windows but the link does not indicate this except visually (using an icon). This would be considered a violation of WCAG Success Criteria 3.2.5 (which was not evaluated in the VPAT as it as an AAA level SC).

Recommendations for links
Adding visually-hidden text that says “opens in a new window” or something similar would properly support this success criterion. See: https://www.w3.org/WAI/WCAG21/Techniques/html/H83

@acelaya
Copy link
Contributor Author

acelaya commented Feb 12, 2024

I'm not completely sure about this. It is a simple fix, but I would like to find a clear way to differentiate the "link text" from the "helper text".

If we add an sr-only element saying "opens in a new window", the screen reader reads the link text followed by that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Development

No branches or pull requests

1 participant