fixed accessibiliy issue

Author: malincrist

src/components/products/product-list/ko/runtime/product-list.html

@@ -6,8 +6,8 @@
 <div class="table" role="table" aria-label="Products">
     <div role="rowgroup">
         <div class="table-head" role="row">
-            <div class="col-5">Name</div>
-            <div class="col-7">Description</div>
+            <div class="col-5" role="columnheader">Name</div>
+            <div class="col-7" role="columnheader">Description</div>
         </div>
     </div>
 
@@ -20,11 +20,11 @@
     <!-- ko ifnot: working -->
     <div class="table-body animation-fade-in">
         <!-- ko foreach: { data: products, as: 'product' } -->
-        <div class="table-row">
-            <div class="col-5 text-truncate">
+        <div class="table-row" role="row">
+            <div class="col-5 text-truncate" role="cell">
                 <a data-bind="attr: { href: $component.getProductUrl(product) }, text: product.displayName"></a>
             </div>
-            <div class="col-7">
+            <div class="col-7" role="cell">
                 <span class="content-inherit-color content-inherit-font-weight content-inherit-font-style"
                     data-bind="markdown: { source: product.description, truncateAt: 250 }"></span>
             </div>