[mgt-agenda][accessibility] removing non-actionable content from tabindex (#1645)

Co-authored-by: Sébastien Levert <[email protected]>

Author: vogtn

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

@@ -345,9 +345,7 @@ export class MgtAgenda extends MgtTemplatedComponent {
     return html`
       <div class="event">
         <div class="event-time-container">
-          <div tabindex=0 class="event-time" aria-label="${this.getEventTimeString(event)}">${this.getEventTimeString(
-      event
-    )}</div>
+          <div class="event-time" aria-label="${this.getEventTimeString(event)}">${this.getEventTimeString(event)}</div>
         </div>
         <div class="event-details-container">
           ${this.renderTitle(event)} ${this.renderLocation(event)} ${this.renderAttendees(event)}
@@ -371,7 +369,7 @@ export class MgtAgenda extends MgtTemplatedComponent {
     return (
       this.renderTemplate('header', { header }, 'header-' + header) ||
       html`
-        <div tabindex=0 class="header" aria-label="${header}">${header}</div>
+        <div class="header" aria-label="${header}">${header}</div>
       `
     );
   }
@@ -386,7 +384,7 @@ export class MgtAgenda extends MgtTemplatedComponent {
    */
   protected renderTitle(event: MicrosoftGraph.Event): TemplateResult {
     return html`
-      <div tabindex=0 aria-label=${event.subject} class="event-subject">${event.subject}</div>
+      <div aria-label=${event.subject} class="event-subject">${event.subject}</div>
     `;
   }
 
@@ -406,9 +404,7 @@ export class MgtAgenda extends MgtTemplatedComponent {
     return html`
       <div class="event-location-container">
         <div class="event-location-icon">${getSvg(SvgIcon.OfficeLocation)}</div>
-        <div tabindex=0 class="event-location" aria-label="${event.location.displayName}">${
-      event.location.displayName
-    }</div>
+        <div class="event-location" aria-label="${event.location.displayName}">${event.location.displayName}</div>
       </div>
     `;
   }