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

SDPA-5681: Accessibility for links which open in new tab. #1071

Open
wants to merge 7 commits into
base: develop
Choose a base branch
from

Conversation

mudrasamey
Copy link
Collaborator

@mudrasamey mudrasamey commented Oct 18, 2021

Motivation and Context

WHEN a page contains a button that will take the user to a new tab
THEN the feature is WCAG 2.1 AA compliant and the user hears a title similar to "[Button text] - opens in new tab.

JIRA issue: https://digital-engagement.atlassian.net/browse/SDPA-5681

Changed

  1. Added hidden span to rpl-link to indicate when a link opens a new window/tab.

Screenshots

image

@mudrasamey mudrasamey force-pushed the feature/SDPA-5681-new-tab-button-accessibility branch from b536f91 to 2fc7459 Compare October 18, 2021 09:04
@mudrasamey mudrasamey requested a review from dylankelly October 18, 2021 09:17
@mudrasamey mudrasamey requested review from elNico and removed request for dylankelly October 18, 2021 09:18
elNico
elNico previously approved these changes Oct 20, 2021
@elNico elNico requested a review from dylankelly October 20, 2021 00:20
Copy link
Contributor

@dylankelly dylankelly left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hi @mudrasamey - see review comments, dont need the extra prop, but adding the opens in a new window feature is appreciated!

packages/components/Atoms/Link/TextLink.vue Outdated Show resolved Hide resolved
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants