localgov icon indicating copy to clipboard operation
localgov copied to clipboard

Status messages not reading out to screenreader users

Open keelanfh opened this issue 2 years ago • 2 comments

Steps to replicate

  • Edit some content
  • Select "Save"

Expected behaviour

Status messages will read out to screen reader users.

Observed behaviour

The Status message appears “Status Message Changes have been saved” it does not read out to screen reader users. Due to issue logged above user is at the top of the screen. Assume if the same approach has been used throughout the application that this same issue will also be present for other status messages.

keelanfh avatar Jun 29 '23 14:06 keelanfh

Hi @keelanfh can you tell us what you were testing with. Thanks.

j4-m avatar Sep 28 '23 15:09 j4-m

I've done a little research on this and it doesn't appear that there is a native solution to this. Some possible workarounds include:

  1. Make the status messages focusable, by giving it a tabindex and programmatically focussing that element on page load.
  2. Nest the messages in an aria-live element, hide (display: none) the messages on server render and show on page load.

Any thoughts @msayoung ?

j4-m avatar Sep 28 '23 16:09 j4-m