refactor: add hidden class and tabIndex for accessibility

2021-06-15 17:16:05 +04:00
parent adfef38bdc
commit c1e88a8ac0
2 changed files with 7 additions and 3 deletions
--- a/app/assets/javascripts/components/AccountMenu/DataBackup.tsx
+++ b/app/assets/javascripts/components/AccountMenu/DataBackup.tsx
@@ -132,11 +132,11 @@ const DataBackup: FunctionalComponent<Props> = ({
          <div className="sk-panel-row" />
          <div className="flex">
            <button className="sn-button small info" onClick={downloadDataArchive}>Download Backup</button>
-            <label className="sn-button small flex items-center info ml-2">
+            <label className="sn-button small flex items-center info ml-2" tabIndex={0}>
              <input
                type="file"
                onChange={importFileSelected}
-                style={{ display: 'none' }}
+                className="hidden"
              />
              Import Backup
            </label>