Bug 275561 – Improper narration when navigating contenteditable based people picker with VoiceOver

• Status: NEW
• Component: Accessibility

[Adam Samec]

## Problem description

VoiceOver in Safari does not correctly narrate added people in a contenteditable based people picker when navigating the caret in the picker edit field using the Right and Left arrow keys.

## Steps to reproduce

1. Turn on VoiceOver.
2. Visit this [people picker example](https://fluentuipr.z22.web.core.windows.net/pull/31491/public-docsite-v9/storybook/iframe.html?id=concepts-developer-accessibility-contenteditabletags--lexical-picker&viewMode=story) in Safari.
3. Navigate to the only edit field on the page.
4. Type "a", for example, and then pick a person using the Down arrow key and insert with the Enter key.
5. Optionally, repeat step (4) to add more people.
6. Navigate in the edit field using the Right and Left arrow keys.
7. Listen the VoiceOver narration as you navigate.
8. Open Google Chrome and compare the VoiceOver behavior there for the same edit field with the behavior in Safari.

## Actual behavior

VoiceOver does not narrate inserted people correctly as user navigates using the Right and Left arrow keys in the contenteditable based picker edit field. Instead, VoiceOver is either silent or narrates only the first letter of an inserted person.

## Expected behavior

When navigating in the picker edit field using the Right and Left arrow keys, VoiceOver should narrate entire inserted person correctly as it does in Google Chrome.

[Radar WebKit Bug Importer]

<rdar://problem/129986488>