fix: change alt images

src/components/AddTodo/index.js

@@ -23,7 +23,7 @@ const AddTodo = ({ value, setValue, onSubmit }) => {
         />
         <div>
           <button className="add-todo-button" disabled={isButtonDisable}>
-            <img src={plus} alt="plus" />
+            <img src={plus} alt="Add Todo" />
           </button>
         </div>
       </form>

src/components/TodoList/index.js

@@ -13,13 +13,13 @@ const TodoList = ({ task, checked: isCheck, setChecked, onRemove }) => {
           className={classNames("todo-checklist", { checked: isCheck })}
           onClick={setChecked}
         >
-          <img src={check} alt="check" />
+          <img src={check} alt="Check Todo" />
         </div>
       </div>
       <span className="todo-text">{task}</span>
       <div>
         <div className="todo-remove" onClick={onRemove}>
-          <img src={trash} alt="remove" />
+          <img src={trash} alt="Remove Todo" />
         </div>
       </div>
     </div>

src/containers/TodoLists/index.js

@@ -31,7 +31,7 @@ const TodoLists = () => {
     return (
       <div className="todo-lists">
         <div className="todo-empty">
-          <img src={noData} alt="No Data" />
+          <img src={noData} alt="Empty Tasks" />
           <p>Empty Tasks :(</p>
         </div>
       </div>