Skip to content

[SF][A11y][MessageStrip]: repetitive screenreader announcement when link is provided #13079

@caroline-ferri

Description

@caroline-ferri

Bug Description

Our current design has a message strip that has text and a link at the end of the text. When the screenreader user focuses on the link within the message strip, the screenreader announces all the text (including the link text) to help annotate the message strip. The screenreader then repeats only the link text to give context to the actual link. The SF A11y team has reported that this repetitive announcement is an a11y violation and should be avoided.

Please note that the SAP UI5 MessageStrip component supports a link property and does not have repeated announcement of the link text:
Image

SAP UI5-WC announcement:
Image

Affected Component

MessageStrip

Expected Behaviour

When the user navigates to a link within the message strip, the link text should only be announced once when focused.

Isolated Example

https://ui5.github.io/webcomponents/play/#eNq9k01vEzEQhv_K1Kc2imM4IKFlEwEFBBLQSimHSntx1pPErXe8WjsJUZT_zng_qkQUuKFEys47M-9MHnsPwpLBn5N1rJzIDoJ0hSI7Fcei9BSRIsv5hZRQO71fNX5DRi69MyDlrKD84sPN9d397UdITUlIv-A0raaFQCoEa90nX6M2HAF_8xD3DlMwysjHy8zg0hKaKziwZmxIwzIgT_iGhWPqbye0-aVvSjSy9M43UpuHTYhntZCrwf__j8srjBrKtW4CRmbw4-6TfN1i6FMJNetbi7vaN7EQ0INmcWdNXE8Nbm2Jsg3GYMlGq50MpXY4fTl50ZtFG3nmXFe1w1x1EVNWPWZ-XHizh3Y1tl7o8rE_vvafZLDVzaWUQdfvn1LXKXPVD3jm0CVSf_CpYGNfyQpD0CuUITa2BoPBroinfceVjnaLbJUbu519IaZYseQJvnUtg4Oz9Di7qZFg_u4WPvsKa87m6inXEk4mnXY28U-LdkvywZdcFCHu68Sg8mbjeCcITZlCbWnyENKOqitsASZsHUA1XOq_ohDH8WB18ioNyul7pEanLmtrEEaqIFuliwCFmKiTdNjUSW4X5Jv2e2-7wVn_W-ajdrgoPSvEMwNzC1H1xOeJ2OD3z6avzL4rFsfjL_imdUo

Steps to Reproduce

  1. open stackblitz example with JAWS
  2. tab to the "Open SAP Homepage" link
  3. Note that the whole text content of the message strip is read out
  4. Note that the link text is read out again
  5. Navigate to the SAP UI5 Message Strip component page
  6. focus on the last message strip with the link "Open SAP Homepage"
  7. Note that the link text is only announced once
    ...

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.18.0

Browser

Chrome

Operating System

macOS

Additional Context

No response

Organization

SFSF

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Type

Projects

Status

New Issues

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions