1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-06 17:33:18 +00:00

[file view] added 'aria-label' to the operation buttons

This commit is contained in:
llj
2021-07-14 10:57:21 +08:00
parent 37d6363ad3
commit 2a2ba8830a
2 changed files with 4 additions and 2 deletions

View File

@@ -107,7 +107,7 @@ class FileToolbar extends React.Component {
{(canEditFile && !err) &&
( this.props.isSaving ?
<button type={'button'} className={'btn btn-icon btn-secondary btn-active'}>
<button type={'button'} aria-label={gettext('Saving...')} className={'btn btn-icon btn-secondary btn-active'}>
<i className={'fa fa-spin fa-spinner'}/></button> :
(
this.props.needSave ?
@@ -149,7 +149,7 @@ class FileToolbar extends React.Component {
/>
)}
<ButtonDropdown isOpen={moreDropdownOpen} toggle={this.toggleMoreOpMenu}>
<DropdownToggle>
<DropdownToggle aria-label={gettext('More Operations')}>
<span className="fas fa-ellipsis-v"></span>
</DropdownToggle>
<DropdownMenu right={true}>

View File

@@ -47,6 +47,7 @@ class IconButton extends React.Component {
className={className}
tag="a"
href={this.props.href}
aria-label={this.props.text}
>
{btnContent}
</Button>
@@ -57,6 +58,7 @@ class IconButton extends React.Component {
id={this.props.id}
className={className}
onClick={this.props.onClick}
aria-label={this.props.text}
>
{btnContent}
</Button>