diff --git a/packages/react/src/views/ChatBody/ChatBody.js b/packages/react/src/views/ChatBody/ChatBody.js index 34f5c8bf40..9911a97617 100644 --- a/packages/react/src/views/ChatBody/ChatBody.js +++ b/packages/react/src/views/ChatBody/ChatBody.js @@ -400,6 +400,9 @@ const ChatBody = ({ ...styleOverrides, }} className={`ec-chat-body ${classNames}`} + role="log" + aria-live="polite" + aria-label="Message list" > {isLoginIn ? ( setExclusiveState(setShowChannelinfo)} + role="button" + tabIndex={0} + onKeyDown={(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + setExclusiveState(setShowChannelinfo); + } + }} + aria-label="View room information" > { Showing {displayedMembers} of {displayedMembers} - + {filteredMembers.length > 0 ? ( filteredMembers.map((member) => ( { css={styles.container} style={{ cursor: 'pointer' }} onClick={handleShowUserInfo} + role="listitem" + tabIndex={0} + onKeyDown={(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleShowUserInfo(); + } + }} + aria-label={`View info for ${user.name || user.username}`} >