Skip to content

Import participants from an existing group/channel while creating meeting [WPB-28117] - #22380

Open
zskhan wants to merge 1 commit into
mainfrom
feat/import-participants-from-existing-group
Open

Import participants from an existing group/channel while creating meeting [WPB-28117]#22380
zskhan wants to merge 1 commit into
mainfrom
feat/import-participants-from-existing-group

Conversation

@zskhan

@zskhan zskhan commented Sep 3, 2026

Copy link
Copy Markdown
Contributor
StoryWPB-28117 [Web] Import participants from an existing group

@zskhan
zskhan force-pushed the feat/import-participants-from-existing-group branch from 284f0c8 to 81e4050 Compare September 3, 2026 21:10
@zskhan
zskhan force-pushed the feat/import-participants-from-existing-group branch from 81e4050 to fd8e191 Compare September 3, 2026 21:13
return (
<>
<button
type="button"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add aria-expanded and aria-controls to the toggle button. Use a deterministic id so multiple pickers don't collide.

Example:

<button ... aria-expanded={isOpen} aria-controls={${id}-conversation-list} />
<div id={`${id}-conversation-list`} role="list">

const checkboxId = `${id}-${conversationKey}`;

return (
<div key={conversationKey} css={listWrapper({noUnderline})}>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mark each conversation item as a listitem (role="listitem") or use semantic <ul>/<li>

You currently set role="list" on the container but the items lack role="listitem". This breaks list semantics for assistive tech.

<div key=... role="listitem" css=...>

let userListContent: React.ReactNode = null;
if (isEmptyUserList && !hideEmptyState) {
userListContent = (
<p className="user-list__no-results" data-uie-name={noResultsDataUieName}>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When search results change, screen readers must be informed about the no matches messages. The current no results paragraph is just static <p>.

Add role="status" and aria-live="polite"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants