vpat 27/28: rtfScan aria edits (#4020)
- linked input/output file labels to the input fields so they have descriptive names - added more detailed button labels - fixed "No file selected" not appearing if no file is selected
This commit is contained in:
parent
f30d8f07d5
commit
4f7b43747a
3 changed files with 18 additions and 14 deletions
|
@ -645,10 +645,11 @@ const Zotero_RTFScan = { // eslint-disable-line no-unused-vars, camelcase
|
|||
this.wizard.canAdvance = newCanAdvance;
|
||||
},
|
||||
|
||||
updatePath() {
|
||||
async updatePath() {
|
||||
this.wizard.canAdvance = this.inputFile && this.outputFile;
|
||||
document.getElementById('input-path').value = this.inputFile ? this.inputFile.path : '';
|
||||
document.getElementById('output-path').value = this.outputFile ? this.outputFile.path : '';
|
||||
let noFileSelectedLabel = await document.l10n.formatValue("rtfScan-no-file-selected");
|
||||
document.getElementById('input-path').value = this.inputFile ? this.inputFile.path : noFileSelectedLabel;
|
||||
document.getElementById('output-path').value = this.outputFile ? this.outputFile.path : noFileSelectedLabel;
|
||||
},
|
||||
|
||||
insertRows(newRows, beforeRow) {
|
||||
|
|
|
@ -35,17 +35,17 @@
|
|||
<span class="page-start-2" data-l10n-id="rtfScan-introPage-description2" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="choose-input-file" class="file-input-label" data-l10n-id="rtfScan-input-file" />
|
||||
<label control="input-path" class="file-input-label" data-l10n-id="rtfScan-input-file" />
|
||||
<div class="file-input-container">
|
||||
<html:input type="text" data-l10n-id="zotero-file-none-selected" id="input-path" readonly="true" />
|
||||
<button id="choose-input-file" data-l10n-id="zotero-file-choose" />
|
||||
<html:input type="text" id="input-path" readonly="true"/>
|
||||
<button id="choose-input-file" data-l10n-id="rtfScan-choose-input-file" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="choose-output-file" class="file-input-label" data-l10n-id="rtfScan-output-file" />
|
||||
<label control="output-path" class="file-input-label" data-l10n-id="rtfScan-output-file" />
|
||||
<div class="file-input-container">
|
||||
<html:input type="text" data-l10n-id="zotero-file-none-selected" id="output-path" readonly="true" />
|
||||
<button id="choose-output-file" data-l10n-id="zotero-file-choose" />
|
||||
<html:input type="text" id="output-path" readonly="true"/>
|
||||
<button id="choose-output-file" data-l10n-id="rtfScan-choose-output-file" />
|
||||
</div>
|
||||
</div>
|
||||
</wizardpage>
|
||||
|
|
|
@ -8,6 +8,7 @@ return-or-enter =
|
|||
general-remove = Remove
|
||||
general-add = Add
|
||||
general-remind-me-later = Remind Me Later
|
||||
general-choose-file = Choose File…
|
||||
|
||||
menu-file-show-in-finder =
|
||||
.label = Show in Finder
|
||||
|
@ -219,11 +220,13 @@ rtfScan-introPage-description2 = To get started, select an RTF input file and an
|
|||
rtfScan-input-file = Input File
|
||||
rtfScan-output-file = Output File
|
||||
|
||||
zotero-file-none-selected =
|
||||
.value = No file selected
|
||||
|
||||
zotero-file-choose =
|
||||
.label = Choose File…
|
||||
rtfScan-no-file-selected = No file selected
|
||||
rtfScan-choose-input-file =
|
||||
.label = { general-choose-file }
|
||||
.aria-label = Choose Input File
|
||||
rtfScan-choose-output-file =
|
||||
.label = { general-choose-file }
|
||||
.aria-label = Choose Output File
|
||||
|
||||
rtfScan-intro-page =
|
||||
.label = Introduction
|
||||
|
|
Loading…
Reference in a new issue