designsystem: role="status" on ContextSuccessMessage and ContextErrorMessage

Which package is this issue related to?

ffe-context-message-react

Describe your issue (screenshots welcome!)

During an accessibility workshop today by Morten Tollefsen from MediaLT, it was brought up that screen readers are not notified of dynamically added ContextMessage elements. As a result, users using technologies such as screen readers tend to miss these error and success messages.

What is the expected behavior?

The message is read out by the screen reader

What is the actual behavior?

The message is not read out by the screen reader. Users with visual impairments won’t be notified of success/error messages.

Steps to reproduce

In the browser, make a transfer between two of your accounts and there will pop up a green ContextSuccessMessage telling you that the transfer will be completed on your due date. However, this information isn’t presented to people using screen readers as there is no role="alert" or aria-live attribute on the ContextMessage elements.