diff options
author | varjolintu <sami.vanttinen@protonmail.com> | 2019-02-20 16:09:50 +0300 |
---|---|---|
committer | varjolintu <sami.vanttinen@protonmail.com> | 2019-03-19 08:07:15 +0300 |
commit | 2c480fe62da58f4d8ce74db1391a7244b415cfde (patch) | |
tree | 3865885ba2b4c5417e5baf997c736d5296e08412 /keepassxc-browser/options/options.html | |
parent | c3a36027b53b908c36e8ccc6d9e1ebf62ae979db (diff) |
Accessibility fixes
Diffstat (limited to 'keepassxc-browser/options/options.html')
-rw-r--r-- | keepassxc-browser/options/options.html | 144 |
1 files changed, 79 insertions, 65 deletions
diff --git a/keepassxc-browser/options/options.html b/keepassxc-browser/options/options.html index e364619..27f50dd 100644 --- a/keepassxc-browser/options/options.html +++ b/keepassxc-browser/options/options.html @@ -5,23 +5,24 @@ <meta charset="UTF-8"> <link rel="stylesheet" href="bootstrap.min.css" /> <link rel="stylesheet" href="options.css" /> - <script type="text/javascript" src="../browser-polyfill.min.js"></script> - <script type="text/javascript" src="../global.js"></script> - <script type="text/javascript" src="../jquery-3.3.1.min.js"></script> - <script type="text/javascript" src="bootstrap.min.js"></script> - <script type="text/javascript" src="options.js"></script> + <script src="../browser-polyfill.min.js"></script> + <script src="../global.js"></script> + <script src="../jquery-3.3.1.min.js"></script> + <script src="bootstrap.min.js"></script> + <script src="options.js"></script> + <script src="../translate.js" defer></script> </head> <body> <div class="container"> - <h3 class="muted"><img src="/icons/keepassxc_48x48.png" alt="logo" /> KeePassXC-Browser</h3> + <h3 class="muted"><img src="/icons/keepassxc_48x48.png" alt="logo"> KeePassXC-Browser</h3> <nav class="navbar navbar-default"> <ul class="nav navbar-nav"> - <li class="active"><a href="#general-settings"><span data-i18n="optionsMenuGeneral"/></a></li> - <li><a href="#connected-databases"><span data-i18n="optionsMenuConnectedDatabases"/></a></li> - <li><a href="#custom-fields"><span data-i18n="optionsMenuCustomFields"/></a></li> - <li><a href="#site-preferences"><span data-i18n="optionsMenuSitePreferences"></a></li> - <li><a href="#about"><span data-i18n="optionsMenuAbout"/></a></li> + <li class="active"><a href="#general-settings" tabindex="1"><span data-i18n="optionsMenuGeneral"></span></a></li> + <li><a href="#connected-databases" tabindex="2"><span data-i18n="optionsMenuConnectedDatabases"></span></a></li> + <li><a href="#custom-fields" tabindex="3"><span data-i18n="optionsMenuCustomFields"></span></a></li> + <li><a href="#site-preferences" tabindex="4"><span data-i18n="optionsMenuSitePreferences"></span></a></li> + <li><a href="#about" tabindex="5"><span data-i18n="optionsMenuAbout"></span></a></li> </ul> </nav> @@ -31,18 +32,19 @@ <hr /> <h3 data-i18n="optionsKeyboardShortcutsHeader"></h3> <p> - <span data-i18n="contextMenuFillUsernameAndPassword"></span>: <span id="fill-username-password-shortcut">error</span><br /> - <span data-i18n="contextMenuFillPassword"></span>: <span id="fill-password-shortcut">error</span><br /> - <span data-i18n="contextMenuFillTOTP"></span>: <span id="fill-totp-shortcut">error</span> + <span data-i18n="contextMenuFillUsernameAndPassword"></span>: <span id="fill_username_password-shortcut">error</span><br /> + <span data-i18n="contextMenuFillPassword"></span>: <span id="fill_password-shortcut">error</span><br /> + <span data-i18n="contextMenuFillTOTP"></span>: <span id="fill_totp-shortcut">error</span><br /> + <span data-i18n="contextMenuShowPasswordGenerator"></span>: <span id="show_password_generator-shortcut">error</span> </p> - <p id="chrome-only"><button class="btn btn-sm btn-primary" id="configureCommands" type="button"><span class="glyphicon glyphicon-cog"></span><span data-i18n="optionsConfigureShortcuts"/></button></p> + <p id="chrome-only"><button class="btn btn-sm btn-primary" id="configureCommands" type="button" data-i18n="[title]openNewTab"><span class="glyphicon glyphicon-cog"></span><span data-i18n="optionsConfigureShortcuts"></span></button></p> <p> <div class="form-group"> <label for="blinkTimeout" data-i18n="optionsLabelBlinkTime"></label> <div class="control-group"> <div class="input-append"> <input type="number" id="blinkTimeout" placeholder="7500" value="7500" min="-1"/> - <button class="btn btn-sm btn-primary" id="blinkTimeoutButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"/></button> + <button class="btn btn-sm btn-primary" id="blinkTimeoutButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"></span></button> </div> </div> <span class="help-inline"> @@ -58,7 +60,7 @@ <div class="control-group"> <div class="input-append"> <input type="number" id="blinkMinTimeout" placeholder="2000" value="2000" min="-1"/> - <button class="btn btn-sm btn-primary" id="blinkMinTimeoutButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"/></button> + <button class="btn btn-sm btn-primary" id="blinkMinTimeoutButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"></span></button> </div> </div> <span class="help-inline"> @@ -76,7 +78,7 @@ <div class="control-group"> <div class="input-append"> <input type="number" id="allowedRedirect" placeholder="1" value="1" min="1"/> - <button class="btn btn-sm btn-primary" id="allowedRedirectButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"/></button> + <button class="btn btn-sm btn-primary" id="allowedRedirectButton" type="button"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-i18n="optionsButtonSave"></span></button> </div> </div> <span class="help-inline"> @@ -90,7 +92,7 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="usePasswordGenerator" value="true"/><span data-i18n="optionsCheckboxUsePasswordGenerator"/> + <input type="checkbox" name="usePasswordGenerator" value="true"/><span data-i18n="optionsCheckboxUsePasswordGenerator"></span> </label> <span class="help-block"> <span data-i18n="optionsUsePasswordGeneratorHelpText"></span> @@ -102,7 +104,7 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="autoRetrieveCredentials" value="true" /><span data-i18n="optionsCheckboxAutoRetrieveCredentials"/> + <input type="checkbox" name="autoRetrieveCredentials" value="true" /><span data-i18n="optionsCheckboxAutoRetrieveCredentials"></span> </label> <span class="help-block" data-i18n="optionsAutoRetrieveCredentialsHelpText"></span> </div> @@ -111,7 +113,7 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="autoFillSingleEntry" value="false" /><span data-i18n="optionsCheckboxAutoFillSingleEntry"/> + <input type="checkbox" name="autoFillSingleEntry" value="false" /><span data-i18n="optionsCheckboxAutoFillSingleEntry"></span> </label> <span class="help-block" data-i18n="optionsAutoFillSingleEntryHelpText"></span> <span class="bg-danger" data-i18n="optionsAutoFillSingleEntryWarning"></span> @@ -121,7 +123,7 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="autoCompleteUsernames" value="true" /><span data-i18n="optionsCheckboxAutoCompleteUsernames"/> + <input type="checkbox" name="autoCompleteUsernames" value="true" /><span data-i18n="optionsCheckboxAutoCompleteUsernames"></span> </label> <span class="help-block" data-i18n="optionsAutocompleteUsernamesHelpText"></span> </div> @@ -130,13 +132,13 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="showNotifications" value="true" /><span data-i18n="optionsCheckboxShowNotifications"/> + <input type="checkbox" name="showNotifications" value="true" /><span data-i18n="optionsCheckboxShowNotifications"></span> </label> <span class="help-block" data-i18n="optionsShowNotificationsHelpText"></span> </div> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="showLoginNotifications" value="true" /><span data-i18n="optionsCheckboxShowLoginNotifications"/> + <input type="checkbox" name="showLoginNotifications" value="true" /><span data-i18n="optionsCheckboxShowLoginNotifications"></span> </label> </div> </p> @@ -144,7 +146,7 @@ <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="saveDomainOnly" value="true" /><span data-i18n="optionsSaveDomainOnly"/> + <input type="checkbox" name="saveDomainOnly" value="true" /><span data-i18n="optionsSaveDomainOnly"></span> </label> <span class="help-block" data-i18n="optionsSaveDomainOnlyHelpText"></span> </div> @@ -152,10 +154,10 @@ <hr /> <p> <div data-i18n="optionsRadioText"></div> - <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="3" checked="true"/><span data-i18n="optionsRadioThreeDays"/></label> - <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="7" /><span data-i18n="optionsRadioWeek"/></label> - <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="30" /><span data-i18n="optionsRadioMonth"/></label> - <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="0" /><span data-i18n="optionsRadioNever"/></label> + <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="3" checked><span data-i18n="optionsRadioThreeDays"></span></label> + <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="7" /><span data-i18n="optionsRadioWeek"></span></label> + <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="30" /><span data-i18n="optionsRadioMonth"></span></label> + <label class="radio-inline"><input type="radio" name="checkUpdateKeePassXC" value="0" /><span data-i18n="optionsRadioNever"></span></label> </p> <div class="help-block kphVersion"> <span data-i18n="optionsVersionInfoText"></span> @@ -168,14 +170,14 @@ </div> <div> <span data-i18n="optionsLatestVersion" i18n-placeholder="<em class='latestVersion'></em>"></span> - <button class="btn btn-sm btn-primary checkUpdateKeePassXC"><span class="glyphicon glyphicon-refresh"></span> <span data-i18n="optionsButtonUpdate"/></button> + <button class="btn btn-sm btn-primary checkUpdateKeePassXC"><span class="glyphicon glyphicon-refresh"></span> <span data-i18n="optionsButtonUpdate"></span></button> </div> </div> <hr /> <p> <div class="checkbox"> <label class="checkbox"> - <input type="checkbox" name="autoFillAndSend" value="0" /><span data-i18n="optionsCheckboxAutoFillAndSend"/> + <input type="checkbox" name="autoFillAndSend" value="0" /><span data-i18n="optionsCheckboxAutoFillAndSend"></span> </label> <span class="help-block"> <span data-i18n="optionsAutoFillAndSendHelpText"></span> @@ -183,7 +185,8 @@ <span data-i18n="optionsAutoFillAndSendHelpTextSecond"></span> </span> </div> - <img src="/options/http-auth-dialog.png" alt="http-auth-dialog" /> + <!--<img src="/options/http-auth-dialog.png" alt="http-auth-dialog" />--> + <img src="/options/http-auth-dialog.png" data-i18n="[alt]httpAuthDialog"/> </p> </div> @@ -191,15 +194,15 @@ <div class="tab" id="tab-connected-databases"> <h2 data-i18n="optionsConnectedDatabasesTab"></h2> <hr /> - <p data-i18n="optionsConnectedDatabasesText"/> <table class="table table-striped table-bordered table-hover"> + <caption data-i18n="optionsConnectedDatabasesText"></caption> <thead> <tr> - <th><span data-i18n="optionsDatabaseIdentifier"></span></th> - <th><span data-i18n="optionsDatabaseKey"></span></th> - <th><span data-i18n="optionsDatabaseLastUsed"></span></th> - <th><span data-i18n="optionsDatabaseCreated"></span></th> - <th><span data-i18n="optionsDatabaseDelete"></span></th> + <th scope="col"><span data-i18n="optionsDatabaseIdentifier"></span></th> + <th scope="col"><span data-i18n="optionsDatabaseKey"></span></th> + <th scope="col"><span data-i18n="optionsDatabaseLastUsed"></span></th> + <th scope="col"><span data-i18n="optionsDatabaseCreated"></span></th> + <th scope="col"><span data-i18n="optionsDatabaseDelete"></span></th> </tr> </thead> <tbody> @@ -233,7 +236,7 @@ </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> <span data-i18n="optionsButtonCancel"></span></button> - <button class="btn yes btn-primary"><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> + <button class="btn yes btn-primary" autofocus><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> </div> </div> </div> @@ -248,14 +251,13 @@ <span data-i18n="optionsCustomFieldsTabHelpTextFirst"></span> <br /> <span data-i18n="optionsCustomFieldsTabHelpTextSecond"></span><em><span data-i18n="popupChooseCredentialsText"></span></em>. - <br /> - <span data-i18n="optionsCustomFieldsTabHelpTextThird"></span> </p> <table class="table table-striped table-bordered table-hover"> + <caption data-i18n="optionsCustomFieldsTableCaption"></caption> <thead> <tr> - <th><span data-i18n="optionsColumnPageURL"></span></th> - <th><span data-i18n="optionsColumnDelete"></span></th> + <th scope="col"><span data-i18n="optionsColumnPageURL"></span></th> + <th scope="col"><span data-i18n="optionsColumnDelete"></span></th> </tr> </thead> <tbody> @@ -281,7 +283,7 @@ </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> <span data-i18n="optionsButtonCancel"></span></button> - <button class="btn yes btn-primary"><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> + <button class="btn yes btn-primary" autofocus><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> </div> </div> </div> @@ -303,22 +305,23 @@ </p> <hr /> <div class="form-group"> - <label for="ignoreManualAdd" data-i18n="optionsSitePreferencesManualAddText"></label> - <div class="control-group"> + <label for="manualUrl" data-i18n="optionsSitePreferencesManualAddText"></label> + <div class="control-group" id="manualUrlGroup"> <div class="input-append"> - <input type="url" id="manualUrl"/> + <input type="url" id="manualUrl" pattern="ftp://.*|http://.*|https://.*" minlength="10"> <button class="btn btn-sm btn-primary" id="sitePreferencesManualAdd" type="button"><span class="glyphicon glyphicon-plus-sign"></span> <span data-i18n="optionsButtonAdd"></span></button> </div> </div> </div> <hr /> <table class="table table-striped table-bordered table-hover"> + <caption data-i18n="optionsSitePreferencesTableCaption"></caption> <thead> <tr> - <th><span data-i18n="optionsColumnPageURL"></span></th> - <th><span data-i18n="optionsColumnIgnore"></span></th> - <th><span data-i18n="optionsColumnUsernameOnly"></span></th> - <th><span data-i18n="optionsColumnDelete"></span></th> + <th scope="col"><span data-i18n="optionsColumnPageURL"></span></th> + <th scope="col"><span data-i18n="optionsColumnIgnore"></span></th> + <th scope="col"><span data-i18n="optionsColumnUsernameOnly"></span></th> + <th scope="col"><span data-i18n="optionsColumnDelete"></span></th> </tr> </thead> <tbody> @@ -328,13 +331,13 @@ <tr class="clone"> <td></td> <td> - <select name="ignore"> + <select name="ignore" data-i18n="[title]optionsSitePreferencesSelect"> <option value="ignoreNothing" data-i18n="optionsSelectionNothing"></option> <option value="ignoreNormal" data-i18n="optionsSelectionNormal"></option> <option value="ignoreFull" data-i18n="optionsSelectionFull"></option> </select> </td> - <td><input type="checkbox" name="usernameOnly" value="false" /></td> + <td><input type="checkbox" name="usernameOnly" value="false" data-i18n="[title]optionsColumnUsernameOnly"/></td> <td><button class="btn delete btn-danger btn"><span class="glyphicon glyphicon-remove-sign"></span> <span data-i18n="optionsButtonRemove"></span></button></td> </tr> </tbody> @@ -352,7 +355,7 @@ </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove"></span> <span data-i18n="optionsButtonCancel"></span></button> - <button class="btn yes btn-primary"><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> + <button class="btn yes btn-primary" autofocus><span class="glyphicon glyphicon-ok"></span> <span data-i18n="optionsButtonRemoveNow"></span></button> </div> </div> </div> @@ -364,13 +367,13 @@ <h2 data-i18n="optionsAboutTab"></h2> <hr /> <p> - <a target="_blank" href="https://chrome.google.com/webstore/detail/keepassxc-browser/oboonakemofpalcgghocfoadofidjkkk"><span data-i18n="optionsAboutChrome"/></a> + <a target="_blank" href="https://chrome.google.com/webstore/detail/keepassxc-browser/oboonakemofpalcgghocfoadofidjkkk" data-i18n="[title]openNewTab" tabindex="6"><span data-i18n="optionsAboutChrome"></span></a> </p> <p> - <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/"><span data-i18n="optionsAboutMozilla"/></a> + <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/" data-i18n="[title]openNewTab" tabindex="7"><span data-i18n="optionsAboutMozilla"></span></a> </p> <p> - <a target="_blank" href="https://github.com/keepassxreboot/keepassxc-browser"><span data-i18n="optionsAboutGitHub"/></a>. + <a target="_blank" href="https://github.com/keepassxreboot/keepassxc-browser" data-i18n="[title]openNewTab" tabindex="8"><span data-i18n="optionsAboutGitHub"></span></a> </p> <hr /> <p> @@ -381,14 +384,16 @@ </p> <hr /> <p> - <span data-i18n="optionsAboutContributors"></span><br> - <a target="_blank" href="https://github.com/pfn/">Perry Nguyen</a>, <a target="_blank" href="http://lukas-schulze.de">Lukas Schulze</a>, - <a target="_blank" href="https://github.com/smorks">Andy Brandt</a>, <a target="_blank" href="https://github.com/varjolintu/">Sami Vänttinen</a>, - <a target="_blank" href="https://github.com/keepassxreboot/keepassxc-browser">KeePassXC Team</a>. + <span data-i18n="optionsAboutContributors"></span>:<br> + <a target="_blank" href="https://github.com/pfn/" data-i18n="[title]openNewTab" tabindex="9">Perry Nguyen</a>, + <a target="_blank" href="http://lukas-schulze.de" data-i18n="[title]openNewTab" tabindex="10">Lukas Schulze</a>, + <a target="_blank" href="https://github.com/smorks" data-i18n="[title]openNewTab" tabindex="11">Andy Brandt</a>, + <a target="_blank" href="https://github.com/varjolintu/" data-i18n="[title]openNewTab" tabindex="12">Sami Vänttinen</a>, + <a target="_blank" href="https://github.com/keepassxreboot/keepassxc-browser" data-i18n="[title]openNewTab" tabindex="13">KeePassXC Team</a>. </p> <hr /> <p> - <span data-i18n="optionsAboutLicenses"></span><br> + <span data-i18n="optionsAboutLicenses"></span>:<br> <details> <summary>Bootstrap</summary> @@ -545,13 +550,22 @@ </pre> </details> </p> + <hr /> + <p> + <span data-i18n="optionsAboutReportBugs"></span>:<br> + <a target="_blank" href="https://github.com/keepassxreboot/keepassxc-browser/issues/new" tabindex="14"><span data-i18n="optionsAboutCreateNewIssue"></span></a> + <p><span data-i18n="optionsAboutDebugInfo"></span>: + <p>KeePassXC - <span class="kpxcVersion"></span> + <br>KeePassXC-Browser - <span class="kpxcbrVersion"></span> + <br>Operating system: <span class="kpxcbrOS"></span> + <br>Browser: <span class="kpxcbrBrowser"></span> + </p> + </p> </div> <hr> <div class="footer"> - <p>(C) 2017-2018 - KeePassXC Team</p> + <p>(C) 2017-2019 - KeePassXC Team</p> </div> </div> <!-- /container --> - - <script type="text/javascript" src="../translate.js"></script> </body> </html> |