mirror of
https://github.com/rcourtman/Pulse.git
synced 2026-09-21 10:43:36 +00:00
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:
@@ -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}>
|
||||
|
||||
Reference in New Issue
Block a user