Altinn / Altinn/app-frontend-react

WCAG: That a link take you out of the app (external) are only communicated trough an icon

Open
#231 2 comments 0 reactions 0 assignees View on GitHub
area/accessibility kind/bug status/for-consideration
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description of the bug

When using links that go out of the app it is common to have an arrow icon on the end of the link to indicate that you are leaving the page you are currently on if you use the link. But this information should also be communicated to screen readers.

This is handled on Altinn.no today and should be handled in similar way for Altinn 3 apps.

[Example from Altinn.no:](https://www.altinn.no/om-altinn/hva-er-altinn/)
![Skjermbilde 2022-06-17 kl 12 12 30](https://user-images.githubusercontent.com/33222679/174279649-232cbbdf-6a57-4587-916b-b741e61bda2d.png)

### Steps To Reproduce

Use a screen reader on an external link in an application
There should be no indication that you are leaving the area you are in.

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the frontend component or entry point that renders external links, then compare its accessible output with the Altinn.no example linked in the issue. Done means a screen reader receives an indication that the link leaves the current app or page, in addition to the visual arrow icon.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.