aria-practices icon indicating copy to clipboard operation
aria-practices copied to clipboard

Published 20 hours ago • verified publisher icon w3c

Layout Grid Example 2: Polite live region feedback interrupted when adding recipient

Open jscholes opened this issue 2 years ago • 0 comments

When operating the second of the Layout Grid Examples, a live region is used to confirm when a recipient has been added successfully. However, aria-live on the relevant <span> container is set to "polite" rather than "assertive", meaning that some screen readers will interrupt the message in favour of the announcement indicating that the input has received focus again. This is a potential failure of WCAG SC 4.1.3 Status Messages (level AA).

Reproduce

  1. With NVDA and Chrome, open https://www.w3.org/WAI/ARIA/apg/example-index/grid/LayoutGrids.html.
  2. Locate the section on the page headed "Example 2: Pill List For a List of Message Recipients".
  3. Type "Test" in the "Add Recipient" input.
  4. Press the "Add" button.

Expected result

NVDA announces, "Test added. 3 recipients total.", followed by the focus change back to the "Add Recipient" input.

Actual behaviour

The beginning of the live region feedback is barely audible, because the speech "Add Recipient edit New Recipient Name blank" interrupts it almost immediately.

CC @IsaDC

jscholes avatar Jul 08 '22 21:07 jscholes