diff options
author | Sorin Davidoi <sorin.davidoi@gmail.com> | 2017-07-29 01:58:53 +0200 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-07-29 01:58:53 +0200 |
commit | c71874b84c1616f2a55547e1aa7cf81fc5c30636 (patch) | |
tree | 1fbcb09d493c84799884976d390ae6d7e7dab50b /app/javascript/mastodon/components/status_content.js | |
parent | 53b2b1b2389c0ea941c50d4a9c726539d808c384 (diff) |
Improve accessibility (part 6) (#4435)
* fix(status_action_bar): Use aria-pressed for reblog and favourite button * fix(column_back_button): Keyboard accessible * fix(status_content): Make focusable and accessible * fix(dropdown_menu): Use aria-expanded instead of aria-pressed * fix(emoji_picker_dropdown): Use aria-expanded instead of aria-hidden * feat(icon_button): Add aria-expanded * fix(privacy_dropdown): Use aria-expanded instead of aria-hidden
Diffstat (limited to 'app/javascript/mastodon/components/status_content.js')
-rw-r--r-- | app/javascript/mastodon/components/status_content.js | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/app/javascript/mastodon/components/status_content.js b/app/javascript/mastodon/components/status_content.js index 1b803a22e..0071162cb 100644 --- a/app/javascript/mastodon/components/status_content.js +++ b/app/javascript/mastodon/components/status_content.js @@ -146,7 +146,7 @@ export default class StatusContent extends React.PureComponent { } return ( - <div className={classNames} ref={this.setRef} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> + <div className={classNames} ref={this.setRef} tabIndex='0' aria-label={status.get('search_index')} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> <p style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}> <span dangerouslySetInnerHTML={spoilerContent} /> {' '} @@ -162,6 +162,8 @@ export default class StatusContent extends React.PureComponent { return ( <div ref={this.setRef} + tabIndex='0' + aria-label={status.get('search_index')} className={classNames} style={directionStyle} onMouseDown={this.handleMouseDown} @@ -172,6 +174,8 @@ export default class StatusContent extends React.PureComponent { } else { return ( <div + tabIndex='0' + aria-label={status.get('search_index')} ref={this.setRef} className='status__content' style={directionStyle} |