NewTaskList - Add a11y label

src/features/TaskList/NewTaskListPrompt.js

@@ -11,8 +11,10 @@ export function NewTaskListPrompt() {
 
   return (
     <div className={styles.listContainer}>
+      <label className="sr-only" for="createNewList">Create new list</label>
       <input
-         className={styles.newListInput}
+        id="createNewList"
+        className={styles.newListInput}
         type="text"
         placeholder="+ Create list"
         value={newListname}

src/index.css

@@ -21,3 +21,16 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
+
+/* Only show for screen readers */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap; /* added line */
+  border: 0;
+}