Skip to content

"Log" banners not announced to screen readers #47

Description

@BryceStevenWilley

On the "Get your forms" download page, users can enter their email address and send themselves a copy of the generated documents. After clicking Send, a loading spinner appears while the email is being sent, but screen reader users receive no indication that anything is happening. When the email finishes sending, the page reloads and a visual success message ("E-mail was sent to...") briefly appears at the top of the page, but the message is not announced to screen reader users. The message also auto-dismisses on a timer, so even if a screen reader user happened to navigate to the top of the page, it may have already disappeared. The result is that a screen reader user clicks Send, hears nothing, and has no way to confirm whether the email was actually sent.

Add an "aria-live=polite" region to announce the email sending status. When the user clicks Send, announce that the email is being sent (e.g., "Sending email, please wait"). When sending completes, announce the success message (e.g., "Email was sent to [address]") in the same live region. The current success message auto-dismisses on a timer, which means even if it were announced, a screen reader user who wanted to re-read it would not be able to find it. Consider keeping the message on screen until the user dismisses it, or at minimum ensure the live region announcement gives the user all the information they need in a single reading.

(See A11Y-18).

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityWCAG or related accessibility flaw

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions