add checkbox name

Author: Mnickii

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

@@ -206,6 +206,7 @@ export class MgtTodo extends MgtTasksBase {
       ? html`
         <fluent-checkbox
           class="task-add-icon"
+          aria-label="${this.strings.newTaskPlaceholder}"
           @click="${this.addTask}">
         </fluent-checkbox>
       `
@@ -393,6 +394,7 @@ export class MgtTodo extends MgtTasksBase {
           id=${task.id} 
           class=${checkboxClasses}
           ?checked=${isCompleted}
+          aria-label=${this.strings.taskNameCheckboxLabel}
           @click="${() => this.handleTaskCheckClick(task)}"
           @keydown="${(e: KeyboardEvent) => this.handleTaskCheckKeydown(e, task)}"
         >

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

@@ -24,5 +24,6 @@ export const strings = {
   newTaskDateInputLabel: 'New Task Date Input',
   changeTaskDateInputLabel: 'Change Task Date Input',
   newTaskNameInputLabel: 'New Task Name Input',
-  cancelAddingTask: 'Cancel adding a new task'
+  cancelAddingTask: 'Cancel adding a new task',
+  taskNameCheckboxLabel: 'Task Name Checkbox'
 };