haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-24 21:07:17 +00:00
Code Issues Releases Wiki Activity

[A11y] improvements for pages (#6030)

Browse Source 
* [A11y] improvements for pages

* [A11y] added 'user-scalable=no' back
This commit is contained in:
llj
2024-04-22 10:36:42 +08:00
committed by GitHub
parent 047f03c722
commit 1b881ca914
10 changed files with 13 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dirent-list-view/dirent-list-item.js
View File

@@ -727,7 +727,7 @@ class DirentListItem extends React.Component {
onContextMenu={this.onItemContextMenu}
>
<td className={`pl10 ${this.state.isDragTipShow ? 'tr-drag-effect' : ''}`}>
<input type="checkbox" className="vam" onChange={this.onItemSelected} checked={dirent.isSelected}/>
<input type="checkbox" className="vam" onChange={this.onItemSelected} checked={dirent.isSelected} aria-label={dirent.isSelected ?gettext('Unselect this item') : gettext('Select this item')} />
</td>
<td className="pl10">
{dirent.starred !== undefined &&

2
frontend/src/components/dirent-list-view/dirent-list-view.js
View File

@@ -619,7 +619,7 @@ class DirentListView extends React.Component {
<thead onMouseDown={this.onThreadMouseDown} onContextMenu={this.onThreadContextMenu}>
<tr>
<th width="3%" className="pl10">
<input type="checkbox" className="vam" onChange={this.props.onAllItemSelected} checked={this.props.isAllItemSelected} />
<input type="checkbox" className="vam" onChange={this.props.onAllItemSelected} checked={this.props.isAllItemSelected} aria-label={this.props.isAllItemSelected ? gettext('Unselect all items') : gettext('Select all items')} />
</th>
<th width="3%" className="pl10">{/*icon */}</th>
<th width="5%" className="pl10">{/*star */}</th>

2
frontend/src/components/file-uploader/file-uploader.js
View File

@@ -681,7 +681,7 @@ class FileUploader extends React.Component {
<Fragment>
<div className="file-uploader-container">
<div className="file-uploader">
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick}/>
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick} aria-label={gettext('Upload')} />
</div>
</div>
{this.state.isUploadRemindDialogShow &&

2
frontend/src/components/shared-link-file-uploader/file-uploader.js
View File

@@ -664,7 +664,7 @@ class FileUploader extends React.Component {
<Fragment>
<div className="file-uploader-container">
<div className="file-uploader">
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick}/>
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick} aria-label={gettext('Upload')} />
</div>
</div>
{this.state.isUploadProgressDialogShow &&

2
frontend/src/pages/upload-link/file-uploader.js
View File

@@ -622,7 +622,7 @@ class FileUploader extends React.Component {
<Fragment>
<div className="file-uploader-container">
<div className="file-uploader">
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick} />
<input className="upload-input" type="file" ref={this.uploadInput} onClick={this.onClick} aria-label={gettext('Upload')} />
</div>
</div>
<UploadProgressDialog

8
frontend/src/pages/upload-link/upload-progress-dialog.js
View File

@@ -104,10 +104,10 @@ class UploadProgressDialog extends React.Component {
<table className="table-thead-hidden">
<thead>
<tr>
<th width="40%">{gettext('name')}</th>
<th width="15%">{gettext('size')}</th>
<th width="30%">{gettext('progress')}</th>
<th width="15%">{gettext('state')}</th>
<th width="40%" scope="col">{gettext('name')}</th>
<th width="15%" scope="col">{gettext('size')}</th>
<th width="30%" scope="col">{gettext('progress')}</th>
<th width="15%" scope="col">{gettext('state')}</th>
</tr>
</thead>
<tbody>