fix: add aria-label text announce cancelling adding a new task (#2359)

Signed-off-by: Martin Musale <[email protected]>

Author: musale

packages/mgt-components/src/components/mgt-todo/mgt-todo.ts

@@ -209,6 +209,7 @@ export class MgtTodo extends MgtTasksBase {
 
     const cancelIcon = html`
       <fluent-button
+        aria-label=${this.strings.cancelAddingTask}
         class="task-cancel-icon" 
         @click="${this.clearNewTaskData}">
         ${getSvg(SvgIcon.Cancel)}

packages/mgt-components/src/components/mgt-todo/strings.ts

@@ -20,5 +20,6 @@ export const strings = {
   deleteTaskLabel: 'Delete Task',
   dueDate: 'Due date',
   newTaskDateInputLabel: 'New Task Date Input',
-  newTaskNameInputLabel: 'New Task Name Input'
+  newTaskNameInputLabel: 'New Task Name Input',
+  cancelAddingTask: 'Cancel adding a new task'
 };