Announce ProLicense activation success to screen readers

After a license activation succeeds, the ProLicense plan section
shows a success summary card. Without aria-live, a screen reader
user wouldn't know the activation completed without re-focusing
the page. Add role="status" + aria-live="polite" so the success
summary is announced when it appears.
This commit is contained in:
rcourtman
2026-05-10 15:04:00 +01:00
parent 1c1629ff5d
commit 76b9e2bb32
@@ -112,7 +112,11 @@ export const ProLicensePlanSection: Component<ProLicensePlanSectionProps> = (pro
<>
<Show when={props.activationSuccessSummary}>
{(summary) => (
<div class={`mb-4 rounded-md border p-3 text-sm ${summary().tone}`}>
<div
role="status"
aria-live="polite"
class={`mb-4 rounded-md border p-3 text-sm ${summary().tone}`}
>
<p class="font-medium">{summary().title}</p>
<p class="mt-1 text-xs opacity-90">{summary().body}</p>
<Show when={summary().actionUrl && summary().actionLabel}>