Message.tsx: Use role=row for container, not role=button

This commit is contained in:
Scott Nonnenberg 2022-07-25 17:19:00 -07:00 committed by GitHub
parent 78ad890a20
commit 67ddec65d9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 5 deletions

View file

@ -2999,9 +2999,9 @@ export class Message extends React.PureComponent<Props, State> {
expiring ? 'module-message--expired' : null
)}
tabIndex={0}
// We pretend to be a button because we sometimes contain buttons and a button
// cannot be within another button
role="button"
// We need to have a role because screenreaders need to be able to focus here to
// read the message, but we can't be a button; that would break inner buttons.
role="row"
onKeyDown={this.handleKeyDown}
onFocus={this.handleFocus}
ref={this.focusRef}