♿ Improving accessibility, fixes #279

README.md

@@ -131,7 +131,7 @@ _HTML responses have "Preview HTML" feature_
 
 _History entries can be sorted by any fields_
 
-_Histories can deleted one-by-one or all together_
+_Histories can be deleted one-by-one or all together_
 
 📁 **Collections**: Keep your API requests organized with collections and folders. Reuse them with a single click.
 

assets/css/styles.scss

@@ -497,8 +497,9 @@ pre {
   resize: vertical;
   text-overflow: ellipsis;
 
-  &:not([readonly]):hover {
+  &:not([readonly]):active,
-    background-color: var(--bg-dark-color);
+  &:not([readonly]):focus {
+    box-shadow: inset 0 0 0 2px var(--fg-light-color);
   }
 }
 

components/collections/index.vue

@@ -51,7 +51,11 @@ TODO:
           <i class="material-icons">import_export</i>
           <span>Import / Export</span>
         </button>
-        <a href="https://github.com/liyasthomas/postwoman/wiki/Collections" target="_blank">
+        <a
+          href="https://github.com/liyasthomas/postwoman/wiki/Collections"
+          target="_blank"
+          rel="noopener"
+        >
           <button class="icon" v-tooltip="'Wiki'">
             <i class="material-icons">help</i>
           </button>

pages/index.vue

@@ -300,9 +300,9 @@
                 @click="copyRequestCode"
                 id="copyRequestCode"
                 ref="copyRequestCode"
+                v-tooltip="'Copy code'"
               >
                 <i class="material-icons">file_copy</i>
-                <span>Copy</span>
               </button>
             </div>
           </div>
@@ -1510,17 +1510,14 @@ export default {
       }
     },
     copyRequestCode() {
-      this.$refs.copyRequestCode.innerHTML =
+      this.$refs.copyRequestCode.innerHTML = this.doneButton;
-        this.doneButton + "<span>Copied</span>";
       this.$toast.success("Copied to clipboard", {
         icon: "done"
       });
       this.$refs.generatedCode.select();
       document.execCommand("copy");
       setTimeout(
-        () =>
+        () => (this.$refs.copyRequestCode.innerHTML = this.copyButton),
-          (this.$refs.copyRequestCode.innerHTML =
-            this.copyButton + "<span>Copy</span>"),
         1000
       );
     },