🎨 - refactor: accessability improvement

maykinmedia · Dec 13, 2024 · f36dc73 · f36dc73
1 parent 3c98c35
commit f36dc73
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/data/attributetable/attributetable.tsx b/src/components/data/attributetable/attributetable.tsx
@@ -103,6 +103,7 @@ export const AttributeTable = <T extends object = object>({
 
   return (
     <div
+      role="table"
       className={clsx(
         "mykn-attributetable",
         `mykn-attributetable--valign-${valign}`,
@@ -209,13 +210,15 @@ export const AttributeTableRow = <T extends object = object>({
       className={clsx("mykn-attributetable__row", {
         "mykn-attributetable--compact": compact,
       })}
+      role="row"
     >
       <div
         className={clsx(
           "mykn-attributetable__cell",
           "mykn-attributetable__cell--key",
           { "mykn-attributetable--compact": compact },
         )}
+        role="cell"
       >
         {isEditing ? <label htmlFor={`${id}_input`}>{label}</label> : label}
       </div>