feat(Cell): improve accessibility (#4519)

2019-09-20 20:29:38 +08:00
parent 2d04b23671
commit 3c210f8252
15 changed files with 63 additions and 56 deletions
@@ -75,11 +75,12 @@ function Cell(
    functionalRoute(ctx);
  }

+  const clickable = isLink || props.clickable;
  const classes: Mods = {
+    clickable,
    center: props.center,
    required: props.required,
-    borderless: !props.border,
-    clickable: isLink || props.clickable
+    borderless: !props.border
  };

  if (size) {
@@ -87,7 +88,13 @@ function Cell(
  }

  return (
-    <div class={bem(classes)} onClick={onClick} {...inherit(ctx)}>
+    <div
+      class={bem(classes)}
+      role={clickable ? 'button' : null}
+      tabindex={clickable ? 0 : null}
+      onClick={onClick}
+      {...inherit(ctx)}
+    >
      {LeftIcon}
      {Title}
      {Value}