fix: (CXSPA-983) - Table roles for saved carts list (#19002)

Co-authored-by: Miguel Estrada <[email protected]>

feature-libs/cart/saved-cart/components/list/saved-cart-list.component.html

@@ -10,25 +10,34 @@ <h2>
  </div>
 
  <ng-container *ngIf="savedCarts?.length > 0; else noSavedCarts">
- <table class="table cx-saved-cart-list-table">
- <thead class="cx-saved-cart-list-thead-mobile">
- <th scope="col">
+ <table role="table" class="table cx-saved-cart-list-table">
+ <thead role="row" class="cx-saved-cart-list-thead-mobile">
+ <th role="columnheader" scope="col">
  {{ 'savedCartList.cartName' | cxTranslate }}
  </th>
- <th scope="col">{{ 'savedCartList.cartId' | cxTranslate }}</th>
- <th scope="col">{{ 'savedCartList.dateSaved' | cxTranslate }}</th>
- <th scope="col" class="cx-saved-cart-list-th-qty">
+ <th role="columnheader" scope="col">
+ {{ 'savedCartList.cartId' | cxTranslate }}
+ </th>
+ <th role="columnheader" scope="col">
+ {{ 'savedCartList.dateSaved' | cxTranslate }}
+ </th>
+ <th role="columnheader" scope="col" class="cx-saved-cart-list-th-qty">
  {{ 'savedCartList.quantity' | cxTranslate }}
  </th>
- <th scope="col" class="cx-saved-cart-list-th-total">
+ <th
+ role="columnheader"
+ scope="col"
+ class="cx-saved-cart-list-th-total"
+ >
  {{ 'savedCartList.total' | cxTranslate }}
  </th>
- <th scope="col">
+ <th role="columnheader" scope="col">
  {{ 'savedCartList.actions' | cxTranslate }}
  </th>
  </thead>
  <tbody>
  <tr
+ role="row"
  *ngFor="let savedCart of savedCarts"
  (click)="goToSavedCartDetails(savedCart)"
  >