olemd/vinterliste
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

fix(a11y): announce invite-token banner via role=status

Browse source 
The "Du registrerer deg med en invitasjonslenke" banner that appears
when arriving at signup via /invite/<token> was a plain <div> — a
screen reader would read it in document order with no special
treatment. role="status" turns it into a polite live region so AT
users hear it as a contextual announcement when the signup view
loads with an invite attached.

Surfaced by /audit a11y (semantic structure lens).
This commit is contained in:
Ole-Morten Duesund 2026-05-25 14:27:11 +02:00
commit e66d50737a
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/Signup.svelte
View file

@ -74,7 +74,9 @@
<form onsubmit={submit} class="card" aria-labelledby="signup-h">
<h2 id="signup-h">Opprett konto</h2>
{#if inviteToken}
<div class="banner">Du registrerer deg med en invitasjonslenke.</div>
<!-- role="status" lets AT users hear the context as a soft announcement
rather than have it buried in document order as a plain div. -->
<div class="banner" role="status">Du registrerer deg med en invitasjonslenke.</div>
{/if}
<p class="muted">
Vi krypterer alt du markerer som <em>privat</em> i nettleseren din. Serveren